@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;/**-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;**/}
body{ font-size:12px;font-family:"微软雅黑"; background: url(bk.jpg) no-repeat top #FFF ; overflow-x:hidden;}
@media(max-width:1540px){
html{
font-size:13.66px;
}
}
ul,ol,dl,li {list-style:none;}
img {border:0;}
a {text-decoration:none;color:#000}
a:hover { text-decoration:none;color:#000;}
/**头部结构**/
#header{width:100%;margin:0 auto;float:left; height:600px;}
.top_link{width:1200px;margin:0 auto; position:relative; z-index:18;}
.top_link span{float:right; line-height:30px;}
.logo{width:790px;margin:50px auto;}
/**导航**/
.nav{width:100%;margin:0 auto; clear:both; background: url(navbk.jpg) repeat-x;height:71px;}
.nav ul{width:1200px;margin:0 auto; clear:both; height:51px;}
.nav li {margin:0 0 0 20px;text-align:center;font-size:17px;float:left; padding-right:10px; height:51px; }
.nav li p
{ line-height:40px; margin-top:10px;}
.nav li a{ color:#ebd074}
.nav li a:hover{ color:#FFC}
/**主体结构**/
#layer{width:1200px;margin:0 auto;clear:both;padding-top:30px;}
.title01{width:1200px; margin:20px auto; text-align:center;margin-top:20px; clear:both;}
.more_01{width:320px;float:left; background:#e01d28; text-align:center; font-size:14px; line-height:25px;}
.more_01 a{ color:#fff}
.more_02{width:847px;float:left; text-align:right; font-size:14px; line-height:25px; background:url(part2_icon.png) no-repeat right;padding-right:20px;}
/**要闻**/
.layer_yw{width:100%;height:580px;float:left;}
.yaowen{width:1200px;margin:0 auto; clear:both}
.yw_l{width:600px;float:left;}
.yw_l img{ border-radius:0px;}
.yw_l_yc{width:470px;float:left;margin:30px 0 0 185px; border-top:1px solid #ecc78d;padding-top:20px; }
.yw_l_yc p{ font-size:15px; line-height:36px;margin-bottom:10px; }
.yw_l_yc p a{ color:#fff}
.yw_r02{width:350px;float:right;}
.yw_r02 li{ font-size:16px; line-height:35px; padding-left:20px; margin-bottom:10px;}
.yw_r02 li a{ color:#000}
.yw_r02 li img { border-radius:0px;}
.yw_r02 li p{ width:100%; background: rgba(0, 0, 0, 0.6); margin-top:-37px; position:relative; text-align:center; z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:35px; }
/**融媒报道**/
.yw_rrr{width:1150px; margin:0 auto;}
.yw_rrr li{ font-size:16px; line-height:35px; margin-bottom:10px; width:550px; float:left;}
.yw_rrr li a{ color:#000}
.yw_rrr li img { border-radius:0px;}
.yw_rrr li p{ width:100%; background: rgba(0, 0, 0, 0.6); margin-top:-37px; position:relative; text-align:center; z-index:99999; color:#FFF; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:35px; }
.layer_ds{width:100%; float:left; }
.dbottom{ width:1200px; height:auto; margin:0 auto;}
.dbottom li{ width:350px; height:480px; float:left; margin-left:20px; margin-right:20px;}
.dbottom img{ }
.dbottom p{ color:#000;}
.biaoti{ height:30px; width:1150px; margin:30px auto; line-height:30px; border-left:#a5c6e9 10px solid;}
.biaoti a{ font-size:30px; padding-left:10px;}
.morell{ width:1200px; margin:0 auto; background:#a5c6e9; text-align:center; clear:both; line-height:30px;}
.baoming{ width:1150px; margin:0 auto;}
.baoming .tu{ float:left}
.baomingzi{ width:550px; float:left; height:200px; padding:5px 20px; }
.baomingzi p{ font-size:20px; color:#414141; text-indent:2em; line-height:40px;}
.botton{ float:right;}
/**页脚内容**/
#footer{width:100%; background:url(footer_bg.jpg);padding:40px 0;clear: both; float:left }
#footer p{ text-align:center; line-height:28px; }
/**lc-logo**/
.logobk{ position:absolute; top:0; left:0; z-index:1; animation: fromleft1 20s linear infinite ; }
.logon{ position:absolute; top:0; left:50%; width:800px; margin-left:-400px; z-index:10;}
.logo0{ position:absolute; top:200px; left:50%; margin-left:-400px; z-index:999; }
.logo1 {
position:absolute;
top:50px;
left:50%;
margin-left:-170px;
}
.logo2{
position:absolute;
top:400px;
left:50%;
margin-left:-200px;
width:100%;
z-index:999;
opacity:0;
}
.logo3{
position:absolute;
top:650px;
left:50%;
margin-left:-200px;
width:100%;
opacity:0;
}
.logo4{
position:absolute;
top:100px;
left:50%;
margin-left:-600px;
width:100%;
opacity:0;
z-index:99;
}
.logo5{
position:absolute;
top:410px;
left:50%;
margin-left:310px;
width:100%;
z-index:99;
opacity:0;
}
.logo6{
position:absolute;
top:310px;
left:50%;
margin-left:310px;
width:100%;
z-index:9;
opacity:0;
}
.activeL0 {
animation: fromtop 1s ;
}
.activeL1 {
animation: fromtop 1s ;
}
.activeL2 {
animation: fromtop 1s 1s linear forwards ;
}
.activeL4 {
animation: fromleft 1s 2s linear forwards ;
}
.activeL5 {
animation: fromright 1s 2s linear forwards ;
}
.activeL6 {
animation: fromzx 1s 3s linear forwards ;
}
.activeL3 {
animation: frombottom 1s 3s linear forwards ;
}
@-webkit-keyframes fromtop
{
0%{ transform: scale(0.3); opacity:0; }
100%{
transform: scale(1);
opacity:1;
}
}
@keyframes fromtop
{
0%{ transform: scale(3); opacity:0; }
100%{
transform: scale(1);
opacity:1;
}
}
@-webkit-keyframes fromleft
{
0%{ width:50%; opacity:0;}
100%{
opacity:1; width:100%;
}
}
@keyframes fromleft
{ 0%{ width:50%; opacity:0;}
100%{
opacity:1; width:100%;
}
}
@-webkit-keyframes fromleft1
{
0%{ left:-500px; }
100%{
left:0;
}
}
@keyframes fromleft1
{ 0%{ left:-500px; }
100%{
left:0;
}
}
@-webkit-keyframes fromright
{
0%{left:150%; opacity:0;}
100%{
left:50%; opacity:1;
}
}
@keyframes fromright
{
0%{left:150%; opacity:0;}
100%{
left:50%; opacity:1;
}
}
@keyframes frombottom
{
0%{top:700px; opacity:0;}
100%{
top:650px; opacity:1;
}
}
@-webkit-keyframes frombottom
{
0%{left:700px; opacity:0;}
100%{
top:650px; opacity:1;
}
}
@keyframes fromzx
{
0%{
left:80%; top:510px; opacity:0;
}
100%{
top:310px;
left:50%;
opacity:1;
}
}
@-webkit-keyframes fromzx
{
0%{
left:80%; top:510px; opacity:0;
}
100%{
top:310px;
left:50%;
opacity:1;
}
}
@keyframes fromleft3
{
0%{left:-200px; opacity:0;}
30%{
left:-200px; opacity:0;
}
50%{
left:0px; opacity:1;
}
100%{
left:0px; opacity:1;
}
}
@-webkit-keyframes fromleft3
{
0%{left:-200px; opacity:0;}
30%{
left:-200px; opacity:0;
}
50%{
left:0px; opacity:1;
}
100%{
left:0px; opacity:1;
}
}