@charset "utf-8";

/*all Layout*/
.wrap{  min-height:100%;}
.bottom_panel{padding-bottom:240px;}
.bottom{ clear:both; position: relative; margin-top:-190px; height:190px;}


/*content*/
.d_inline{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.wrap_w{ position:relative; margin:0 auto; width:1000px;}

.banner{ height:235px; background:url(liuyan_banner.jpg) center 0 no-repeat;}

.b_txt{ position:absolute; right:0; top:0; padding:10px;}
.b_txt li{ position:relative; float:right; width:26px; height:100px; line-height:20px; text-align:center; color:#fff; font-weight:bold; opacity:0.8;}
.b_txt li:before{ position:absolute; top:0; left:0; height:0; border-left:1px solid rgba(255,255,255,0.6); content:''; }
.b_txt li span{ opacity:0;}

.b_txt li:first-child:before{ border:none;}
.b_txt li:first-child{ width:0;}

.b_txt li.on .txt01{animation:opacity 100ms ease forwards; -webkit-animation:opacity 100ms ease forwards;}
.b_txt li.on .txt02{animation:opacity 100ms ease 200ms forwards; -webkit-animation:opacity 100ms ease 200ms forwards;}
.b_txt li.on .txt03{animation:opacity 100ms ease 400ms forwards; -webkit-animation:opacity 100ms ease 400ms forwards;}
.b_txt li.on .txt04{animation:opacity 100ms ease 600ms forwards; -webkit-animation:opacity 100ms ease 600ms forwards;}
.b_txt li.on .txt05{animation:opacity 100ms ease 800ms forwards; -webkit-animation:opacity 100ms ease 800ms forwards;}

.b_txt li.on:nth-child(2):before{animation:bb 400ms ease 800ms forwards; -webkit-animation:bb 400ms ease 800ms forwards;}
.b_txt li.on:nth-child(3):before{animation:bb 400ms ease 900ms forwards; -webkit-animation:bb 400ms ease 1000ms forwards;}
.b_txt li.on:nth-child(4):before{animation:bb 400ms ease 1000ms forwards; -webkit-animation:bb 400ms ease 1200ms forwards;}
.b_txt li.on:nth-child(5):before{animation:bb 400ms ease 1100ms forwards; -webkit-animation:bb 400ms ease 1300ms forwards;}
.b_txt li.on:nth-child(6):before{animation:bb 400ms ease 1200ms forwards; -webkit-animation:bb 400ms ease 1300ms forwards;}
.b_txt li.on:nth-child(7):before{animation:bb 400ms ease 1300ms forwards; -webkit-animation:bb 400ms ease 1300ms forwards;}

@-webkit-keyframes opacity{
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes opacity{
	0% {opacity:0;}
	100% {opacity:1;}
}

@-webkit-keyframes bb{
	0% {height:0; }
	100% {height:100%; }
}

@keyframes bb{
	0% {height:0; }
	100% {height:100%; }
}

.p_relative{ position:relative; }
.t_box{ position:relative; padding:35px 0; height:31px; background:url(liuyan_t.png) center no-repeat;}
.t_box span{ position:absolute; bottom:25px; left:50%; width:140px; margin-left:-75px; text-align:center; color:#004098; font-size:16px;}
.t_box span:first-letter{ font-size:35px;}

.c_con{ margin:0 auto; width:730px;}

.pic_b{ display:inline-block; vertical-align:top; width:260px; height:175px;}
.pic_b img{ width:100%; height:100%;}

.n_b{ display:inline-block; vertical-align:top; width:450px;}

.n_list li{ line-height:34px; border-bottom:1px dashed #ccc;}
.n_list li i{ display:inline-block; vertical-align:middle; margin-right:10px; width:5px; height:5px; background:#006bd9;}
.n_date{ float:right; font-size:12px; color:#999;}

.m_msg{ position:absolute; right:0; top:40px; }
.m_msg a{color:#004098;}
.msg_icon{ display:inline-block; vertical-align:middle; width:20px; height:20px; background:url(liuyan_w.png) no-repeat;}

.page{ padding:30px 0; text-align:center;}
.page *{ display:inline-block; vertical-align:middle;}
.page a{display:inline-block; position:relative; margin:0 3px; padding:0 8px; height:22px; line-height:22px; border:1px solid #ddd; background:#fff;}
.page a:hover{border:1px solid #1881ea; color:#1881ea;}
.page a.current_page{border:1px solid #1881ea; color:#fff;  background:#1881ea;}


.link{ background:#00366f;}
.link li{ float:left; padding:10px;}

.foot_info{ position:relative; padding-left:200px; height:130px; background:#0a56a2;}
.foot_nav{ padding:20px 0; }
.foot_nav li{ padding:0 20px; border-left:1px solid #fff;}
.foot_nav li:first-child{ border:none;}
.foot_nav li a{ color:#fff;}

.copyright{ padding-left:20px; line-height:32px; color:#fff;}

.feiji{ position:absolute; top:25px; left:45px;}
.gov{ position:absolute; right:100px; top:25px;}

.g_bg{ background:#f8f8f8;}

.c_table td{ padding:6px 2px;}

.input_txt{ width:220px; height:22px; line-height:22px; border:1px solid #ccc; text-indent:3px; background:#fff;}
.areatxt{ padding:5px; width:575px; height:125px; line-height:22px; border:1px solid #ccc; background:#fff;}

.a_btn{ padding:0 20px; height:28px; border:none; cursor:pointer; color:#fff; overflow:visible; background:#006fc1;}

.msg_list h2{ padding:0 0 5px 5px; border-bottom:2px solid #234888; font-size:16px;}
.msg_list li{ padding:0 20px; line-height:36px;}

/*select*/
.select_box{ position:relative; padding:0 40px 0 0; width:140px; _width:130px; height:32px; text-align:left; cursor:pointer; vertical-align:top;  background:#fff url(liuyan_select_btn.png) right center no-repeat;}
.select_txt{ width:100%; *margin-top:-1px; height:32px; line-height:32px;  border:0 none; text-indent:10px; vertical-align:top; }

.select_con{ display:none; position:absolute; top:32px; left:0; z-index:1000; width:100%; box-sizing: border-box; max-height:150px;border:1px solid #fff; border-top:1px solid #00366f;  font-size:12px; overflow-y:auto; background:#fff;}
.select_con p{ clear:both; padding:0 10px; line-height:28px; cursor:pointer; }
.select_con p:hover{ background:#a5d2ff;}

/**/