a:hover{ text-decoration:underline}
.m-banner{ height:600px; margin-bottom:60px; background: url(banner-20a2.jpg) center top no-repeat}
.g-con{ width:1200px; margin:0 auto 80px auto; overflow:hidden}
.m-tt-1 a{display:block; margin-bottom:70px; font-size:50px; color:#d70000; line-height:56px; text-align:center; font-weight:bold;font-family:"PingFang Sb"}
.m-tt-2{ display:block; margin:0 auto 40px auto}
.m-lst-1{ width:500px; float:right}
.m-lst-1 li{ display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #e3e3e3}
.m-lst-1 strong a{display:block; font-size:22px; color:#111; font-weight:bold;}
.m-lst-1 p{ display:block; font-size:16px; color:#888}
.m-lst-2{ width:378px; float:right; padding:40px; border-radius:10px; border:3px solid #d70000; position:relative}
.m-lst-2 h3{ display:block; height:35px; margin-bottom:40px; background:url(tt-y01.jpg.png) left center no-repeat}
.m-lst-2 strong a{ display:block; font-size:24px; font-weight:bold;font-family:"PingFang Sb"; color:#d70000; margin-bottom:20px}
.m-lst-2 p{ color:#777; font-size:16px}
.m-msg-zj{ display:block; position:absolute; bottom:-3px; right:-3px}
.m-kj-b{ height:860px; background:url(l-bj.jpg) center top no-repeat}

/*融媒看青岛*/
.container{width:1000px;margin-left:auto;margin-right:auto}
.row-matrix .products{text-align:center;float:left;position:relative;left:50%}
.row-matrix .products li{float:left;position:relative;left:-50%;width:64px;margin:0 30px}
.row-matrix .products li div{height:64px;line-height:64px}
.row-matrix .products li div img{width:100%;vertical-align:middle}
.row-matrix .products li span{display:block;margin-top:10px;font-size:14px;color:#666;line-height:1.2}
.row-matrix .flip-container{margin-left:-6px;margin-right:-6px;margin-bottom:20px;position:relative;height:560px;background:#d70000;box-shadow:0 0 0 10px #d70000}
.row-matrix .flip-container .flip-block{position:absolute;width:32.3333%;height:270px;transition:all 0.3s}
.row-matrix .flip-container .flip-block .flip-item{position:absolute;top:0;left:0;padding:6px;width:100%;height:100%;transition:all 1.2s;z-index:1;opacity:0;transform:scale(0.5,0.5)}
.row-matrix .flip-container .flip-block .flip-item.on{z-index:5;opacity:1;transform:scale(1,1)}
.row-matrix .flip-container .flip-block .flip-item img{display:block;width:100%;height:100%}
.row-matrix .flip-container .flip-block .flip-item .btn{visibility:hidden;opacity:0;content:'查看详情';position:absolute;top:50%;margin-top:-20px;left:0;right:0;margin-left:auto;margin-right:auto;width:100px;height:40px;background:#d70000;color:#fff;line-height:40px;text-align:center;border-radius:20px;box-shadow:0 10px 15px -8px #333,0 0 0 3px #fff;transition:all 0.3s}
.row-matrix .flip-container .flip-block .flip-item .btn:hover{background:#d70000}
.row-matrix .flip-container .flip-block .flip-item:hover .btn{visibility:visible;opacity:0.8}
.row-matrix .flip-container .flip-block-2{left:66.6666%}
.row-matrix .flip-container .flip-block-3{top:280px}
.row-matrix .flip-container .flip-block-4{left:66.6666%;top:280px}
.row-matrix .flip-container .flip-block-5{left:33.3333%;height:171.666666667px}
.row-matrix .flip-container .flip-block-6{left:33.3333%;top:373.333333333px;height:176.666666667px}
.row-matrix .flip-container .flip-block-center{position:absolute;width:32.3333%;height:280px;transition:all 0.3s;left:33.3333%;top:181.666666667px;height:182.666666667px}
.row-matrix .flip-container .flip-block-center .flip-item{position:absolute;top:0;left:0;padding:6px;width:100%;height:100%;transition:all 1s}
.row-matrix .flip-container .flip-block-center .flip-item img{display:block;width:100%;height:100%}
.row-matrix .arrow{position:absolute;top:50%;margin-top:-69px;width:48px;height:136px;left:-80px;background:url("arrow-pre-grey-l.png");cursor:pointer}
.row-matrix .arrow.arrow-right{background:url("arrow-next-grey-l.png");left:auto;right:-80px}
/*青岛答卷*/
.dys_gcjs_right ul li a{font-size:16px;color:#000}
.dys_newszhibo{width:735px;height:218px;overflow:hidden}
.dys_fenjin{margin:0 auto}
.dys_fenjin a{width:80%}
.dys_video_bottom{width:241px;padding:0px 20px 0px 20px}
.dys_report_content{width:1100px;height:510px;margin:0 auto;background:url(qdhj_bg.png) 0 0 no-repeat;position:relative}
.dys_nav_father{position:absolute;top:80px;width:525px;height:350px;overflow:hidden;margin:0 0 0 16px}
.dys_nav{position:absolute;top:0;left:0;width:525px}
.dys_nav li{ display:block;width:400px; height:40px;padding:15px 80px 12px 20px; overflow:hidden;zoom:1;margin-bottom:5px; text-align:left}
.dys_nav li.dys_active{background:#d70000;height:40px; border-bottom-left-radius:12px;border-top-left-radius:12px;}
.dys_nav li.dys_active a{color:#fff}
.dys_nav li.dys_active i{background:url(gsf01a.png) 0 0 no-repeat;color:#c80000}
.dys_nav li i{float:left;display:inline-block;width:23px;background:url(gsf01b.png) 0 0 no-repeat;margin:0px 10px 0 0;text-align:center;line-height:23px;font-style:normal;color:#fff}
.dys_nav li a{font-weight:bold;font-size:16px;color:#d70000}
.dys_top{position:absolute;left:249px;display:block;width:44px;height:20px;background:url(gsfarrow01.png) 0 0 no-repeat;top:34px}
.dys_bottom{position:absolute;left:249px;display:block;width:44px;height:20px;background:url(gsfarrow02.png) 0 0 no-repeat;bottom:40px}
.dys_top a,.dys_bottom a{display:inline-block;width:44px;height:20px}
.dys_nav_content {width: 468px;position: absolute;top: 89px;right: 96px; padding-bottom: 20px;}
.dys_nav_content li{display:none}
.dys_nav_content li p{font-size:16px;line-height:30px;color:#fff;text-indent:27px; text-align:justify}
.dys_nav_content li span{position:absolute;right:10px;bottom:0}
.dys_nav_content li a{font-size:14px;line-height:30px;color:#fffbbb}
/*开局*/
.hide{display:none}
.box{width:1000px;margin:0 auto}
.blocktit{display:block;height:90px;margin:30px 0 20px;background-position:center center;background-repeat:no-repeat}
.exclusive{margin-bottom:15px}
.exclusive-box{position:relative;width:1000px;height:540px}
.carousel{position:relative;height:450px;margin:0 auto}
.carousel li{float:left;width:300px;height:230px}
.carousel a,.carousel img,.carousel span{display:inline-block}
.carousel img{width:100%;height:100%}
.carousel a{position:relative}
.carousel span{position:absolute;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:4px;font-size:14px;line-height:22px;color:#fff;text-align:center;background-color:#a40000;background-color:rgba(164,0,0,0.8);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.carousel{position:relative;margin:0px;padding:0px;-moz-user-select:none;-webkit-user-select:none}
.carousel .carousel-item{background-position:center;background-repeat:no-repeat;background-color:#FFF;position:absolute;cursor:pointer}
.carousel .out{border:#DDD 2px solid}
.carousel .over{border:#DDD 2px solid;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=130,Color='#000000')"}
.carousel .click{border:#DDD 2px solid;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=130,Color='#000000')"}
.carousel .select{border:#DDD 2px solid;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=130,Color='#000000')"}
.carousel .tooltip{position:absolute;z-index:9999;background-color:#DDD;margin-bottom:20px;border:#EEE solid 4px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.carousel .tooltip p{color:#999;padding:10px;margin:0px}
.carousel .scrollbar{width:340px;position:absolute;margin-top:100px}
.carousel .scrollbar .track{width:300px;height:20px;position:absolute;left:20px}
.carousel .scrollbar .thumb{width:70px;height:20px;position:absolute;cursor:pointer}
.carousel .scrollbar .left{width:20px;height:20px;position:absolute;cursor:pointer;left:0px}
.carousel .scrollbar .right{width:20px;height:20px;position:absolute;cursor:pointer;right:0px}
.ex-btn{position:relative;z-index:20;width:200px;margin:0 auto}
.ex-arr{width:72px;height:48px;background-repeat:no-repeat;background-position-y:center;cursor:pointer}
.ex-left{float:left;background-image:url(icon_pc_arrow3d_left.png);background-position-x:left}
.ex-right{float:right;background-image:url(icon_pc_arrow3d_right.png);background-position-x:right}

.m-p1{width: 214.155px; cursor: pointer; height: 168.264px; left: 47.1776px; top: 95.448px; z-index: 61; background-image: none;}
.m-p2{width: 203.425px; cursor: pointer; height: 159.834px; left: 636.741px; top: 79.2266px; z-index: 58; background-image: none;}
.m-p3{width: 203.425px; cursor: pointer; height: 159.834px; left: 636.741px; top: 79.2266px; z-index: 58; background-image: none;}
.m-p4{width: 203.425px; cursor: pointer; height: 159.834px; left: 636.741px; top: 79.2266px; z-index: 58; background-image: none;}
.m-p5{width: 203.425px; cursor: pointer; height: 159.834px; left: 636.741px; top: 79.2266px; z-index: 58; background-image: none;}
.m-p6{width: 196.691px; cursor: pointer; height: 154.543px; left: 325.788px; top: 69.0445px; z-index: 56; background-image: none;}
.m-p7{width: 214.155px; cursor: pointer; height: 168.264px; left: 47.1776px; top: 95.448px; z-index: 61; background-image: none;}

/*头图*/
.hiSlider{width:665px; height:375px}
.hiSlider1 img{ display:block; width:665px; height:375px;}
.hiSlider2{width:660px; height:370px; float:left}
.hiSlider2 img{ display:block; width:660px; height:370px;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:40%;height:30px;width:30px;background:url(tp-l01.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.4;filter:alpha(opacity:60)}
.hiSlider-btn-prev{left:0; width:55px; height:110px; border-bottom-right-radius:8px; border-top-right-radius:8px}
.hiSlider-btn-next{right:0; width:55px; height:110px; border-bottom-left-radius:8px; border-top-left-radius:8px}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;padding:10px 0;color:#fff;text-indent:10px;background: linear-gradient(to bottom,  rgba(255,65,15,1) 0%,rgba(255,110,43,1) 100%); z-index:2; font-size:20px; font-weight:bold}
.hiSlider-pages{bottom:15px;right:10px;text-align:right}
.hiSlider-pages a{height:12px;width:12px;margin:0 5px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#ffd041}
/*滚动*/
.carousel {overflow:hidden}
.carousel .prev ,.carousel .next {display:block;width:30px;height:480px;overflow:hidden;display:block;text-decoration:none;cursor:pointer; outline:0}
.carousel .prev {float:left;background:#fff url(left_jt.png) center no-repeat;}
.carousel .next {float:right; width:30px;background:#fff url(right_jt.png) center no-repeat}
.m-sp01{float:left;width:1150px;overflow:hidden}
.m-sp01 li{float:left;display:block;width:255px;height:453px ;margin:0 15px;}
.m-sp01 img{display:block;width:255px; height:453px; border-radius:3px}
/*代表风采*/
.g-box-8,.m-lst-7{ width:360px; float:left; margin-right:60px}
.g-bg-1{ height:680px; background:url(ly06-bg.jpg) center -20px no-repeat}
.g-box-7{ width:1200px; margin:0 auto; overflow:hidden}
.m-tt-4{ display:block; padding:50px 0}
.m-pic-8{position:relative; height:275px; background:url(ly06-name1.png) center top no-repeat}
.pa01{position: absolute;width: 240px;height: 207px;left: 0px;top: 22px;overflow: hidden;transform:rotate(120deg);}
.pa02{width:100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}
.pa03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;}
.pa03 img{	width: 100%;height: 100%;}
.m-pic-8 h4{position: absolute;right:40px;top: 127px;font-size: 24px;height: 30px;line-height: 30px;text-align: right; }
.m-pic-8 h4 a{color:#fff}
.m-pic-8 p{	position: absolute;right:40px;top: 172px;line-height: 20px;width: 110px;text-align: left; color:#fff}
.m-pic-8 span{position: absolute;width: 57px;height: 49px;left: 128px;top: 207px;background: url(ly06-name1b.png);z-index: 9;}
.m-tt-5 a{ display:block; padding:10px 0 6px 0; font-size:24px; line-height:30px; color:#000}
.m-txt-1{ color:#333}
.m-txt-2 { overflow:hidden; margin-bottom:30px}
.m-txt-2 h5 a{ display:block; float:left;width: 125px;height: 108px; margin-right:20px;line-height: 108px;background: url(ly06-name2.png);text-align: center;font-size: 20px;font-weight: bold; color:#fff}
.m-txt-2 p a{ display:block; padding-top:10px; font-size:20px; color:#000}
.g-box-9{ float:left; width:420px; overflow:hidden}
.g-box-9r{float:right; width:695px; padding:10px; overflow:hidden }
/*代表风采*/

/*二十大报告*/
.m-lst-3{ height:530px; background:url(bk-bj.jpg) no-repeat}
.m-lst-3 li{display:block; width:446px; height:150px;display:block; float:left;padding:0 50px 0 100px; margin-bottom:36px}
.m-lst-3 li:nth-child(2n){width:400px; padding:0 50px 0 140px;}
.m-lst-3 li strong{ display:block; font-size:22px; padding-top:30px}
.m-lst-3 li a{color:#222;}

/*二十大时光*/
.m-spic{overflow:hidden}
.m-spic li{display:block; width:380px; float:left; margin:0 30px 30px 0; border:1px solid #e3e3e3; box-sizing:border-box} 
.m-spic li:nth-child(3n){ margin:0 0 30px 0}
.m-spic li img{display:block; width:100%; height:285px; margin-bottom:}
.m-spic li strong a{ display:block; width:340px; height:60px; margin:0 auto; color:#222; font-size:20px; padding:20px 0}
.m-spic li p{display:block;width:340px; margin:0 auto; color:#666; font-size:14px; line-height:28px; padding:20px 0}