@charset "utf-8"; /* CSS Document */ html { background: #FFF; } body { font-size: 14px; /*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/ background-color: #fff; color: #323232; font-family: 'Microsoft YaHei', "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; } a { outline: none; blr: expression(this.onFocus=this.blur()); text-decoration: none; color: #323232; } a:hover { color: #e60012; 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: 12px; } .f14px { font-size: 14px; } .f16px { font-size: 16px; } .f18px { font-size: 18px; } .f20px { font-size: 20px; } .f22px { font-size: 22px; } .f24px { font-size: 24px; } .f48px { font-size: 48px; } /*float */ .fl { float: left; } .fr { float: right; } 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%; /*font-weight:400;*/ } q:before, q:after { content: ''; content: none; } input, textarea, select { font-weight: inherit; font-size: 100%; } input, select, textarea, button { vertical-align: middle } .pa { position: absolute; } .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; } .mt5px { margin-top: 1.57%; } .mt4px { margin-top: 4px; } .mr5px { margin-right: 0.86%; } .header { width: 100%; min-width: 320px; height: 192px; position: relative; z-index: 5; background: url(../images/xytopbg.jpg) no-repeat top center; } .top { width: 1090px; margin: 0px auto; position: relative; } .header .logo { width: 623px; left: 10px; overflow: hidden; position: absolute; top: 30px; } .header .logo a img { display: block; width: 100%; } .search { width: 200px; height: 24px; position: absolute; right: 10px; top: 0px; } .search1 { top: 50px; } .search .fm_search { height: 24px; background: url(../images/xysearch.jpg) no-repeat; position: relative; } .search .fm_search input { position: absolute; width: 190px; height: 22px; line-height: 22px; color: #3c98cc; border: none; background: none; left: 0px; top: 0px; padding-left: 0px; font-family: 'Microsoft YaHei', "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #888; z-index: 2; } .search .fm_search input.notxt { padding-left: 10px; font-family: 'Microsoft YaHei', "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #c3c3c3; outline: none; } .search .fm_search input.notxt1 { width: 30px; left: 170px; top: 0px; cursor: pointer; } .gp-search { width: 220px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; transition: all 0.35s ease-in-out; border: 1px solid #ccc; } .gp-ser { width: 100%; height: 28px; z-index: 9999994; margin: 0 auto; position: relative; } .gp-search input, .gp-search button { position: absolute; height: 28px; line-height: 28px; border: none; background: none; top: 0px; overflow: hidden; } .gp-search input.notxt { color: #fff; width: 82%; left: 0; padding-left: 2%; } .gp-search .notxt1 { position: absolute; width: 15%; right: 0; cursor: pointer; color: #fff; background: url(../images/xysearch20230613.png) no-repeat center top; } /*导航*/ .nav { width: 100%; height: 48px; right: 0px; top: 143px; z-index: 10; border-bottom: 1px solid #d3d3d3; background-color: #fff; } .nav ul { width: 1090px; margin: 0px auto; } .nav ul li { float: left; position: relative; text-align: center; background: url(../images/xynav_iconli.jpg) no-repeat right center; } .nav ul li:last-child { background: none; } .nav ul li div { padding: 0px; height: 48px; line-height: 48px; } .nav ul li a { padding: 0 48px 0 48px; font-size: 16px; background: url(../images/xynav_icon02.jpg) no-repeat center bottom; color: #081b2f; display: block; } .nav ul li.on div, .nav ul li div.on_nav {} .nav ul li.on div a, .nav ul li div.on_nav a { color: #081b2f; font-weight: bolder; background: url(../images/xynav_icon01.jpg) no-repeat center bottom; } .nav ul li.on dl { display: block; } .nav ul li dl { width: 135px; position: absolute; left: -4px; top: 46px; overflow: hidden; display: none; text-align: left; background: #8f000b; padding: 10px 15px; overflow: hidden; -moz-box-shadow: 2px 2px 3px #555; -webkit-box-shadow: 2px 2px 3px #555; box-shadow: 2px 2px 3px #555; z-index: 999; } .nav ul li:last-child dl { left: -16px; } .nav ul li.on dl dd { width: 94%; line-height: 36px; padding: 0 2%; text-align: center; border-bottom: 1px dashed #ccc; } .nav ul li.on dl dd:first-child { border-top: none; } .nav ul li.on dl dd a { color: #fff; font-size: 14px; font-weight: normal; background: none; padding: 0px; text-align: center; } .nav ul li.on dl dd a:hover { color: #fff; font-weight: normal; background: none; } .wraq_footer { width: 100%; background: #e0e0e0; height: 205px; } .footer01 { width: 1090px; padding: 38px 0px 0px; margin: 0px auto; min-width: 320px; } .footer02 { background-color: #8f000b; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; } .footer01 ul { height: 130px; } .footer01 ul li { border-left: 1px solid #bfbfbf; float: left; color: #888888; font-size: 14px; height: 100px; } .footer01 ul li.ft_con1 { width: 18%; text-align: center } .footer01 ul li.ft_con2 { width: 18%; } .footer01 ul li.ft_con3 { width: 40%; } .footer01 ul li.ft_con4 { width: 23%; } .footer01 ul li a { color: #555; font-size: 14px; } .footer01 ul li a:hover { font-weight: bolder; color: #00356f; } .footer01 ul li span { display: block; height: 30px; line-height: 30px; text-align: center; } .ft_con3 img { width: 220px; margin: 0px auto; display: block; } .footer02_w font { display: inline-block; margin-right: 15px; } .ft_name { display: none; } /*手机端导航*/ .snav { width: 100%; position: relative; left: 0; top: 0; word-break: break-all; font-size: 14px; z-index: 8; display: none; background: #8f000b; } .mbtn { width: 20px; height: 40px; color: #fff; text-align: center; font-size: 16px; line-height: 40px; cursor: pointer; padding: 0px 0px 0px 14px; } .navm { width: 100%; line-height: 30px; background: #8f000b; margin-top: 2px; overflow: hidden; text-align: left; display: none; border-top: 1px solid #740009; border-bottom: 1px solid #740009; } .navm ul { padding: 10px 0; } .navm li {} .navm li a { font-size: 16px; line-height: 40px; height: 40px; color: #fff; padding-left: 13px; } .navm li.has span { margin-left: 10px; } .navm li.on a { color: #fff; font-weight: bold; display: block; width: 100%; } .navm dl { display: none; background-color: #f0f0f0; padding: 5px 0px; } .navm dl dd { padding-left: 30px; height: 30px; line-height: 30px; } .navm li.on dl dd a { font-size: 14px; color: #740009; padding: 0px; font-weight: normal; display: inline; border: none; line-height: 30px; height: 30px; } .navm li dl dd a { font-size: 14px; color: #004698; padding: 0px; font-weight: normal; display: inline; border: none; line-height: 30px; height: 30px; } .navm li dl dd a:hover { font-weight: bolder } .snav_top1 { overflow: hidden; } @media screen and (max-width:1089px) { .top { width: 100%; } .nav ul { width: 9990px; padding-left: 10px; margin: 0px; } .nav ul li a { padding: 0 31px 0 31px; } .nav ul li dl { left: -20px } .nav ul li:last-child dl { left: -63px; } .footer01 { width: auto; } } @media screen and (max-width:999px) { .header { height: 158px; } .header .logo { width: 537px; top: 22px; } .nav { top: 112px; } .nav ul { width: 900px; margin: 0px; } .nav ul li a { padding: 0 24px 0 24px; } .search1 { top: 38px; } .nav ul li dl { left: -30px } .nav ul li:last-child dl { left: -70px; } } @media screen and (max-width:900px) { .nav ul { width: 790px; margin: 0px; } .nav ul li a { padding: 0 18px 0 18px; } .nav ul li:last-child dl { left: -76px; } } @media screen and (max-width:799px) { .header { height: 134px; } .header .logo { width: 402px; top: 18px; } .nav { top: 88px; } .search1 { top: 26px; } .nav ul { width: 630px; margin: 0px; } .nav ul li a { padding: 0 12px 0 12px; font-size: 14px } .nav ul li:last-child dl { left: -86px; } .nav ul li dl { left: -40px } .footer02 { height: auto; padding-bottom: 10px; line-height: 22px; padding-top: 10px; } } @media screen and (max-width:639px) { .snav_top2 .snav_logo { width: 402px; position: static; padding: 10px 0px 10px 0px; margin: 0px auto; } .nav { display: none } .search { display: none; } .searchtop { display: block; top: 6px; right: 10px; } .snav { display: block; } .header { display: none } .footer01 ul li.ft_con1 { width: 33%; text-align: center } .footer01 ul li.ft_con2 { width: 33%; } .footer01 ul li.ft_con3 { display: none } .footer01 ul li.ft_con4 { width: 33%; } .footer01 { padding-top: 10px; } .ft_name { display: block; padding-left: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; height: 40px; line-height: 40px; color: #555; } .ft_name a { font-size: 14px; color: #444; } } @media screen /*and (min-width:320px)*/ and (max-width:480px) { .snav_top2 .snav_logo { width: 360px; } } @media screen /*and (min-width:320px)*/ and (max-width:380px) { .snav_top2 .snav_logo { width: 300px; } }