html{-webkit-text-size-adjust:100%;font-size:100%;}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  transition: all .1s;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin: 0; padding: 0;}
body{font-family:"微软雅黑",  Helvetica,"Microsoft YaHei";line-height: 1.5; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
a{background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;}
a:active{outline: 0;}
b, strong{font-weight: bold;} 
img{border: 0; vertical-align:middle;}
.clear{ clear: both;}
hr{box-sizing: content-box; height: 0;}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-appearance: textfield; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
textarea{overflow: auto; resize: vertical;}
table{border-collapse: collapse; border-spacing: 0;}
td, th{padding: 0;}
ul, ol{list-style: none outside none;}
h1, h2, h3 {line-height:1; font-weight: normal;}
h1{font-size:1rem;}
h2{font-size:1rem;}
html,body{height: 100%; max-width: 100%; }
h3{ font-size: 1.2rem;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc;}
.sizing{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow: hidden;}
img{ line-height: 0;vertical-align: middle;}
.clear{ clear: both;}
*:focus{outline: none;}
::-webkit-scrollbar{width:0px}
.viewport{width:100%;margin:  0 auto;background: #f4f4f4;min-height: 100%;}
.noline{border: none !important;}
.flexbox{display: -webkit-box; display: -webkit-flex; display: flex;}
.flexlist{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.element::-webkit-scrollbar {display:none}
/*@media screen and (min-width:321px) and (max-width:375px){html{font-size:17px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:18px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:19px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}*/
.swiper-container-horizontal>.swiper-pagination {
	bottom:4px;
	left:84%;
	width: 64px;
}
.swiper-slide p{ display: block;position: absolute;left:.625rem;bottom: 6px;line-height: 1rem;font-size: .75rem;color: #FFFFFF;width: 74%;overflow: hidden;height: 1rem;text-overflow: ellipsis; text-align: left !important; text-shadow: 0 1px 3px rgba(0,0,0,.5);}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px
}

/*弹出层*/
.yd-box{width: 100%;height: 100%;background: url(yun.png) repeat-x;background-size: auto 100%;animation:myfirst1 22s linear;-webkit-animation:myfirst1 22s linear; -moz-animation:myfirst1 22s linear;/* Safari and Chrome */animation-iteration-count:infinite; text-align: center;}
.yd-box img{ width:90%; height: auto;display: block;margin: 1rem auto;padding-top: 1rem;}
.yd-box a{padding:0 1rem;border-radius: 1rem;line-height: 2rem;font-size: .875rem;color: #FFFFFF;border: solid 1px #FFFFFF; display:inline-block;}
@keyframes myfirst1{0% {background-position:200% bottom;}100% {background-position:0rem bottom;}}
@-moz-keyframes myfirst1{0% {background-position:200% bottom;}100% {background-position:0rem bottom;}}
@-webkit-keyframes myfirst1{0% {background-position:200% bottom;}100% {background-position:0rem bottom;}}         
 /*顶部蓝色*/ 
*{font-family:"方正兰亭黑简体";}
#light2{ display: none; position: fixed;width: 100%;height: 100%;background:url(yd-bg.jpg) no-repeat;left: 0;top: 0;z-index: 7;background-size: 100% 100%;opacity: .98;} 
@keyframes myfirst{0% {background-position:100% bottom;}100% {background-position:0rem bottom;}}
@-moz-keyframes myfirst{0% {background-position:100% bottom;}100% {background-position:0rem bottom;}}
@-webkit-keyframes myfirst{0% {background-position:100% bottom;}100% {background-position:0rem bottom;}}     
.top{width: 100%;height: 2.5rem;background: #4257cc;}
.top-blue{ width: 100%;height: 2.5rem;  padding:0 4%;background:url(top-bluebg.jpg) repeat-x;background-size: auto 8px;background-position: left bottom;animation:myfirst 12s linear;-webkit-animation:myfirst 12s linear; -moz-animation:myfirst 12s linear;/* Safari and Chrome */animation-iteration-count:infinite;}
.top-blue-right,.top-blue-left{ width: 50%;float: left;padding: .5rem 0;line-height: 1.5rem;color: #fff;font-size: .875rem; height: 2.5rem;}
.top-blue-right a{line-height: 1.5rem;border: solid 1px #FFFFFF;color: #FFFFFF;text-align: center;padding: 0 .75rem;border-radius: 1.5rem; display: inline-block; float: right;font-size: .75rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.top-blue-right a:active{background:rgba(255,255,255,.2);}
/*导航条*/
.nav{width: 100%;height: 2.5rem;background: #FFFFFF;line-height: 2.5rem;font-size: .8125rem;}
.nav a{display: block;-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;color: #555555;}
.home{color: #4257CC !important;font-weight: bold;}
.white{background: white;margin-top: .625rem;padding-bottom: .375rem;}
/*头条*/
.head-line{width: 100%;width:100%;overflow: hidden;margin: 0 auto;padding: .625rem 4%;border-bottom: solid 1px #eeeeee; text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;}
.head-line:active{background: #f0f0f0;}
.head-line h1{font-size: 1rem;color: #172a88;line-height: 1.2rem;text-overflow: ellipsis; display: block; margin-bottom:5px}
.head-line p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: .75rem;line-height: .875rem;color: #7d7d7d;}
/*视频新闻*/
.title{color: #29292c;font-weight: bold;font-size: .875rem;line-height: 2rem;text-align: left;width:92%;padding: 0 4%;}
.video{ width: 100%;background: #FFFFFF;}
.video-top{ width: 100%;padding: .625rem 4%; height: 6.875rem;}
.video-top-left{ width:38%;height: 5.625rem;position: relative;border-radius:8px;overflow: hidden;background: #4257CC;float: left;}
.video-top-left img{ width: 100%; height: 100%;}
.video-icon{display: block; width: 100%;position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.4);}
.video-icon img{ display: block;margin:2rem auto;width: 1.625rem; height: auto;}
.video-top-right{ width: 62%;padding-left: .625rem;float: left; height: 5.625rem;overflow: hidden;}
.video-top-right h1{ font-size: .875rem;text-align: left;color: #222222;line-height: 1.25rem;max-height: 2.5rem;}
.video-top-right p{font-size: .6875rem;max-height: 3rem;padding-top: .125rem;line-height: 1rem;color: #999999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
/*视频下方新闻*/
.white ul li{display: block;box-sizing: border-box;-webkit-box-sizing: border-box;padding:0 4%;width: 100%;line-height: 2.25rem;border-bottom: solid 1px #eeeeee;color: #555555;font-size: .8125rem;height: 2.25rem;overflow: hidden; text-overflow: ellipsis;}
.white ul li:active{background: #F0F0F0;}
.white ul{max-height:9rem;overflow: hidden;}
.people{overflow-x: auto;width: 100%;}
.people-list{ width: 100%;max-width: 200%;}
.people-box{width: 20vw;display: inline-block;}
.people-box-head{width: 2.5rem;height: 2.5rem;overflow: hidden;border-radius: 50%; margin: 0 auto; border:1px solid #e9e9e9;}
.people-box-head img{ width: 100%; height: 2.5rem;}
.people-box { text-align: center;font-size: .75rem;color: #323232;line-height: 1.5rem;margin-bottom: 0.5rem;}
/*全国网络媒体总编看青岛*/
.web-top{width: 92%;padding:.625rem 4%;margin: 0 auto;}
.web-top-img{ position: relative;width: 100%;height: 10rem;border-radius:8px;overflow: hidden;}
.web-top-img h2{ display: block; text-align: center;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.75);color: #FFFFFF;font-size: .75rem;line-height: 1.5rem;width: 100%;}
.web-top-img img{width: 100%; height: auto;}
/*下面的图*/
.footer{width: 100%;overflow-x: auto;}
.web-footer{padding-top: .625rem;min-width: 140%;max-width: 250%;}
.web-footer-box{width: 33vw;display: inline-block; text-align: center;line-height: 1.5rem;font-size: .75rem;color: #323232;}
.web-footer-box-img{ width:78%;height: 3.875rem;margin: 0 auto;overflow: hidden;border-radius: 8px;}
.web-footer-box-img img{ width:100%;height: 3.875rem;}
.web-footer-box span{ display:block; height:1.5rem; line-height:1.5rem; overflow:hidden} 
/*日程*/
.time{ width: 100%;padding: 0 4%;}
.time-day{ padding-bottom: .625rem;}
.time-day h3{font-size: .75rem;font-weight: bold;color: #4257cc;line-height:1.5rem;}
.time-day p{line-height: 1.5rem;font-size: .75rem;color: #8c8c8c;border-bottom: dotted 1px #EEEEEE;}
/*媒体支持*/
.bottom{ width: 100%;}
.bottom ul{width:94%;padding: 0 3%;padding-bottom: 1rem;}
.bottom ul li{ width:30%;height: 2.5rem;border: solid 1px #F0F0F0;margin:.375rem 1.5%;float: left; overflow: hidden;}
.bottom ul li img{ height:auto;width:100%;margin: 0 auto; display: inline-block;line-height: 2.5rem;}
.end{text-align: center;padding: 1rem 0;color: #a9a9a9;line-height: 1.25rem;font-size: .75rem;}

.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}.hiSlider-btn-prev,.hiSlider-btn-next{ display:none;position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}.hiSlider-btn-prev{left:10px}.hiSlider-btn-next{right:10px;background-position:-30px 0}.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;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-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}.hiSlider-pages a.active{background:#5472BF}