@charset "utf-8"; /* CSS Document */ html { background: #FFF; } body { font-size: 63%; /*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/ background-color: #ffffff; color: #333333; font-family: 'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; } html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dl, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0px; padding: 0px; color: #323232; -webkit-font-smoothing: subpixel-antialiased; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } fieldset, img { border: 0; } img, object { max-width: 100%; /*height:auto;*/ width: auto\9; /* for ie8 */ -ms-interpolation-mode: bicubic; display: block; } a { outline: none; blr: expression(this.onFocus=this.blur()); text-decoration: none; color: #333333; font-size: 14px; } a:hover { color: #005c30; text-decoration: none; } input[type='button'] { outline: none; border: 0 none; background-color: transparent; cursor: pointer; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 400; } /*定义清除浮动样式 方法一*/ .clearfix:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } /*定义清除浮动样式 方法二*/ .clear { clear: both; } /*font-size */ .f12px { font-size: 1.2em; } .f14px { font-size: 1.4em; } .f16px { font-size: 1.6em; } .f18px { font-size: 1.8em; } .f20px { font-size: 2.0em; } .f22px { font-size: 2.2em; } .f24px { font-size: 2.4em; } /*float */ .fl { float: left; } .fr { float: right; } .ct { margin: 0 auto; } ul, ol, li { list-style: none outside none; } .tc { text-align: center !important; } .tl { text-align: left !important; } .tr { text-align: right !important; } .fwn { font-weight: normal; } .fwb { font-weight: bold; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } q:before, q:after { content: ''; content: none; } input, textarea, select { font-weight: inherit; } input, select, textarea, button { vertical-align: middle } .t_nav { text-align: right; float: left; } .t_nav a { font-size: 14px; color: #ffffff; display: inline-block; border-left: 1px solid #fff; /* border: #a3b6ad 1px solid; width: 178px; */ height: 14px; text-align: center; line-height: 14px; padding: 0 5px; } .t_nav a:first-child { border: 0px; } .pr { position: relative; } .inblock { display: inline-block; *zoom: 1; *display: inline; } .disnone { display: none; } .block { display: block; } .hidden { overflow: hidden !important; } .none { display: none; } .textoverflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .underline:hover { text-decoration: underline; } .mtc { margin: 0 auto; } .number { font-family: Arial; } .fw600 { font-weight: 600; } .hand { cursor: pointer; } .distable { display: table; } .distr { display: table-row; } .distd { display: table-cell; } .mr35px { margin-right: 35px; } .ml35px { margin-left: 35px; } .mr10px { margin-right: 10px; } .ml10px { margin-left: 10px; } .mt20px { margin-top: 20px; } .topicInfo li { transtion: all 1s ease 0s } /*头部样式*/ .wraq_header { position: absolute; z-index: 99; width: 100%; height: 120px; background: #005c30; top: 0px; } .wrap_topNav { width: 100%; height: 28px; background: #7f0007; } .topNav { width: auto; float: right; position: relative; margin: 19px 0 0 0; } .header { max-width: 1200px; min-width: 320px; height: 120px; margin: 0 auto; z-index: 9999999; } .logo { width: auto; height: auto; float: left; padding: 32px 0 0 0px; } .ser { width: 178px; *width: 178px; height: 32px; *height: 32px; top: 0; line-height: 30px; z-index: 9999994; border: 1px solid #ffffff\9\0; border: 1px solid #d9d9d9; float: right; } .search { height: 32px; position: relative; overflow: hidden; z-index: 9999999; } .search input { position: absolute; width: 200px; height: 30px; line-height: 30px; color: #6b6b6b; border: none; background: none; right: 35px; top: 0px; padding-left: 0px; } .search input.notxt { color: #ffffff; padding-left: 7px; width: 136px; } .search input.notxt1 { position: absolute; width: 35px; height: 32px; top: 0px; right: 0; border: none; background: url(../images/ser_03.png) no-repeat center center; cursor: pointer; overflow: hidden; } /*导航*/ .wrap_nav { position: absolute; z-index: 999; top: 130px; width: 100%; } .nav { max-width: 888px; z-index: 888; height: 55px; position: absolute; right: 0px; bottom: 0px; } .nav ul { height: 55px; margin: 0px auto; } .nav ul li { float: left; height: 55px; line-height: 55px; text-align: left; position: relative; } .nav ul li a { color: #ffffff; font-size: 1.6em; padding: 0 15px; *padding: 0 13px; padding: 0 13px\9; text-align: center; } .nav ul li:first-child a { padding-left: 0px; border-left: 0px; } .nav ul li:last-child a { padding-right: 0px; border-right: 0px; } .nav ul li .subNav { position: absolute; left: 0; top: 56px; display: none; background: rgba(0, 12, 28, .8); overflow: hidden; width: 150px; z-index: 999; *background: url(../images/header_bg_02.png); background: url(../images/header_bg_02.png)\9\0; } .nav ul li .local { left: -86px; } .nav ul li.on { background: url(../images/nav_hover_03.png) no-repeat center bottom; } .nav ul li.on a { color: #ddd77f; } .nav ul li.on .subNav { display: block; } .nav ul li.on .subNav dl { overflow: hidden; padding: 5px 0; } .nav ul li.on .subNav dl dd { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(238, 238, 238, .2); height: auto; line-height: 42px; *line-height: 42px; text-align: center; } .nav ul li.on .subNav dl dd a { font-size: 14px; border: none; font-size: 1.4em; line-height: 42px; text-align: left; font-weight: normal; color: #fff; padding: 0; } .nav ul li.on .subNav dl dd a:hover { color: #ddd77f; padding: 0; } .nav ul li .pos_left { left: -72px; } /*手机端导航*/ .phone_logo { width: 100%; margin: 0 auto; text-align: center; } .phone_logo a { display: block; margin: 0 auto; padding: 20px 0; } .phone_logo img { display: block; margin: 0 auto; } .s_down { height: 40px; line-height: 40px; background: #004a26; padding: 0 20px; } .s_down a { color: #ffffff; } .snav { display: none; overflow: hidden; left: 0px; top: 0; z-index: 1002; width: 100%; background: #005c30; /*padding: 13px 3% 17px 3%;*/ } .mbtn { width: 26px; height: 22px; float: right; background: url(../images/phone_nav_03.png) no-repeat; cursor: pointer; margin: 9px 0 0 0; } .mbtn.open { background: url(../images/close_03.png) no-repeat; width: 26px; height: 24px; } .navm { position: absolute; width: 100%; background: #004a26; overflow: hidden; text-align: left; display: none; top: 160px; left: 0; z-index: 9999; } .navm ul { padding: 0 0 10px; } .navm li { border-bottom: 1px solid #005c30; position: relative; padding: 0 2%; overflow: hidden; } .navm li strong.arrow { cursor: pointer; width: 30px; height: 48px; line-height: 48px; text-align: center; font-size: 20px; font-weight: bold; display: inline-block; color: #ffffff; font-weight: normal; float: right; } .navm li a { width: auto; font-size: 16px; line-height: 18px; padding: 15px 0px 15px 13px; color: #fff; display: inline-block; background: url(../images/mcircle_03.png) no-repeat left center; } .navm li a:hover { color: #fff; } .navm li.sub_has span { margin-left: 10px; } .navm li.on a { color: #fff; } .navm dl { display: none; color: #004489 } .navm dl dd { padding-left: 30px; line-height: 18px; padding: 8px 0px 8px 30px; border-bottom: 1px dashed #434343; } .navm li.on dl dd a { font-size: 14px; color: #ffffff; font-weight: normal; display: inline; border: none; padding: 0px; } .navm li dl dd a { float: none; font-size: 14px; color: #ffffff; font-weight: normal; display: inline; display: block; border: none; padding: 0px; } .navm li dl dd a:hover { font-weight: bold; } .navm li span { text-align: center; border-left: 1px solid #586369; padding: 0 5%; } .navm li span a { display: inline-block; padding: 0px; width: auto; float: none; } .snav #ser { display: block; position: static; clear: both; margin: 5px auto 15px; } .ser01 { width: 93%; margin: 0 auto; } .search01 { width: 100%; height: 40px; background: rgba(255, 255, 255, .2); border-radius: 50px; position: relative; overflow: hidden; z-index: 9999999; } .search01 input { position: absolute; width: 200px; height: 40px; line-height: 40px; color: #6b6b6b; border: none; background: none; right: 35px; top: 0px; padding-left: 0px; } .search01 input.notxt { color: #ffffff; padding-left: 7px; width: 90%; } .search01 input.notxt1 { position: absolute; width: 16px; height: 40px; top: 0px; right: 30px; border: none; background: url(../images/phone_ser_03.png) no-repeat center center; cursor: pointer; overflow: hidden; padding: 0px; } .wrap_footer { background: #005c30; margin-top: 15px; overflow: hidden; } .footer { max-width: 1200px; margin: 24px auto; overflow: hidden; } .footer-Lf { width: 26%; float: left; } .footer-Lf ul li { float: left; display: inline-block; padding: 0 18px; width: 31%; position: relative; } .footer-Lf ul li:first-child:before { content: ""; display: block; width: 2px; height: 75px; background: #26744f; position: absolute; right: 0; top: 10px; } .footer-Lf a img { max-width: 96px; } .footer-Md { width: 23%; float: left; padding: 0 5%; border-left: #4d8d6f 1px solid; border-right: #4d8d6f 1px solid; margin: 17px 0; } .footer-Rt { width: 35%; float: right; margin: 17px 0; } .footer-Md p, .footer-Rt p { font-size: 14px; color: #fff; line-height: 30px; } @media screen and (max-width:1200px) { .header { padding: 0 20px; } .nav { right: 20px; } .nav ul { max-width: 1023px; } .nav ul li a { padding: 0 22px; } } @media screen and (max-width:1023px) { .Banner { margin: 160px 0 0 0; } .wraq_header { display: none; } .nav { display: none; } .snav { display: block; } .wrap_nav { top: 0px; } .footer_left { width: 100%; float: none; padding: 0 0 10px 0; border-bottom-width: 1px; border-bottom-color: rgba(255, 255, 255, .2); border-bottom-style: solid; overflow: hidden; } .f_left_con { padding: 0 6%; } .f_left_con:first-child { padding: 0 6% 0 0; } .f_left_con:last-child { padding: 0 0 0 6%; border: 0px; } .footer_right { width: 100%; float: none; margin: 20px 0 0 0; } .footer { padding: 0 20px; } .search01 input { right: 50px; width: 85%; } .footer-Lf { float: none; margin: 0 auto; text-align: center; width: auto; overflow: hidden; } .footer-Md, .footer-Rt { float: none; width: auto; text-align: center; border: none; } .footer-Lf ul li { float: none; width: auto; } .footer-Md p, .footer-Rt p { line-height: 22px; } } @media screen and (max-width:940px) { .f_left_con { padding: 0 4.5%; } .f_left_con:first-child { padding: 0 4.5% 0 0; } .f_left_con:last-child { padding: 0 0 0 4.5%; border: 0px; } } @media screen and (max-width:760px) { .f_left_con { float: none; padding: 12px 0; height: auto; border: 0px; } .f_left_con { overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, .2); } .f_left_con li { float: left; width: 25%; } .footer_left { border: 0px; } .f_left_con:first-child { padding: 12px 0; } .f_left_con:last-child { padding: 12px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, .2); } .footer_right { margin: 5px 0 0 0; } } @media screen and (max-width:640px) {} @media screen and (max-width:480px) { .navm { top: 130px; } .search01 input.notxt { width: 82%; } .f_r_left { width: 46%; float: left; padding: 0 4% 0 0; border-right-style: solid; border-right-width: 1px; border-right-color: rgba(255, 255, 255, .2); } .f_r_right { width: 46%; float: right; } .f_r_right ul li:first-child { background-position: left 8px; } .f_r_right ul li:first-child p { padding: 0; border: 0px; } .f_r_left ul li:first-child p { border-bottom: 0px; } .footer_right ul p { border: 0px; } } @media screen /*and (min-width:320px)*/ and (max-width:360px) { .phone_logo { width: 80%; } .navm li a { font-size: 14px; padding: 10px 0px 10px 13px; } .navm li strong.arrow { height: 38px; line-height: 38px; } .search01 input.notxt { width: 85%; } .f_r_left { width: 100%; float: none; } .f_r_right { width: 100%; float: none; } .f_left_con h2 { font-size: 14px; } .f_left_con li a { font-size: 12px; } .f_left_con { padding: 10px 0; } .f_left_con ul { margin: 5px 0 0 0; } .f_left_con:first-child { padding: 10px 0; } .f_left_con:first-child ul { margin: 5px 0 0 0; } .footer_right ul p { font-size: 12px; } }