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

/*CSS reset*/
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, "微软雅黑"; width: 100%; background:url(../images/bg.jpg) center top no-repeat #002369}
html,body { min-width:1280px}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, 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: #c30000 }
.fl { float: left; }
.fr { float: right; }
.bg1 {background: #f1f1f1; }
.hui { color:#a8c1e7;}
.red { color: #c30000; }
.blue { color: #5192e5 }
.text_decnone { text-decoration:underline}
.clear { clear: both; }
.eng { font-size: 12px; color: #bababa; margin-left: 8px; text-transform: uppercase; font-weight: normal; }

.ft11 { font-size:11px}
.ft12 { font-size:12px}
.ft14 { font-size:14px}
.ft18 { font-size:18px}
.ft20 { font-size:20px;}
.ft22 { font-size:22px;}
.ft24 { font-size:24px;}
.ft26 { font-size:26px;}

#wrapper { width: 1280px; height: 768px; margin: 0px auto; overflow:hidden; overflow-y:hidden; }

/*首页样式*/
.logo { height:78px; padding:43px 0px; text-align:center}
.index_page {width:1032px; margin:0px auto}

.left { width:688px}
.index_icon li { float:left; margin:6px;}
.index_icon li a { width:160px; height:110px; padding:20px 0px; display:block; text-align:center; color:#fff; font-size:18px; font-weight:bold;}
.index_icon li a img { width:75px; height:75px; border-radius:50%; border:#fff 1px solid; margin-bottom:10px}
.index_icon li a:hover img {-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition: -moz-transform 0.7s ease-out;transition: transform 0.7s ease-out;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);}
.index_icon li a.css_1 { width:292px; height:110px; padding:20px; display:block; background:#a7c325; text-align:left;}
.index_icon li a.css_1 p { text-align:right}
.index_icon li a.css_1:hover { background:#bad92c}
.index_icon li a.css_2 { background:#d75134}
.index_icon li a.css_2:hover { background:#ee5b3b}
.index_icon li a.css_3 { background:#079726}
.index_icon li a.css_3:hover { background:#0fb633}
.index_icon li a.css_4 { background:#69bceb}
.index_icon li a.css_4:hover { background:#7ecdfa}
.index_icon li a.css_5 {width:292px; height:110px; padding:20px; display:block; background:#9a6bf1; text-align:left;}
.index_icon li a.css_5 p { text-align:right}
.index_icon li a.css_5:hover { background:#ab84f4}
.index_icon li a.css_6 { background:#d9af0b}
.index_icon li a.css_6:hover { background:#e3bc25}
.index_icon li a.css_7 { background:#b1238f}
.index_icon li a.css_7:hover { background:#c136a0}
.index_icon li a.css_8 { background:#57a71c}
.index_icon li a.css_8:hover { background:#66b62c}
.index_icon li a.css_9 {width:292px; height:110px; padding:20px; display:block; background:#5d68ec; text-align:left;}
.index_icon li a.css_9 p { text-align:right}
.index_icon li a.css_9:hover { background:#757ff5}
.index_icon li a.css_10 { padding:10px 0px; height:130px;background:#cd2958}
.index_icon li a.css_10 img { margin-bottom:18px}
.index_icon li a.css_10:hover { background:#db446f}
.index_icon li a.css_11 { background:#4e94fc}
.index_icon li a.css_11:hover { background:#6fa7fb}

.right { width:344px;}
.right img { width:332px; height:312px; margin:6px;}

.foot { background: url(../images/foot.png) no-repeat; height: 61px; line-height: 61px; color: #fff; text-align: center; font-size: 12px; width: 1280px; margin: 57px auto 0px auto; }
.foot a { color:#fff}
.foot a:hover { border-bottom:#fff 1px dashed}

/*内页样式*/
.lm_title { width:1014px; margin:0px auto; height:25px; line-height:25px; padding:25px; position:relative}
.lm_title span.name { background:url(../images/title_icon.png) no-repeat; color:#fff; font-size:22px; font-weight:bold; display:block; padding-left:35px;}
.lm_title span.exit { width: 80px; background: url(../images/exit.png) no-repeat 20px center; position: absolute; right: 5px; top: 15px; display: block; padding: 10px 10px 10px 50px; }
.lm_title span.exit a { color:#fff; font-size:18px}
.lm_title span.exit:hover { background: url(../images/exit.png) no-repeat 20px center #4e94fc; border-radius:5px;}

.submain { height: 531px }
.subpage { background: url(../images/sub_bg.png) no-repeat; padding: 20px; width: 1024px; margin: 0px auto; border-radius: 20px; position: relative; }
.subpage span.close { position: absolute; right: -34px; top:30px; width: 14px;background: #2765c4;  padding: 10px; font-size: 14px; border-radius:0px 5px 5px 0px; line-height:16px; cursor:pointer; z-index:10 }
.subpage span.close a {color:#fff;}
.subpage span.close:hover { background:#d9af0b}

.Scroller-Container { top: 0px; left: 0px; position: relative; }
.Scrollbar-Up { width: 19px; height: 40px; background: url(../images/up.png) no-repeat; font-size: 0px; }
.Scrollbar-Track { width: 19px; height: 360px; background: url(../images/sc_bg.png) repeat-y; position: relative; }
.Scrollbar-Handle { position: absolute; width:19px; height:83px; background:url(../images/scroll.png) no-repeat; }
.Scrollbar-Down { width: 19px; height: 31px; background: url(../images/down.png) no-repeat; font-size: 0px; }
#Scrollbar-Container { width: 19px; height: 430px; margin-top: 2px; }
#Container { width: 990px; height: 430px; color: #FFF; font-size: 14px; line-height: 24px; }
#sub_page { top: 10px; overflow: auto; overflow-x: hidden; width: 980px; height: 430px; display: none; padding:0px 5px;}
#sub_page { display: block; }
#Navigation { height: 30px; margin-bottom: 20px }
#Navigation a { height: 28px; line-height: 28px; color: #fff; font-size: 16px; border-radius: 15px; border: #fff 1px solid; width: auto; padding: 0px 30px; display: block; float: left; margin-right: 10px; }
#Navigation a:hover {background:#d9af0b; border:#d9af0b 1px solid; font-weight:bold }
#Navigation a.current {background:#d9af0b; border:#d9af0b 1px solid; font-weight:bold }

.sub_nav { width: 1280px; height: 147px; padding-bottom: 15px; background: url(../images/foot.png) no-repeat center bottom; }
/*图片逐步滚动*/
.layout { TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH: 1160px; OVERFLOW: hidden; border-top: 0; }
.homebtm { POSITION: relative; HEIGHT: 147px }
.homebtm { POSITION: relative; PADDING: 0px;}
.homebtm LI { POSITION: relative; TEXT-ALIGN: center; WIDTH: 168px; DISPLAY: inline; FLOAT: left; }
.homebtm LI .pic { DISPLAY: block; HEIGHT: 88px; OVERFLOW: hidden; }
.homebtm .ico-new { POSITION: absolute; TOP: 0px; RIGHT: 5px; }
.mainCont { margin: 0px auto; width: 1026px!important; height: 147px; overflow: hidden; }
.mainCont UL { WIDTH: 1026px; WORD-WRAP: normal; margin: 0px; padding: 0px; list-style: none; }
.mainCont ul li { width: 147px; height: 147px; float: left; overflow: hidden; margin: 0px 12px; text-align: center; }
.mainCont ul li a { width: 147px; height: 130px; padding: 17px 0px 0px 0px; color: #fff; font-size: 15px; font-weight: bold; display: block; text-align: center }
.mainCont ul li a img { width: 75px; height: 75px; margin-bottom: 2px }
.mainCont ul li a p { line-height:18px;}
.mainCont ul li a:hover img {-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition: -moz-transform 0.7s ease-out;transition: transform 0.7s ease-out;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);}
.mainCont ul li a.icon_01 { background:url(../images/icon_bg_1.png) no-repeat}
.mainCont ul li.on a,.mainCont ul li a.icon_01:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_02 { background:url(../images/icon_bg_2.png) no-repeat}
.mainCont ul li a.icon_02:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_03 { background:url(../images/icon_bg_3.png) no-repeat}
.mainCont ul li a.icon_03:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_04 { background:url(../images/icon_bg_4.png) no-repeat}
.mainCont ul li a.icon_04:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_05 { background:url(../images/icon_bg_5.png) no-repeat}
.mainCont ul li a.icon_05:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_06 { background:url(../images/icon_bg_6.png) no-repeat}
.mainCont ul li a.icon_06:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_07 { background:url(../images/icon_bg_7.png) no-repeat}
.mainCont ul li a.icon_07:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_08 { background:url(../images/icon_bg_8.png) no-repeat}
.mainCont ul li a.icon_08:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_09 { background:url(../images/icon_bg_9.png) no-repeat}
.mainCont ul li a.icon_09:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_10 { background:url(../images/icon_bg_10.png) no-repeat}
.mainCont ul li a.icon_10:hover {background:url(../images/icon_hover.png) no-repeat}
.mainCont ul li a.icon_11 { background:url(../images/icon_bg_11.png) no-repeat}
.mainCont ul li a.icon_11:hover {background:url(../images/icon_hover.png) no-repeat}

.leftBtn,.rightBtn{ width: 29px; height: 147px; position: absolute; cursor: pointer; overflow: hidden; z-index: 2 }
.leftBtn { background: url(../images/prev.png) no-repeat left center; left: 0px; }
.leftBtn:hover { background: url(../images/prev.png) no-repeat -29px center; }
.rightBtn { background: url(../images/next.png) no-repeat left center; right: 0px; }
.rightBtn:hover { background: url(../images/next.png) no-repeat -29px center; }

.form li { width: 870px; padding-left: 110px; position: relative; padding-bottom: 15px; border-bottom: #6e9ccc 1px dashed; min-height: 120px; margin-bottom: 15px; }
.form li img { position: absolute; left: 0px; top: 0px; width: 86px; height: 120px; }
.form li p { padding: 5px 0px; line-height: 20px; }

.news_list li{ line-height: 37px; height: 37px; position: relative; font-size: 14px; background: url(../images/sub_icon.png) no-repeat left center; padding-left: 15px; border-bottom: #6e9ccc 1px dashed; margin-left: 30px; }
.news_list li span { font-size: 12px; color: #cde0fc; position: absolute; right: 0px; top: 0px; }
.news_list li a { color:#fff;}
.news_list li a:hover { color:#a4c7fc}

.news_neirong li {padding:10px 0px}
.news_neirong li img { max-width:900px;}
.news_neirong li.news_name {border-bottom: #6e9ccc 1px dashed; padding-bottom: 15px; margin-bottom: 20px; text-align: center; position: relative; }
.news_neirong li h4 { font-size: 24px; width: 100%; display: block; padding-bottom: 10px; }

.page_numbers{ position: absolute; bottom: -46px; text-align: center; display: block; width: 100%; margin: 0px auto; }
.page_numbers a{ padding: 5px 30px; font-size: 14px; color: #fff; border: #fff 1px solid; border-radius: 20px; margin: 0px 5px; font-weight: bold; }
.page_numbers a:hover{ background: #d9af0b; color: #fff; border:#d9af0b 1px solid }