@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: "微软雅黑", "Microsoft YaHei";}
html, body { min-width: 1240px; overflow-y: hiddien;}  
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: #333; text-decoration: none }
a:hover { text-decoration: none; color: #d60000 }
.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; }

.mart15 { margin-top:15px}
.marl05 { margin-left:5px; }
.marl30 { margin-left:30px; }
.marb20 { margin-bottom: 24px }
.paddbot20 {padding-bottom:20px;}
.padd10 { padding:10px;}
.blue { color:#1c66b9}
.red { color:#d20000}
.yellow { color:#ea901c}

.w1200 { width:1200px; 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);
}
}
@-webkit-keyframes gleftIn{
	0%{opacity:0; -webkit-transform:translate3d(-100px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes gleftIn{
	0%{opacity:0; -moz-transform:translate3d(-100px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes gleftIn{
	0%{opacity:0; transform:translate3d(-100px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}
@-webkit-keyframes grightIn{
	0%{opacity:0; -webkit-transform:translate3d(100px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes grightIn{
	0%{opacity:0; -moz-transform:translate3d(100px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes grightIn{
	0%{opacity:0; transform:translate3d(100px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}

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

.banner{ width: 100%; height: 100%; position: fixed; overflow: hidden; top: 0px; z-index: 1; }
.banner .pic,.banner .pic li{ width: 100%; height: 100%; overflow: hidden; }
.banner .pic li{position:absolute; display:none;}

.header { margin: 0px; padding: 0px; width: 100%;}
.head_top { width: 100%; margin: 0px; height: 35px; line-height: 35px; padding: 0; color: #FFF; position: relative; z-index: 5; background: url(nav_bg.png) repeat; overflow: hidden;animation: gfadeIn 2s 1s both; -moz-animation: gfadeIn 2s 1s both; -ms-animation: gfadeIn 2s 1s both; -o-animation: gfadeIn 2s 1s both; -webkit-animation: gfadeIn 2s 1s both; }
.head_top ul { width: 1240px; margin: 0px auto; }
.head_top a { font-size: 12px; color: #fff; }
.head_top span { margin:0px 15px}

.head_logo { width: 1239px; margin: 0px auto; height: 78px; padding: 65px 0px 50px 0px; display: block; position: relative; z-index: 5; }
.head_logo li.logo {animation: grightIn 2s 1.5s both; -moz-animation: grightIn 2s 1.5s both; -ms-animation: gleftIn 2s 1.5s both; -o-animation: gleftIn 2s 1.5s both; -webkit-animation: gleftIn 2s 1.5s both; }
.head_search { height: 37px; margin: 0px; line-height: 37px; color: #333; padding: 20px 0px 0px 0px; animation: grightIn 2s 2s both; -moz-animation: grightIn 2s 2s both; -ms-animation: grightIn 2s 2s both; -o-animation: grightIn 2s 2s both; -webkit-animation: grightIn 2s 2s both; }
.search_txt { width: 284px; height: 35px; line-height: 35px; padding-left: 20px; font-size: 14px; color: #666; float: left; background: #fff; border:0; border-radius: 10px 0px 0px 10px; box-shadow:3px 3px 3px #9ad7ee; }
.search_button { width:40px; padding-left:37px; height:35px; display:block; float:left; background:url(search.png) no-repeat 14px center #d6000f; border:0; cursor:pointer; color:#fff; font-weight:bold; font-size:14px;border-radius: 0px 10px 10px 0px; box-shadow:3px 3px 3px #9ad7ee; }
.search_button:hover { background:url(search.png) no-repeat 14px center #bd000d;}

.head_nav { padding: 0px; margin: 0px auto; width: 1239px; height:66px; position: relative; z-index: 5;animation: gdownIn 2s 3s both; -moz-animation: gdownIn 2s 3s both; -ms-animation: gdownIn 2s 3s both; -o-animation: gdownIn 2s 3s both; -webkit-animation: gdownIn 2s 3s both; }
.head_navlist { width: 1240px; height:66px; margin-left: -1px; overflow: hidden; }
.head_navlist li { margin-top:10px;width: 205px; height: 22px; line-height: 22px; padding: 17px 0px 17px 0px; display: block; text-align: center; font-size: 16px; color: #fff; overflow: hidden; float: left; background: url(nav_bg.png) repeat; text-align: center; margin-left: 1px;-moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s; transition:all .3s ease 0s; }
.head_navlist li.last { background:none;}
.head_navlist li a { color:#fff; }
.head_navlist li a img {vertical-align:middle; margin-right:8px}
.head_navlist li:hover,.head_navlist li.on { margin-top:0px; padding:22px 0px; background: #d60000; cursor: pointer;}


.index_link { height: 30px; padding: 20px 19px 20px 20px; width: 1200px; margin: 0px auto; background: #f0f0f0; position: relative; z-index: 5;animation: gdownIn 2s 4s both; -moz-animation: gdownIn 2s 4s both; -ms-animation: gdownIn 2s 4s both; -o-animation: gdownIn 2s 4s both; -webkit-animation: gdownIn 2s 4s both; }
.index_link ul { width:1080px; padding-left:120px; background:url(index_link.jpg) no-repeat left center; margin:0px auto;}
.index_link select { width: 240px; height: 28px; line-height: 28px; border: #999 1px solid; background: #fff; color: #666; font-size: 12px; padding-left: 20px; margin-right: 15px }

.footer { background: url(nav_bg.png) repeat; width: 100%; padding: 30px 0px 20px 0px; width: 100%; position: relative; z-index: 5; margin-top: 50px;animation: gfadeIn 2s 4s both;-moz-animation:gfadeIn 2s 4s both; -ms-animation: gfadeIn 2s 4s both; -o-animation: gfadeIn 2s 4s both; -webkit-animation: gfadeIn 2s 4s both; }
.foot_txt { width: 1120px; padding: 0px 0px 0px 130px; margin: 0px auto; font-size: 14px; line-height: 24px; text-align: center; color: #fff; position: relative }
.foot_txt span { position: absolute; top: 0px; left: 270px; }
.foot_txt a { color:#fff}
.foot_txt a:hover { color:#fbfe00; border-bottom:#fbfe00 1px dashed}

/*首页样式*/
.index_page { margin: 0px auto; padding: 30px 0px 0px; display: block; width: 1239px; background: #fff; z-index: 5; position: relative;animation: gdownIn 2s 3.5s both; -moz-animation: gdownIn 2s 3.5s both; -ms-animation: gdownIn 2s 3.5s both; -o-animation: gdownIn 2s 3.5s both; -webkit-animation: gdownIn 2s 3.5s both;}
.index_page_main { width: 1200px; margin: 0px auto; padding: 0px 0px 20px 0px; }

.index_left {width:845px}
.index_topnews { width: 705px; height: 60px; line-height: 60px; margin-bottom: 25px; padding: 0px 30px 0px 110px; background: #f4f4f4; position: relative; font-size: 24px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.index_topnews span { background:url(top.png) no-repeat; width:77px; height:60px; display:block; position:absolute; left:0px; top:-3px; text-indent:-9999px;}
.index_ad { width: 1140px; margin: 0px auto 30px auto; height: 120px; position: relative; }

.index_banner { width: 408px; position: relative; height: 290px; overflow: hidden; padding: 0; }
.ctrl-panel { position: absolute; right: 10px; top: 262px; z-index: 1000; }
.m-page { display: block; width:10px; height:10px; background:#fff;float: left; display: inline; margin-left:4px;}
.m-page:hover {background:#d60000; }
.focus {background:#d60000;}
.con { width: 100%; }
.scroll-wrap { OVERFLOW: hidden; WIDTH: 408px; POSITION: relative; HEIGHT: 290px }
.scroll_box_content { POSITION: absolute }
.content_list { FLOAT: left; WIDTH: 408px; HEIGHT: 290px; cursor: pointer; position: relative; }
.content_list img{ WIDTH: 408px; HEIGHT: 290px; }
.content_list span { width: 378px; padding: 15px; color: #fff; font-size: 14px; background: url(pic.png) repeat; position: absolute; bottom: 0px; left: 0px; display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index_title { background: url(index_lm_bg.jpg) repeat-x left bottom; height: 40px; display: block; position: relative; overflow: hidden; margin-bottom: 10px; }
.index_title span.name { height: 22px; line-height: 22px; color: #d60000; font-size: 18px; font-weight: bold; padding: 3px 0px 13px 20px; display: block; border-bottom: #d60000 3px solid; width: 130px; overflow: hidden; border-right: #fff 2px solid; }
.index_title span.name img { vertical-align:middle; margin-right:5px}
.index_title span.more { position: absolute; right: 0px; font-size: 14px; top: 6px; font-weight: lighter; padding-right: 10px; background: url(more.png) no-repeat right center }

.index_news { width:410px;}
.index_news_list li{ line-height: 30px; position: relative; background: url(../images/index_list_icon.jpg) no-repeat 0px center; padding-left: 12px; font-size: 14px; }
.index_news_list li span { position: absolute; font-size: 12px; color: #999; right: 0px; top: 0 }

.index_right { width:325px;}
.index_notice li{ padding: 0px 0px 10px 85px; width: 240px; height: 40px; position: relative; display: block; border-bottom: #cdcdcd 1px dotted; margin: 9px 0px 7px 0px; }
.index_notice li div.time { width: 65px; height: 40px; display: block; position: absolute; left: 0px; top: 0px; color: #999; font-size: 12px; border-right: #cdcdcd 1px dotted; }
.index_notice li div.time span { padding: 0; font-size: 20px; color: #666; display: block; position: relative; }
.index_notice li p { font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; }
.index_notice li:hover p { color:#d60000;}
.index_notice li:hover div.time span { color:#d60000}
.index_notice li.last { border-bottom:0;}

.index_about { width:330px; margin-left:-10px;}
.index_about li { width: 98px; height: 68px; text-align: center; margin: 0px 0px 0px 10px; padding: 15px 0px 0px 0px; float: left; font-size: 14px; border: #d7d7d7 1px solid; }
.index_about li p { padding: 0px 0px 8px 0px; display: block; }
.index_about li:hover { border: #d60000 1px solid; box-shadow: #3px 3px 3px #ccc; background: #f8edee; }
.index_about li:hover a { color:#d60000}
.index_about 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);}

.index_ad { width:1200px; height:119px; margin:0px auto; margin-bottom:20px; overflow:hidden}

.index_tab_list .tab_UL{ height: 256px; margin: 0 25px 0px 0px; width: 168px; float: left; background: url(tab_x.png) no-repeat 162px center }
.index_tab_list .tab_UL li a { color: #333; display: block; height: 44px; line-height: 44px; width: 132px; padding: 0px 36px 0px 0px; font-size: 14px; float: left; cursor: pointer; text-align: center; background: url(../images/tab_bg.png) no-repeat 0px 0px; margin: 3px 0px; }
.index_tab_list .tab_UL li.curr a{ color: #fff; background-position: 0px -44px; font-weight: bold; }
.index_tab_nr { width: 650px; padding-top: 4px; }

.index_icon { width: 282px; height: 91px; padding: 35px 0px 0px 41px; border: #d7d7d7 1px solid; position: relative; margin-top: 8px; }
.index_icon span { background:url(index_lm_title.png) no-repeat; width:20px; height:90px; line-height:20px; padding:30px 12px 30px 8px; font-size:18px; font-weight:bold; color:#fff; text-align:center; display:block; position:absolute; left:-1px; top:-7px;}
.index_icon li { width:94px; height:60px; text-align: center; margin: 0px; padding:0; float: left; font-size: 14px; background:url(icon_x.jpg) no-repeat right center;}
.index_icon li p {padding: 0px 0px 10px 0px; display: block; }
.index_icon li:hover a { color:#d60000}
.index_icon 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);}
.index_icon li.last { background:none;}

/*内页样式*/
.subpage { width:1180px; margin:0px auto; padding:30px; background:#fff;min-height:800px; position:relative; z-index:5;animation: gdownIn 2s 4s both; -moz-animation: gdownIn 2s 4s both; -ms-animation: gdownIn 2s 4s both; -o-animation: gdownIn 2s 4s both; -webkit-animation: gdownIn 2s 4s both; }
.sub_daohang { width: 1160px; padding: 28px 30px 24px 50px; margin: 0px auto; height: 14px; line-height: 14px; color: #666; font-size: 12px; background: url(home.png) no-repeat 30px center; z-index: 5; position: relative;animation: gdownIn 2s 3.5s both; -moz-animation: gdownIn 2s 3.5s both; -ms-animation: gdownIn 2s 3.5s both; -o-animation: gdownIn 2s 3.5s both; -webkit-animation: gdownIn 2s 3.5s both; }
.sub_daohang span { margin:0px 15px}

.sub_nav { width:270px;}
.sub_nav h2 { width:270px; height:69px; text-align:center; line-height:69px; font-size:24px; color:#fff; font-weight:bold; display:block; background:url(sub_lm_bg.jpg) no-repeat; margin-bottom:15px}
.sub_nav ul {border:#e3e3e3 1px  solid; border-bottom:0;}
.sub_nav ul li { padding-left:75px; width:195px; height:54px; border-bottom:#e3e3e3 1px solid; line-height:54px; font-size:14px; background:url(sub_nav_bg.png) no-repeat 230px center}
.sub_nav ul li:hover,.sub_nav ul li.on { color:#d90000; font-weight:bold; background:url(sub_nav_on.png) no-repeat 230px center #e3e3e3; /*cursor:pointer;*/ border-bottom:#fff 1px solid}
.sub_nav ul li:hover a,.sub_nav ul li.on a {color:#d90000;}

.sub_page { width: 875px; padding: 10px 0px 50px 0px; }
.sub_page_title {background:url(sub_title_bg.jpg) repeat-x left bottom;display: block; position: relative; margin-bottom:30px; }
.sub_page_title span.name { color: #d90000; border-bottom: #d90000 3px solid; font-size: 18px; display: block; width: 120px; height: 24px; line-height: 24px; padding-bottom: 10px; text-align: center }

.sub_page_main { font-size: 14px; color: #333; line-height: 24px; overflow: hidden; margin: 0; width: 100%; }
.sub_page_main img { max-width:850px; height:auto;}

/*新闻列表*/
.newsList li{ padding: 0px 0px 20px 0px; position: relative; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 120px; border-bottom: #ccc 1px dotted; margin: 0px 0px 20px 0px; }
.newsList li .list_main{ overflow: hidden; width: 670px; height: 120px; }
.newsList li .bd_r{ width: 180px; height: 120px; overflow: hidden; }
.newsList li .bd_r img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.newsList li:hover .bd_r img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.newsList li .bd_l{ font-size: 12px; color: #8d8b8b; padding: 0 0px 0px 15px; border-left: 1px dotted #e6e6e6; font-family: Arial; width: 50px; text-align: right; position: relative; }
.newsList li .bd_l_day{ display: block; font-size: 3em; color: #e20000; line-height: 50px; }
.newsList li .bd_c{ width: 550px; padding: 0; }
.newsList li .list_title{ font-size: 1.6em; font-weight: normal; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms }
.newsList li:hover .list_title { text-indent: 10px; transition: all ease 600ms; }
.newsList li .see_number{ margin-right: 20px; color: #ccc; line-height: 20px; display: block; font-size: 12px; padding-top: 10px; }
.newsList li .list_p{ font-size: 14px; color: #666; line-height: 20px; height: 32px; overflow: hidden; padding: 10px 0px;text-overflow: ellipsis; }
.newsList li .bd_l .arrow{ width: 90px; height: 28px; border: 1px solid #e2e2e2; background: url("../images/arrow.png") no-repeat center center; transition: all ease 600ms; color: #186ce8; position: absolute; top: 85px; right: 0px; z-index: 100; }
.newsList li:hover .bd_l .arrow{ width: 110px; transition: all ease 600ms; background: url("../images/arrow1.png") no-repeat center center #d90000; border: #d90000 1px solid }
.newsList li a i{display: inline-block;vertical-align:middle; margin:-1px 5px 0 -5px; width: 0px; height: 1px; background-color: #d90000; 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; }
.newsList li a:hover i{ width: 30px; }

.news_top_title { padding: 0px; height: 75px; text-align: center; border-bottom: #f1f1f1 2px solid; margin: 20px 0px }
.news_top_title h4 { font-size: 24px; text-align: center; display: block; padding-bottom: 15px }
.news_neirong { width: 100%; padding:0px; margin: 0px auto; font-size: 14px; line-height: 24px; }
.news_neirong img { max-width:1100px; }
.share { padding-left: 50px; height: 50px; line-height: 50px; font-size: 12px; color: #666; position: relative; margin-top: 20px; border-bottom: #f1f1f1 2px solid; border-top: #f1f1f1 2px solid; }
.share span { position: absolute; left: 0px; top: 0px }

.news_other { width: 100%; display: block; margin: 0px; padding: 30px 0px; line-height: 28px; color: #666 }
.news_other h4 { background: none; height: auto; padding-bottom: 5px; }
.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: 12px; color: #999; margin-left: 30px; }

.notice_list li { font-size: 12px; padding: 20px; border: #e5e5e5 1px solid; box-shadow: 3px 3px 5px #f0f0f0; margin-bottom: 20px; }
.notice_list li a { width: 730px; height: 75px; display: block; margin: 0px auto; position: relative; padding-left: 100px; overflow: hidden; }
.notice_list li span { width: 75px; height: 55px; padding: 10px 0px; border-right: #cfcfcf 1px dotted; position: absolute; left: 0px; top: 0px; text-align: left; font-size: 1em; color: #666; line-height: 30px; display: block; }
.notice_list li:hover { border: #f2f2f2 1px solid; background: #f2f2f2; box-shadow: 3px 3px 5px #f2f2f2; border-bottom: #d9e7df 1px solid; }
.notice_list li span b { font-size: 50px; display: block; font-weight: normal; padding-bottom: 5px; }
.notice_list li a:hover span  b { color: #d90000 }
.notice_list li h4{ font-size:1.6em; padding-bottom:0.8%; color: #333; 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 }
.notice_list li:hover h4{ text-indent: 12px; transition: all ease 600ms; color: #d90000 }
.notice_list li p { line-height: 20px; font-size:12px; color: #999; height: 40px; overflow: hidden; }
.notice_list li a i{ display: inline-block; vertical-align: middle; margin: -1px 5px 0 -5px; width: 0px; height: 1px; background-color: #d90000; 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; }
.notice_list li a:hover i{ width: 30px; }


.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: #888; text-align: center; font-size: 14px; }
.page_numbers a{ display: inline-block; height: 36px; line-height: 36px; width: 36px; background: #e5e5e5; text-align: center; font-size: 14px; color: #666; }
.page_numbers a:hover{ background: #cc0000; color: #fff; }
.page_numbers a.cur{ background: #cc0000; color: #fff; }