@charset "utf-8";
/* CSS Document */

/*CSS reset*/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; background:url(bg.jpg) no-repeat center top;position:relative;}
body { min-width:1662px;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em,  th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
addr, acronym { border: 0; }
a { color: #fff; text-decoration: none }
a:hover { text-decoration: none; color: #ffff5d; border-bottom:#ffff5d 1px dotted}
.fl { float: left; }
.fr { float: right; }
.hui_6 { color: #666; }
.hui_9 { color: #999; }
.text_decnone { text-decoration: none }
.red { color: #d20000 }
.ft10 { font-size: 10px }
.ft12 { font-size: 12px }
.ft14 { font-size: 14px }
.ft16 { font-size: 16px }
.ft18 { font-size: 18px }
.ft20 { font-size: 20px; }
.ft24 { font-size: 24px; }

.marb10 { margin-bottom: 16px }

.blue { color:#55aaff}
.yellow { color:#ffff5d}

.w1042 { width:1042px; margin:0px auto;}

/*清除浮动*/
.clear{*zoom: 1;}
.clear:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/* 等比填充 */
*[class*="rect-"] { position: relative; display: block; width: 100%; overflow: hidden; }
*[class*="rect-"] ._full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto;
}
.rect-img { padding-bottom: 68%; }

 @-webkit-keyframes gupIn {  from {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
}
}
@-moz-keyframes gupIn {  from {
opacity:0;
-moz-transform:translate3d(0, -30px, 0);
}
}
@keyframes gupIn {  from {
opacity:0;
transform:translate3d(0, -30px, 0);
}
}
 @-webkit-keyframes gdownIn {  from {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
}
}
@-moz-keyframes gdownIn {  from {
opacity:0;
-moz-transform:translate3d(0, 100px, 0);
}
}
@keyframes gdownIn {  from {
opacity:0;
transform:translate3d(0, 100px, 0);
}
}

.head { background: url(nav.png) no-repeat center top; height: 62px; text-align: center; padding: 23px 0px; display: block }

.page { width: 1662px; margin: 50px auto 0px auto; min-height: }
.index_date { width: 345px; height: 440px; padding: 30px; background: #499dff; color: #fff; text-align: center; font-size: 20px }
.index_date li.miao { height:40px; line-height:30px; border-bottom:#a4ceff 1px solid; width:100%; overflow:hidden;}
.index_date li.year { height: 60px; line-height: 60px; overflow: hidden; display: block; font-size: 24px; width: 100%; }
.index_date li.numb { display: block; margin: 60px 0px 20px 0px; height: 140px; }
.index_date li.numb span { font-size: 80px; color: #499dff; padding: 30px; background: #ffff5d; border-radius: 10px; }
.index_date li.yinli { line-height: 40px; font-size: 24px; }

.index_banner { width: 950px; position: relative; height: 500px; overflow: hidden; padding: 0; }
.ctrl-panel { position: absolute; right: 20px; top: 462px; z-index: 1000; }
.m-page { display: block; width:15px; height:15px;float: left; display: inline; margin-left:5px; border:#fff 1px solid; border-radius:50%; }
.m-page:hover {background:#fff; }
.focus {background:#fff;}
.con { width: 100%; }
.scroll-wrap { OVERFLOW: hidden; WIDTH: 950px; POSITION: relative; HEIGHT: 500px }
.scroll_box_content { POSITION: absolute }
.content_list { FLOAT: left; WIDTH: 950px; HEIGHT: 500px; cursor: pointer; position: relative; }
.content_list img{ WIDTH: 100%; HEIGHT: 100%; }
.content_list span { width: 890px; padding: 20px 30px; color: #fff; font-size: 18px; background: url(pic.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.weather { width: 550px; height: 260px; overflow: hidden }
.index_news { width: 730px; height: 230px; padding: 15px 30px; overflow: hidden; background: #1379f1 }
.index_news  li{ line-height: 38px; position: relative; background: url(../images/index_list_icon.jpg) no-repeat 0px center; padding-left: 12px; font-size: 18px; }
.index_news  li span { position: absolute; font-size: 14px; color: #cbe2fd; right: 0px; top: 0 }

.nav { width: 290px }
.nav ul li a{ width: 215px; height: 45px; line-height: 45px; padding: 6px 0px 6px 75px; display: block; background: #55aaff; font-size: 18px; font-weight: bold; margin-bottom: 8px; overflow: hidden; }
.nav ul li a:hover { background:#3391f0; color:#fff; border-bottom:0}
.nav ul li a img { vertical-align: bottom; margin-right: 15px }
.nav ul li:hover img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.foot { color: #fff; font-size: 16px; text-align: center; background: url(foot.png) repeat; padding: 15px 0px; position: fixed; width: 100%; bottom: 0px; left: 0px; }
.foot a { color:#fff;}
.foot a:hover { color:#55aaff}

/* 内页*/
.sub_page { width: 1662px; margin: 100px auto 0px auto }
.sub_main { width: 1350px; }
.sub_nav { width: 280px; position: relative; padding-top: 0px; height: 750px; }/*700px*/
.sub_nav ul li a{ width: 200px; height: 40px; line-height: 40px; padding: 8px 0px 8px 60px; display: block; background: #006cd7; font-size: 18px; margin-bottom: 7px; overflow: hidden; }
.sub_nav ul li a:hover,.sub_nav ul li.on a{ background: #55aaff; color: #fff; border-bottom: 0; font-weight: bold; }
.sub_nav ul li a img { vertical-align: bottom; margin-right: 8px; width: 40px; height: 40px; }
.sub_nav ul li:hover img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}
.sub_nav div { position: absolute; bottom: 15px; text-align: center; height: 42px; line-height: 42px; font-size: 18px; left: 65px }
.sub_nav div span { padding: 10px; border: #fff 2px solid; border-radius: 50%; width: 18px; height: 18px; display: block; float: left; margin-right: 15px }

#boxscroll { width: 700px; height: 740px; font-size: 16px; line-height: 30px; color: #fff; overflow: auto; padding: 0px 20px; }
#boxscroll2 { width: 1260px; height: 740px; font-size: 16px; line-height: 30px; color: #fff; padding: 0px 40px; }

.about { position: relative; padding-left: 610px; width: 740px; overflow: hidden; }
.about span { position: absolute; left: 0px; top: 150px }

.leader table{ border: #fff 1px solid; margin: 0px 0px 20px 0px; }
.leader table td { padding: 8px 20px 8px 0px; line-height: 24px; color: #fff; font-size: 14px }
.leader table td.pic { border-right: #fff 1px solid; padding: 30px; }
.leader table td.pic img { width:158px; height:180px;}
.leader table td.name { color: #ffff5d; font-weight: bold; padding-left: 50px; font-size: 14px; width: 50px; }

.news_list li { font-size: 12px; padding: 22px 20px; border: #fff 1px solid; margin-bottom: 22px; width: 1218px; }
.news_list li a { width: 1090px; height: 85px; display: block; margin: 0px auto; position: relative; padding-left: 120px; overflow: hidden; }
.news_list li span { width: 85px; height: 70px; padding: 15px 0px 0px 0px; border-right: #cfcfcf 1px dotted; position: absolute; left: 0px; top: 0px; text-align: left; font-size: 1.2em; color: #abc3e6; line-height: 30px; display: block; }
.news_list li:hover { background: #fff; }
.news_list li span b { font-size: 54px; display: block; font-weight: normal; padding-bottom: 8px; color: #ffff5d; }
.news_list li a:hover span  b { color: #55aaff }
.news_list li h4{ font-size: 1.6em; padding-bottom: 0.8%; color: #fff; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms }
.news_list li:hover h4{ text-indent: 12px; transition: all ease 600ms; color: #123a86 }
.news_list li p { line-height: 22px; font-size: 14px; color: #abc3e6; height: 50px; overflow: hidden; }
.news_list li a i{ display: inline-block; vertical-align: middle; margin: -1px 5px 0 -5px; width: 0px; height: 1px; background-color: #0045a3; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.news_list li a:hover i{ width: 30px; }

.news_top_title { padding: 0px 0px 10px 0px; text-align: center; border-bottom: #4b83c6 1px solid; margin-bottom: 30px; }
.news_top_title h4 { font-size: 28px; text-align: center; display: block; padding-bottom: 10px; line-height: 35px; width: 75%; margin: 0px auto; }
.news_neirong { width: 100%; padding: 0px; margin: 0px auto; font-size: 16px; line-height: 30px; }
.news_neirong img { max-width:1100px; }
.share { padding-left: 60px; height: 50px; line-height: 50px; font-size: 14px; color: #ffff5d; position: relative; margin-top: 20px; border-bottom: #f1f1f1 1px solid; border-top: #f1f1f1 1px solid; }
.share span { position: absolute; left: 0px; top: 0px }

.news_other { width: 100%; display: block; margin: 30px 0px 0px; padding: 15px 0px; line-height: 28px; color: #666; border-top: #f1f1f1 1px solid; }
.news_other h4 { background: none; height: auto; padding-bottom: 5px; color: #ffff5d; }
.news_other li { line-height: 32px; background: url(../images/index_list_icon.jpg) no-repeat left center; padding-left: 15px; }
.news_other li span { font-size: 14px; color: #abc3e6; margin-left: 30px; }

.floor div {height: 38px; line-height: 38px; font-size: 16px; padding-left:48%; padding-top:50px}
.floor div span { padding:8px; border:#fff 2px solid; border-radius:50%; width:18px; height:18px; display:block; float:left; margin-right:10px}

.page_numbers{text-align: center;padding-top: 40px;}
.page_numbers a.previous_page, .page_numbers a.next_page{ width: 70px; height: 36px; line-height: 36px; color: #b3d5f8; text-align: center; font-size: 14px; }
.page_numbers a{ display: inline-block; height: 36px; line-height: 36px; width: 36px; text-align: center; font-size: 14px; color: #fff; border: #fff 1px solid; }
.page_numbers a:hover{ background: #55aaff; color: #fff; border-bottom: 0; border: #55aaff 1px solid; }
.page_numbers a.cur{ background: #55aaff; color: #fff; border: #55aaff 1px solid; }