@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3, h4 { margin: 0; padding: 0; font-size: 12px; _background-image: url(about:blank); _background-attachment: fixed; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; }
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img { border: 0; display: block }
.clear { clear: both; }
a { text-decoration: none; outline: 0; }
center { padding: 20px 0; }
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* banner */
.banner_position { position: relative; width: 100%; height: 398px; overflow: hidden; }
.banner { width: 1600px; height: 398px; position: absolute; overflow: hidden; z-index: 1; left: 50%; margin-left: -800px; top: 0 }
.sub_banner { height: 305px; width: 100%; position: relative; overflow: hidden }
.banner img { display: block; margin: 0 auto; width: 100% }
.banner img { display: block; margin: 0 auto; }
.btns { width: 91px; position: absolute; height: 41px; left: 50%; bottom: 18px; margin-left: -45px; }
/*************Banner样式********************/
#sub_ban { margin: 0px auto; width: 100%; overflow: hidden; height: 200px; }
/* top */
.topbg { width: 100%; background: url(../images/topbg.jpg) 0 0 repeat-x; height: 97px; overflow: hidden; }
.top { width: 980px; height: 97px; margin: 0 auto; overflow: hidden }
.logo { float: left; margin-top: 10px; }
.top_tel { float: right; width: 172px; margin-top: 21px; background: url(../images/top_tel.jpg) 0 bottom no-repeat; overflow: hidden; height: 53px; padding-left: 38px; }
.top_tel span { font: 700 15px/18px "microsoft yahei"; color: #052237 }
.top_tel p { font: 24px/1 "impact"; color: #052237 }
/* nav */
.nav_bg { width: 100%; height: 54px; background: #031F34 }
.nav { width: 980px; height: 54px; margin: 0 auto; }
.nav li { width: 108px; height: 54px; position: relative; font: 16px/54px "microsoft yahei"; color: #eaf0f3; text-align: center; float: left; z-index: 2 }
.nav li a { display: block; width: 108px; height: 54px; text-align: center; overflow: hidden; color: #eaf0f3; }
.nav li dl { position: absolute; top: 54px; left: 0; width: 108px; display: none }
.nav li dl a { width: 80px; height: 38px; margin-bottom: 1px; background: url(../images/nav_bg.png) 0 0 repeat; padding: 0 14px; font: 700 14px/38px "microsoft yahei"; color: #fff; overflow: hidden; text-align: left; }
.nav li.hover { background: url(../images/nav_hover.jpg) 0 0 repeat }


#game img{text-align:center}
/* con1 */
.con1_bg { width: 100%; background: url(../images/con1_bg.jpg) center 0 no-repeat; height: 640px; overflow: hidden; }
.con1 { width: 980px; height: 460px; margin: 28px auto 26px; overflow: hidden }
.left { float: left; width: 244px; height: auto; overflow: hidden; }
.left_name { background: url(../images/title1.jpg) 0 0 no-repeat; width: 244px; height: 86px; overflow: hidden; }
.left_name span { display: block; width: 100%; height: 30px; text-align: center; margin-top: 15px; font: 700 20px/30px "microsoft yahei"; color: #fff; }
.left_name p { width: 100%; text-align: center; font: 20px/26px "impact"; color: #709eb9; text-transform: uppercase; }
.left_nav { width: 228px; border: 8px solid #07304d; background: #fff; overflow: hidden; margin-bottom: 20px; padding-bottom: 3px; }
.left_nav li a { display: block; width: 228px; height: 41px; border-bottom: 1px solid #e2e2e2; overflow: hidden; background: url(../images/icons1.jpg) 197px center no-repeat; font: 700 14px/41px "microsoft yahei"; text-indent: 32px; color: #565656 }
.left_nav li a:hover { background: url(../images/icons1_hover.jpg) 0 0 no-repeat; color: #fff; }
.more { display: block; background: url(../images/more1.jpg) 0 0 no-repeat; width: 148px; height: 27px; margin: 8px auto; text-align: center; font: 700 14px/27px "microsoft yahei"; color: #fff; }
.left_contact { background: url(../images/contact1.jpg) 0 0 no-repeat; width: 228px; height: 650px; overflow: hidden; border: 8px solid #07304d; }
.left_address { width: 226px; margin: 12px auto 0; height: auto; overflow: hidden }
.left_tel { width: 226px; margin: 0 auto; height: auto; overflow: hidden }
.left_address p { float: left; width: 70px; background: url(../images/map.png) 0 center no-repeat; height: 26px; text-align: right; font: 700 14px/26px "microsoft yahei"; color: #fff; }
.left_tel p { float: left; width: 70px; background: url(../images/tel.png) 0 center no-repeat; height: 26px; text-align: right; font: 700 14px/26px "microsoft yahei"; color: #fff; }
.left_address div { float: left; width: 156px; height: auto; font: 700 14px/26px "microsoft yahei"; color: #fff; overflow: hidden }
.left_tel div { float: left; width: 156px; height: auto; font: 700 14px/26px "microsoft yahei"; color: #fff; overflow: hidden }
.search { width: 401px; height: 34px; overflow: hidden; float: right; margin-top: 1px; }
.text { width: 240px; float: left; font: 14px/22px 'microsoft yahei'; color: #a2a2a2; text-indent: 15px; height: 22px; padding: 5px 0; background: #fff; *height:22px;
border: 1px solid #0e5d8a; border-right: 0 }
.btn { float: left; background: url(../images/button.jpg) no-repeat center center #0e5d8a; width: 62px; height: 34px; border: 0; cursor: pointer; }
.con1_right { float: left; width: 718px; height: auto; padding-left: 18px; overflow: hidden; }
.con1_title { width: 100%; height: 73px; overflow: hidden; }
.con1_name { float: left; background: url(../images/title1-09.jpg) 0 bottom no-repeat; width: 111px; height: 47px; overflow: hidden; font: 700 18px/38px "microsoft yahei"; color: #0c2b40; text-indent: 29px; }
.movead { zoom: 1; width: 718px; margin: 0 auto; position: relative; z-index: 1 }
.movead .pcont { float: left; width: 653px; margin: 0 6px; height: 444px; overflow: hidden }
.movead .ScrCont { width: 32766px; zoom: 1 }
.movead #List1_1 { FLOAT: left }
.movead #List2_1 { FLOAT: left }
.movead .LeftBotton { background: url(../images/left_btn.jpg) no-repeat center 0; float: left; width: 25px; margin-top: 173px; height: 37px; }
.movead .RightBotton { background: url(../images/right_btn.jpg) no-repeat center 0; float: left; width: 25px; margin-top: 173px; height: 37px; }
.movead .pl img { display: block; CURSOR: pointer; float: left; }
.movead .pl { float: left; width: 221px; height: 448px; overflow: hidden; }
.con1_img { width: 221px; height: 200px; overflow: hidden; position: relative }
.con1_img p { width: 212px; height: 40px; text-align: center; font: 700 15px/35px "microsoft yahei"; color: #3c3c3c; overflow: hidden; }
.con1_img p a { color: #3c3c3c;}
.con1_img p a:hover { text-decoration:underline }
.pic_quit { position: absolute; background: url(../images/quit.png) 0 0 no-repeat; width: 64px; height: 64px; top: 0; right: 0; cursor: pointer }
.online_banner { display: block; width: 980px; height: 106px; margin: 0 auto; }
.right_con img{text-align:center}
/* con2 */
.con2 { width: 980px; height: 322px; margin: 0 auto; overflow: hidden; }
.con2_left { float: left; width: 550px; height: 322px; overflow: hidden; }
.con2_title { width: 100%; height: 71px; overflow: hidden; }
.con2_name1 { float: left; background: url(../images/title2.jpg) 0 center no-repeat; padding-left: 33px; font: 700 18px/71px "microsoft yahei"; color: #012c57; }
.con2_name2 { float: left; background: url(../images/title3.jpg) 0 center no-repeat; padding-left: 33px; font: 700 18px/71px "microsoft yahei"; color: #012c57; }
.con2_title a { float: right; font: 14px/71px "microsoft yahei"; color: #012c57; }
.con2_about { width: 100%; height: 234px; overflow: hidden; font: 14px/26px "microsoft yahei"; color: #4e4e4e }
.con2_about img { float: left; margin-right: 18px; margin-top: 6px }
.con2_right { float: right; width: 386px; height: 322px; overflow: hidden }
.con2_news { width: 100%; height: auto; overflow: hidden; }
.con2_news li { width: 100%; height: 44px; border-bottom: 1px dotted #093c5f; overflow: hidden; background: url(../images/icons2.jpg) 8px center no-repeat; text-indent: 20px; font: 14px/44px "microsoft yahei"; color: #4e4d4d; }
.con2_news li a { float: left; color: #4e4d4d }
.con2_news li a:hover { text-decoration:underline}
.con2_news li img { float: left; margin-top: 10px; margin-left: 6px }
.con2_news li span { float: right; }
.banner3 { display: block; width: 980px; height: 103px; margin: 0 auto 30px; }
/* con3 */
.con3_bg { width: 100%; background: url(../images/con3_bg.jpg) center 0 no-repeat; height: 480px; overflow: hidden; }
.con3_title { width: 980px; height: 70px; margin: 0 auto; overflow: hidden; }
.con3_name { float: left; background: url(../images/title4.jpg) 0 center no-repeat; padding-left: 33px; font: 700 18px/71px "microsoft yahei"; color: #012c57; }
.con3 { width: 980px; height: 452px; overflow: hidden; margin: 0 auto 16px }
.con3_ul { width: 992px; height: auto; overflow: hidden }
.con3 li { width: 248px; height: 200px; float: left; overflow: hidden; }
.con3 li p { width: 236px; height: 38px; text-align: center; overflow: hidden; font: 700 14px/58px "microsoft yahei"; color: #3c3c3c; }
.con3 li p a { color: #3c3c3c; }
.con3 li p a:hover { text-decoration:underline}
/* foot */
.links { width: 980px; height: 76px; overflow: hidden; margin: 0 auto; }
.links_title { float: left; background: url(../images/links.jpg) 0 0 no-repeat; width: 161px; height: 76px; overflow: hidden }
.links_title span { display: block; width: 100%; height: 26px; margin-top: 18px; font: 700 20px/26px "microsoft yahei"; color: #fff; text-align: center; }
.links_title p { width: 100%; text-align: center; font: 700 20px/1 "microsoft yahei"; color: #fff; }
.links_con { float: left; width: 818px; height: 74px; border: 1px solid #f29d0e; border-left: 0; overflow: hidden; font: 14px/74px "microsoft yahei"; color: #3e3e3e; text-indent: 12px; }
.links_con a { color: #3e3e3e; margin: 0 6px; }
.foot_nav_bg { width: 100%; height: 43px; background: #08273b; overflow: hidden; }
.foot_nav { width: 980px; height: 43px; text-align: center; font: 14px/43px "microsoft yahei"; color: #fff; margin: 0 auto; }
.foot_nav a { color: #fff; margin: 0 12px; }
.foot_bg { width: 100%; height: 112px; padding-top: 24px; background: #071c29 }
.foot { width: 980px; height: 112px; overflow: hidden; margin: 0 auto }
.foot p { width: 100%; height: 30px; text-align: center; font: 12px/30px "microsoft yahei"; color: #345367; }
.foot p span { margin: 0 6px; }
.foot p a { color: #345367; }
.share { width: 150px; margin: 10px auto; }
/* sub page */
.sub_page_bg { width: 100%; height: auto; overflow: hidden; background: url(../images/sub_bg.jpg) center 0 no-repeat; }
.sub_page { width: 980px; height: auto; overflow: hidden; margin: 26px auto 30px; }
.right { float: left; width: 718px; height: auto; overflow: hidden; padding-left: 18px; }
.right img{ margin:0 auto;}
.right_title { width: 100%; height: 51px; overflow: hidden; border-bottom: 1px solid #093c5f; }
.right_name { float: left; background: url(../images/right_name.jpg) 2px center no-repeat; font: 700 18px/48px "microsoft yahei"; color: #0c2b40; padding-left: 29px; border-bottom: 3px solid #093c5f; padding-right: 8px; }
.right_title p { float: right; font: 12px/54px "microsoft yahei"; color: #0c2b40; }
.right_title p a { color: #0c2b40; }
.right_con { width: 100%; height: auto; overflow: hidden; font: 14px/30px "microsoft yahei"; color: #666; padding: 20px 0 }
.right_con div, .right_con p { font-size: 14px }
.about_nav li a, .left_nav li ul li a:hover { background: #fff; color: #565656 }
.about_nav li a:hover { background: url(../images/about_nav.jpg) 0 0 repeat-x }
.left_nav ul ul li a, .left_nav ul ul li a:hover { display: block; width: 228px; height: 32px; border-bottom: 0; overflow: hidden; background: #fff; font: 700 14px/32px "microsoft yahei"; text-indent: 58px; color: #565656 }
.left_nav ul ul { border-bottom: 1px solid #e2e2e2 }
/* product */
.pro_top { width: 100%; max-height: 150px; overflow: hidden; margin: 14px auto; }
.product { width: 729px; height: auto; overflow: hidden }
.product li { float: left; width: 243px; height: 210px; overflow: hidden; }
/* view */
.right_con h1 { width: 100%; text-align: center; font: 700 16px/36px "microsoft yahei"; color: #123045; }
.date { width: 100%; text-align: center; font: 12px/32px "microsoft yahei"; color: #acacac }

/***************************分页样式**************************/
.dede_pages { width: 100%; border-top: 1px solid #CCC; padding: 10px 0; }
.dede_pages ul { width: 100%; text-align: center; height: 20px; padding-left: 5%; }
.dede_pages ul li { float: left; font-family: Tahoma; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; }
.dede_pages ul li a { float: left; padding: 2px 4px 2px; color: #555; display: block; }
.dede_pages ul li a:hover { color: #690; text-decoration: none; padding: 2px 4px 2px; }
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { background-color: #F8F8F8; padding: 2px 4px 2px; font-weight: bold; }
.dede_pages .pageinfo { line-height: 21px; padding: 12px 10px 12px 16px; color: #999; }
.dede_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; }
/*********************上一页下一页*******************************/
.pernext { width: 100%; margin: 20px auto; padding-bottom: 20px; padding-top: 30px; }
.per { font-size: 14px; float: left; height: 20px; line-height: 20px; width: 100%; }
.per a, .next a { font-size: 14px; margin: 20px 0px; text-indent: 2em; margin: 26px 0; padding: 0; text-align: justify; line-height: 24px; color: #252525; font-family: "\5B8B\4F53", sans-serif; }
.per a:hover, .next a:hover { margin: 20px 0px; font-size: 14px; text-indent: 2em; margin: 26px 0; padding: 0; text-align: justify; line-height: 24px; color: #252525; font-family: "\5B8B\4F53", sans-serif; text-decoration:underline; }
.next { font-size: 14px; float: left; height: 20px; line-height: 20px; width: 100%; margin-top: 5px; padding-bottom: 20px }