a:hover{ text-decoration:underline}
.q-hd{ position:relative; z-index:5}
.g-box-1,.m-txt-1{width:1200px; margin:0 auto; overflow:hidden}
.g-box-2{float:right; width:500px;}
.g-box-3{float:left; width:665px; height:370px; overflow:hidden}
.g-box-4{width:1140px; padding:300px 30px 0 30px; margin:0 auto; overflow:hidden}
.g-box-5{overflow:hidden}
.g-box-6{ float:right; width:440px}
.g-box-7{width:1182px; margin:0 auto; border:4px solid #eee}
.g-box-8{float:left; width:660px; height:420px; overflow:hidden}
.g-box-9{ width:1200px; height:875px; margin:0 auto; position:relative}
.m-am-01,.m-am-02,.m-am-03,.m-am-04,.m-am-05,.m-am-06,.m-am-07{position:absolute; z-index:2}
.m-am-01{width:902px; height:384px; top:25px; left:155px;opacity:0}
@-webkit-keyframes am01 {
	0%{width:10px; height:4px; top:250px; left:580px;opacity:0}
    100%{width:902px; height:384px; opacity:1.0}
        }
.m-am-01{animation-name:am01;animation-duration:1.5s;animation-fill-mode:forwards;}

.m-cl{animation-name:cl;animation-duration:1.5s}

.m-am-02{width:675px; height:84px; top:360px; left:235px;opacity:0}
@-webkit-keyframes am02 {
	0%{width:10px; height:1px; top:360px; left:590px;opacity:0}
    100%{width:675px; height:84px; opacity:1.0}
        }
.m-am-02{animation-name:am02;animation-delay:0.3s;animation-duration:1.5s;animation-fill-mode:forwards;}
.m-am-03{width:654px; height:23px; top:455px; left:240px;opacity:0}
@-webkit-keyframes am03 {
	0%{top:500px;opacity:0}
    100%{opacity:1.0}
        }
.m-am-03{animation-name:am03;animation-delay:0.6s;animation-duration:1.5s;animation-fill-mode:forwards;}
.m-am-04{width:158px; height:129px;top:190px; left:20px;opacity:0}
@-webkit-keyframes am04 {
	0%{width:1px; height:1px; top:360px; left:200px;opacity:0}
    100%{width:158px; height:129px; opacity:1.0}
        }
.m-am-04{animation-name:am04;animation-delay:0.7s;animation-duration:1.5s;animation-fill-mode:forwards;}
.m-am-05{width:326px; height:223px;top:145px; right:-56px;opacity:0}
@-webkit-keyframes am05 {
	0%{width:1px; height:1px; top:400px;  right:250px;opacity:0}
    100%{width:326px; height:223px; opacity:1.0}
        }
.m-am-05{animation-name:am05;animation-delay:0.8s;animation-duration:1.5s;animation-fill-mode:forwards;}
.m-am-06{width:93px; height:95px;top:555px; left:240px}
/*@-webkit-keyframes am06 {
	0%{top:555px;}
	50%{top:580px}
    100%{top:555px}
        }
.m-am-06{animation-name:am06;animation-duration:3s;animation-iteration-count:infinite;}*/
.m-am-07{width:82px; height:99px;top:524px; right:308px}
/*@-webkit-keyframes am07 {
	0%{top:524px;}
	50%{top:490px}
    100%{top:524px}
        }
.m-am-07{animation-name:am07;animation-delay:0.4s;animation-duration:3s;animation-iteration-count:infinite;}*/

.m-am-08{width:1441px; height:844px; position:absolute; z-index:1; top:-100px; left:-120px;-webkit-transform:rotate(-20deg); opacity:0.8}
@-webkit-keyframes am08 {
	0%{-webkit-transform:rotate(-15deg)}
	50%{-webkit-transform:rotate(15deg);opacity:1.0}
    100%{-webkit-transform:rotate(-15deg)}
        }
.m-am-08{animation-name:am08;animation-duration:24s;animation-timing-function:linear;animation-iteration-count:infinite;}
.m-banner{height:875px;background:url(ws_01.jpg) center top no-repeat}
.m-bg-1{height:379px; background:url(ws_02.jpg) center top no-repeat}
.m-bg-2{padding-top:180px; background:url(ws_03.jpg) center top no-repeat}
.m-bg-3{height:916px; background:url(map.jpg) center top no-repeat}
.m-bg-4{height:1100px; background:url(ws_04.jpg) center top no-repeat}
.m-bg-5{ padding-top:200px; margin-bottom:50px; background:url(ws_05.jpg) center top no-repeat}
.m-bg-6{ padding-top:200px; background:url(ws_07.jpg) center top no-repeat}
.m-bg-7{ padding-top:370px; background:url(ws_08.jpg) center top no-repeat}
.m-txt-1{ width:1200px; padding-top:140px; margin:0 auto}
.m-txt-1 p{margin-bottom:10px; font-size:16px; line-height:32px; color:#666; text-indent:2em}
.m-tt-1{width:1083px; margin:0 auto 40px auto; padding:25px 15px 25px 100px; border:1px solid #e3e3e3; background:url(ws_06.jpg) 15px center no-repeat;}
.m-tt-1 h2 a{display:block; margin-bottom:10px; font-size:36px; color:#333; text-align:center }
.m-tt-1 p{ font-size:16px; text-align:center}
.m-tt-2{height:28px; margin-bottom:40px; line-height:28px; overflow:hidden}
.m-tt-2 span,.m-tt-2 h2,.m-tt-2 a{ display:block; float:left}
.m-tt-2 span{ width:4px; height:26px; line-height:26px; background:#e12929; margin-right:8px}
.m-tt-2 a{ float:right; width:75px; height:26px; border:1px solid #999; color:#999; border-radius:4px; text-align:center; font-size:12px}
.m-tt-2 h2{ font-size:22px; color:#e12929}
.m-lst-1{ padding-bottom:15px; margin-bottom:20px; border-bottom:1px dashed #999}
.m-lst-1 h2 a,.m-lst-1 p{ display:block;margin-bottom:10px; font-size:16px; line-height:24px }
.m-lst-1 h2 a{font-size:24px; color:#be1313}
.m-lst-1 li a{ display:block; height:34px; line-height:34px; font-size:18px; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-lst-2 h3 a,.m-lst-2 li a{ display:block; color:#333}
.m-lst-2 h3 a{height:30px; line-height:30px; margin-bottom:20px;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-lst-2 li a{display:block; height:32px; line-height:32px; font-size:18px;}
.m-line{ padding-bottom:35px; margin-bottom:35px; border-bottom:1px dashed #d4d4d4}
.m-pic-1,.m-pic-2{overflow:hidden}
.m-pic-1 li{display:block; float:left; width:240px; height:140px; margin-right:20px}
.m-pic-1 img{ width:240px; height:140px;}
.m-pic-2 li,.m-pic-2 img,.m-pic-2 strong,.m-pic-2 span.m-pic-2 li,.m-pic-3 img,.m-pic-3 strong,.m-pic-3 span,.m-pic-4 img,.m-pic-4 strong,.m-pic-4 span{display:block;; font-size:16px;}
.m-pic-2 li,.m-pic-2 img{width:265px; height:150px}
.m-pic-2 li,.m-pic-3 li{position:relative; float:left; margin-right:25px}
.m-pic-2 strong,.m-pic-2 span,.m-pic-3 strong,.m-pic-3 span,.m-pic-4 strong,.m-pic-4 span,.m-pic-5 strong,.m-pic-5 span,.m-pic-6 strong,.m-pic-6 span{width:92%; height:40px; padding:0 4%; line-height:40px; position:absolute; left:0; bottom:0; text-align:center; font-weight:normal; color:#fff;z-index:2; overflow:hidden; font-size:16px}
.m-pic-2 span,.m-pic-3 span,.m-pic-4 span,.m-pic-5 span,.m-pic-6 span{background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);z-index:1}
.m-pic-3,.m-pic-4{ float:left; width:270px}
.m-pic-3 li,.m-pic-4{margin:0; position:relative}
.m-pic-3 img{width:270px; height:210px}
.m-pic-4 img{width:270px; height:420px}
.m-pic-5{width:1200px; margin:0 auto; padding-top:30px; overflow:hidden; font-size:16px}
.m-pic-5 strong,.m-pic-5 span{width:237px;}
.m-pic-5 li{ padding-right:26px; margin-right:26px; border-right:1px solid #eee}
.m-pic-5 li,.m-pic-5 img{position:relative; float:left; width:260px; height:190px;}
.m-pic-5 li.pm0{ margin:0; padding:0; border:0}
.m-pic-6,.m-pic-6 img{ display:block;width:665px; height:375px; position:relative}
.m-pic-6 strong,.m-pic-6 span{ bottom:5px}

.m-map{position:relative; width:1200px; height:916px; margin:0 auto; }
.m-map img{ width:100%}
@-webkit-keyframes mycolor {
	0%{width:100% }
    100%{width:115%; -webkit-filter:contrast(2);}
        }
.m-map img:hover{animation-name:mycolor;animation-duration:0.4s;animation-fill-mode: forwards;}
.m01,.m02,.m03,.m04,.m05,.m06,.m07,.m08,.m09,.m10,.m11,.m12,.m13,.m14,.m15,.m16{position:absolute; z-index:10}
.m01{left:240px; top:240px}
.m02{left:330px; top:290px}
.m03{left:464px; top:400px}
.m04{left:120px; top:400px}
.m05{left:320px; top:490px}
.m06{left:250px; top:610px}
.m07{left:90px; top:650px}
.m08{left:340px; top:700px}
.m09{left:480px; top:610px}
.m10{left:620px; top:370px}
.m11{left:620px; top:560px}
.m12{left:780px; top:370px}
.m13{left:880px; top:220px}
.m14{left:1060px; top:250px}
.m15{left:410px; top:180px}
.m16{left:540px; top:160px}

/*头图*/
.hiSlider1 img{ display:block; width:665px; height:370px}
.hiSlider2 img{ display:block; width:665px; height:420px;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{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:15px 0;color:#fff;text-indent:10px;background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);z-index:2;font:16px "Microsoft YaHei",Arial,Tahoma}
.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:#5472BF}
/*我追梦我奋斗*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.prewitness{width:115px;float:left;height:376px;padding:40px 0 40px 0px;background:#2584d1;background:-webkit-linear-gradient(#55b6f4,#2483d1);background:-o-linear-gradient(#55b6f4,#2483d1);background:-moz-linear-gradient(#55b6f4,#2483d1);background:linear-gradient(#55b6f4,#2483d1);position:relative;}
.prewitness .swiper-container{width:115px;height:376px}
.prewitness .swiper-slide{width:115px;height:34px;line-height:33px;cursor:pointer;text-align:center;font-size:16px;color:#fff}
.prewitness .active-nav{font-weight:900;background:rgba(0,0,0,.2)}
.prewitness .arrow-up,.prewitness .arrow-down{position:absolute;right:0px;height:20px;width:115px;text-align:center;cursor:pointer;z-index:1}
.prewitness .arrow-up{background:url(arrow_up.png) center center no-repeat;top:8px}
.prewitness .arrow-down{background:url(arrow_down.png) center center no-repeat;bottom:8px}
.witness{width:1085px;height:456px;position:relative;}
.witness::before{content:"";position:absolute;bottom:0px;right:-160px;width:142px;height:274px;background:url(microphone.png) no-repeat;z-index:9}
.witness .swiper-container{height:100%}
.witness .swiper-wrapper{height:100%}
.witness .swiper-slide{height:100%;background:#fff;position:relative;padding:0 20px 0 554px}
.witness .pic{position:absolute;left:0;top:0;width:516px;height:456px;overflow:hidden}
.witness .pic img{ width:500px; height:456px}
.witness h1.name{ padding-top:30px;height:56px;line-height:56px;font-size:44px;color:#333;margin-bottom:18px}
.witness h1.name span{font-size:18px;font-weight:normal;float:right;padding:10px 0 0}
.witness h2.title{height:80px;line-height:40px;font-size:30px;color:#333;margin-bottom:15px;overflow:hidden}
.witness h2.title a{color:#333}
.witness p{width:385px;padding:0 0 0 20px;position:relative;line-height:32px;font-size:16px;color:#666;text-indent:2em;margin-bottom:20px}
.witness p a{color:#666}
.witness p::before,.witness p::after{content:"";position:absolute;width:19px;height:18px}
.witness p::before{top:0px;left:0px;background:url(quotation_blue_left.png) no-repeat}
.witness p::after{top:100%;right:0px;background:url(quotation_blue_right.png) no-repeat}
.witness a.enter{display:block;width:154px;height:38px;line-height:38px;position:relative;padding:0 40px 0 0;background:#1894e7;text-align:center;font-size:18px;color:#fff}
.witness a.enter::before{content:"";position:absolute;right:0px;top:0px;width:40px;height:38px;background:url(../images/witness_go.jpg) center center no-repeat #549eeb}
.witness a.enter:hover{text-decoration:none}
/*五四画卷*/
.hard-left{background:url(http://vip.qingdaonews.com/2018/201807/fchsl/90258/abook_left.png) no-repeat;background-size: 100% 100%;border-radius: 5px 0 0 5px;}
.newOld_coat{width:100%;height:750px;overflow:hidden;position:relative}
.newOld_btn{position:absolute;bottom:25px;right:50px;z-index:9;text-indent:0}
.newOld_btn a{display:inline-block;height:36px;width:120px;line-height:36px;text-align:center;font-size:18px;color:#fff;border-radius:5px;box-shadow:0px 5px 5px rgba(0,0,0,0.34);margin:0 10px}
.newOld_btn a:hover{text-decoration:none}
.newOld_btn a.yellow{background:#ffa200}
.newOld_btn a.red{background:#cc3e3c}
.newOld_con{width:1200px;position:relative;height:193px;padding:0 36px 0 310px;font-size:18px;color:#000;margin-bottom:28px;text-indent:2em;margin:0 auto 17px}
.newOld_con .bg{position:absolute;top:0px;left:0;width:350px;height:193px}
.newOld{position:relative;height:612px;width:100%}
.newOld .piclist{width:300px;margin:0 auto;padding:66px 0 0}
.newOld .piclist li{margin-bottom:34px}
.newOld .piclist li img{width:100%;height:184px}
.newOld .piclist li p{height:36px;line-height:36px;font-size:16px;color:#333;background:#fff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.flipbook-viewport{overflow:hidden;width:100%;height:100%;background:none}
.flipbook-viewport *{outline:none}
.flipbook-viewport .container{position:absolute;top:50%;left:50%;margin:auto;background:none;width:auto}
.flipbook-viewport .flipbook{width:864px;height:612px;left:-432px;top:-306px;background:none}
.flipbook-viewport .page{width:432px;height:600px;background-repeat:no-repeat;background-size:100% 100%;background:none}
.flipbook .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);background:none}
.flipbook-viewport .page img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}
.flipbook-viewport .shadow{-webkit-transition:-webkit-box-shadow 0.5s;-moz-transition:-moz-box-shadow 0.5s;-o-transition:-webkit-box-shadow 0.5s;-ms-transition:-ms-box-shadow 0.5s;-webkit-box-shadow:0 0 30px  rgba(0,0,0,0.5);-moz-box-shadow:0 0 30px  rgba(0,0,0,0.5);-o-box-shadow:0 0 30px  rgba(0,0,0,0.5);-ms-box-shadow:0 0 30px  rgba(0,0,0,0.5);box-shadow:0 0 30px  rgba(0,0,0,0.5)}
<!--滚动-->
.carousel{width:1160px;}
.prev,.next {display:block;width:30px;height:150px;overflow:hidden;display:block;text-decoration:none;cursor:pointer; outline:0; position:absolute; z-index:99}
.prev{left:-30px; top:0;background:#fff url(j01-l.png) center no-repeat;}
.next{right:0px; top:0; background:#fff url(j01-r.png) center no-repeat}