body {  }

body,h1,h2,h3,h4,h5,h6,h7,p,dl,dd,dt,form,ul,li,div { margin:0; padding:0; box-sizing: border-box; list-style-type:none; }

.logo { width:195px; height:36px; background:url(//www.gxylnews.com/template/ylnews/images/logo.png); position:absolute; left:30px; top:30px; z-index:22; }

a, a:hover { color:#222; }


.container { max-width:900px; }


.title1 { text-align:center }
.title2 { float:left; width:220px; height:60px; background:#7C2B18; font:26px/60px "Microsoft YaHei"; color:#fff; text-align:center; margin:0 auto; }
.title3 { font:26px/60px "Microsoft YaHei";  }
.title3 span {  border-bottom:2px solid #fff; }

.section { background-color:#CBDCF0; padding:50px 3%; }

.p1 { background:#fff url(s1.jpg) no-repeat center -150px; background-size:100% 100%; }
.p2 { background:url(beiliu.png) no-repeat left bottom #CBDCF0; }
.p3 { background:url(s3.png) no-repeat center bottom #CBDCF0; }
.p4 { background-size:100% 100%; }
.p5 { background-size:100% 100%; }
.p6 { background-size:100% 100%; }
.p7 { background-size:100% 100%; }
.p8 { padding-top:100px; } 

.lead { max-width:900px; margin:0 auto; margin-top:290px; font:14px/26px Arial; }
.lead li { text-indent:2em; }

.s1 { height:100%; }
.s1 div { font:16px/1.7 arial; clear:both; margin:0 auto; }

.s2 { float:left; width:33%; font:18px/40px "Microsoft YaHei"; color:#333 }
.s2 img { float:left; margin-right:15px; }

.s4 dd h3 {  font:bold 18px/1.5 "Microsoft YaHei"; text-align:left; margin:15px 0; }
.s4 dd { font:16px/1.7 arial; text-align:left; }
.s4 dd h2 { float:left; margin-right:20px; }

.menu { width:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:99; overflow:hidden}
.menu li { float:left; width:14%; text-align:center;  transition:background 0.5s }
.menu li a { font-size:14px; font-family:"Microsoft YaHei"; color:#fff; }
.menu li:hover { background:rgba(255,100,100,0.8); transition:background 0.5s}

#scroll2 { height:230px; overflow:hidden; }

.text1 { background:url(doc_l.png) 0 0 no-repeat; position:relative }
.text1 ul { padding:50px; }
.text1 ul li { width:85%; margin:0 auto; }
.text1 i { width:38px; height:34px; background:url(doc_r.png) 0 0 no-repeat; display:block; position:absolute; right:0; top:0; }

.pictrue1 { margin-top:20px; overflow:hidden }
.pictrue1 li { float:left; max-width:270px; height:220px; overflow: hidden; position:relative; margin:0 10px; }
.pictrue1 li img,
.pictrue1 li video { width:100%; height:100%; }
.pictrue1 li h5 { width:100%; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; background:rgba(0,0,0, 0.4); bottom:0; color:#fff; text-align:center; position:absolute; }

a.rollmore { background:#69C; color:#fff; padding:3px 5px; border-radius:5px; box-shadow:1px 1px 1px #666; }

.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

.tbLogo { display:none; }

@media screen and (max-width: 720px) {
.logo { display:none; }
.section { padding:20px 10px; }
.p2 { background-image:none; }
.text1 { background-size:20px auto }
.text1 ul { padding:0; }
.text1 i { background-size:20px auto }
.pictrue1 { margin-top:0; }
.pictrue1 li { float:none; width:100%; height:23px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; list-style-type:disc; list-style-position:inside; color:#69c; }
.pictrue1 li img { display:none; }
.pictrue1 li h5 { text-align:left; background:none; color:#222; text-indent:1em; }
.video video { width:100%; }
}