锘緻charset "utf-8"; sec-mune1 li.second-li4 *, :after, :before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased } body { color: #888; font-size: 14px; line-height: 1.5; font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased } img { max-width: 100%; border: none } input, select, textarea { font-size: 14px; color: #333; font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } ::-webkit-input-placeholder { color: #999 } ::-moz-placeholder { color: #999 } ::-ms-input-placeholder { color: #999 } select::-ms-expand { display: none } .ani, a { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s } a { color: #333; text-decoration: none } a:hover { color: red } ul { list-style: none } .fix { *zoom: 1 } .fix:after, .fix:before { display: block; content: ""; height: 0; clear: both } table { border-collapse: collapse; border-spacing: 0 } .wp { margin: 0 auto; width: 100%; max-width: 1200px; height: 100%; position: relative; } .wp .active {} .c { clear: both } .col-l { float: left } .col-r { float: right } em { font-style: normal } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align: baseline; } html { position: relative; min-height: 100%; } body { padding: 0px; margin: 0px; font-family: AvenirRoman, HelveticaNeue-Light, Helvetica Neue, arial, Hiragino Sans GB, 鍐潚榛戜綋, Microsoft YaHei New, Microsoft Yahei, 寰蒋闆呴粦, 瀹嬩綋, SimSun, STXihei, 鍗庢枃缁嗛粦, sans-serif; font-weight: 400; color: #666; text-align: left; } * { padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .fenye_list a { display: block; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) } a { text-decoration: none; color: #666; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) } a:hover, a:active, a:focus { outline: 0; } * { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-appearance: none; } ul, ol { list-style: none; } li { list-style-type: none; } form { margin: 0; display: block; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font: 12px/1.5 tahoma, arial, '\5FAE\8F6F\96C5\9ED1'; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) } textarea { overflow: auto; vertical-align: top; resize: vertical; } html, body { -webkit-text-size-adjust: none; } input:focus, textarea:focus, select:focus { outline-width: 0; -webkit-text-size-adjust: none; } table { border-collapse: collapse; border-spacing: 0; } #dloading { background: rgba(196, 196, 196, 0.5); position: fixed !important; z-index: 99; top: 0; left: 0; width: 100%; height: 100% } #dloading div { border-radius: 3px; text-align: center; position: fixed; top: 50% !important; left: 50% !important; margin-top: -25px; margin-left: -75px; z-index: 100; background: #fff; line-height: 50px; color: #000; font-weight: bold; width: 150px; height: 50px } a { text-decoration: none; color: #333333; } a:link { text-decoration: none; color: #333333; } a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: none; color: #333333; } a:active { text-decoration: none; color: #333333; } a:focus { outline: none; } .contnier { position: relative; max-width: 1920px; margin: 0 auto; font-family: "LT"; overflow: hidden; } .top { position: relative; } .header { position: relative; width: 100%; height: 50px; background-color: #f5f5f5; z-index: 900; } .header_center { width: 94%; min-width: 320px; max-width: 1200px; margin: 0 auto; height: 100%; } .logo { margin-top: 10px; display: inline-block; } .header_list { position: relative; float: right; margin-top: 13px; display: none; } .cn { font-family: "Microsoft YaHei"; } .header_list li { display: inline-block; vertical-align: middle; padding: 0 15px; border-right: 1px solid #b3b3b3; } .header_list li a { color: #333333; font-size: 14px; } .tlink_list { float: left; } .tlink_list a { display: inline-block; width: 25px; height: 25px; } .header_list .last_header_list { border: none; padding-right: 0px; } .header_b { width: 100%; height: 80px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); position: relative; z-index: 900; background-color: #ffffff; } .header_bfix { position: fixed !important; top: 0; } .top-secondfix { position: fixed !important; top: 80px; } .header_b_middle { width: 94%; height: 100%; min-width: 320px; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden; } .header_b_list { width: 90%; display: table; clear: both; position: relative; } .header_b_list li { float: left; padding: 0 2%; height: 80px; line-height: 80px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } .active_h { border-left: 1px solid #ebebeb !important; border-right: 1px solid #ebebeb !important; } .header_b_list li>a { height: 79px; line-height: 79px; font-size: 16px; color: #333333; display: inline-block; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .active_h>a { color: #b02d2e !important; border-bottom: 3px solid #b02d2e; } .header_b_list li:hover, li.on { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .search { position: absolute; right: 0px; height: 33px; line-height: 33px; vertical-align: middle; top: 50%; margin-top: -15px; width: 20px; cursor: pointer; } .search_icon { vertical-align: middle; cursor: pointer; position: absolute; right: 14px; top: 9px; z-index: 1; } .search i.search_icon:before { content: ""; width: 16px; height: 17px; display: block; background-position: -185px -3px; } .search_show { width: 223px; height: 33px; position: absolute; right: 0px; top: 0; background-color: #ffffff; border-radius: 25px; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; z-index: -1; filter: alpha(opacity=0); } .search_show a:before { content: ""; width: 16px; height: 17px; display: inline-block; background-position: -210px -3px; vertical-align: middle; } .search_showac { right: 0px; opacity: 1; z-index: 2; filter: alpha(opacity=100); } .search_input { width: 185px; height: 33px; line-height: 33px; font-size: 16px; border: 1px solid #cccccc; border-radius: 25px 0 0 25px; color: #333333; padding-left: 15px; outline: none; font-family: "LT" !important; } .search_kuai { right: 0; position: absolute; width: 46px; height: 33px; background-color: #b02d2e; text-align: center; } .search_kuai img { display: inline-block; vertical-align: middle; } .foot { width: 100%; background: #272727; padding: 40px 0; text-align: center; position: absolute; bottom: 0; height: 153px; font-family: "LT"; } .footer { min-width: 320px; max-width: 1200px; margin: 0 auto; height: 100%; line-height: 24px; color: #ffffff; } .foot-top { display: table; clear: both; position: relative; margin: 0px auto; } .foot-top li { float: left; display: inline-block; margin: 3px 0px; } .foot-top li a { line-height: 18px; display: block; color: #fff; padding: 0 7px; font-size: 18px; position: relative; } .foot-top li~li { border-left: 2px solid #fff; } .foot-center { padding-top: 3px; font-size: 14px; line-height: 24px; color: #e5e5e5; } .foot-center span~span { margin-left: 25px; } .foot-bottom { font-size: 14px; line-height: 12px; padding: 5px 0; display: table; clear: both; margin: 0px auto; } .foot-bottom a { color: #fff; display: inline-block; padding: 0 7px; } .foot-bottom a~a { border-left: 1px solid #fff; } .cs-bot {} .top-second { background-color: #f7f7f7; position: absolute; left: 0; transform: translate3d(0, -105%, 0); transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); width: 100%; z-index: 899; overflow: hidden; opacity: 0; filter: alpha(opacity=0); } .secondShow { transform: translate3d(0, 0, 0); filter: alpha(opacity=100); opacity: 1; } .head-second { width: 94%; min-width: 320px; max-width: 1200px; min-height: 330px; margin: 0 auto; position: absolute; left: 0; right: 0; overflow: hidden; padding: 30px 0; transform: translate3d(0, -105%, 0); transition: all .4s cubic-bezier(0.25, 0.1, 0.25, 1); display: none \9; } .ul-b { display: block !important; transform: translate3d(0, 0, 0); margin-top: 0 \9; z-index: 99; } .head-second li:hover dl { display: block; } .head-second li dl { position: absolute; left: 25%; top: 0; border-left: 1px solid #ebebeb; display: table; clear: both; width: 35%; padding-right: 15%; height: 100%; display: none; } .head-second li dl dd { float: left; display: block; width: 100%; } .head-second li dl dd a { color: #666666; padding-left: 30px; } .h-img { position: absolute; display: none; width: 12%; max-width: 15%; max-height: 100%; right: 0; top: 0; } .head-second li dl dd:hover .h-img { display: block; width: 100%; } .second-li2 dl {} .sec-mune2 li dl { width: 40% !important; } .sec-mune2 dl dd { float: none !important; width: 100% !important; } .topshow_img { position: absolute; left: 50%; top: 0; height: 270px; border-left: 1px solid #ebebeb; padding-left: 30px; display: none; } .topshow2 { left: 24.8% !important; } .topshow_img img { margin-top: 10px; width: 385px; height: 215px; } .topshow_img_text { font-size: 18px; color: #666666; text-align: center; } .contnier { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .m-container { left: -100% !important; position: fixed; } .m-leftMume { position: fixed; z-index: 888; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; overflow: auto; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .m-xian { right: 0 !important; box-shadow: -5px 0px 10px rgba(0, 0, 0, .2); } .m-leftMume li { border-bottom: 1px solid #ddd; position: relative; line-height: 45px; padding: 0 20px; font-size: 16px; color: #333; position: relative; } .m-leftMume .left-close { line-height: 57px; border-bottom: 1px solid #ddd; position: relative; padding: 0 20px; font-size: 16px; color: #333; } .left-close a { color: #cc0000 } .m-leftMume li ul { display: none; margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; color: #fff; } .m-leftMume li a { display: block; } .m-leftMume li ul>li { border-bottom: 1px solid #aaa; margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; background-color: #f5f5f5; } .m-on { background-color: #cc0000; color: #fff !important; } .m-on>a { color: #fff; } .m-on2>a { color: #cc0000; } /*.m-on ul{display: block!important;}*/ .left-close span img { width: 100%; display: block; } .m-top { display: none; position: relative; width: 100%; max-width: 1024px; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); margin: 0px auto; } .m-center { height: 40px; margin: 0px auto; padding: 8px 15px; width: 100%; position: relative; display: table; clear: both; z-index: 99; } .m-t-left { float: right; margin-top: 7.5px; } .m-center a { display: block; } .m-t-left a { display: block; float: left; } .m-t-left a~a { margin-left: 25px; } .m-logo { float: left; } .m-logo img { height: 40px; } .m-leftMume li dl { width: 100%; position: relative; display: block; margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; } .m-leftMume li dl dd { border-bottom: 1px solid #aaa; margin-left: -25px; margin-right: -20px; padding-left: 25px; padding-right: 20px; } /*.m-second li a{padding-left: 30px;}*/ .m-lang { border-top: 3px solid #666666; padding: 30px 20px; font-size: 16px; display: none; } .m-lang p { color: #fff; line-height: 12px; margin-top: 20px; } .m-link-list a { display: inline-block; } .m-link-list a img { width: 30px; } .m-link-list a~a { margin-left: 10px; } .m-lang p a { color: #fff; display: inline-block; } .m-lang p a { padding: 0 10px; } .m-lang p a:first-child { padding-left: 0; border-right: 1px solid #fff; } .search-mshow { max-width: 400px; width: 90%; height: 40px; position: absolute; right: 0px; top: 80px; margin: 0px auto; left: 0; background-color: #f5f5f5; border-radius: 25px; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: none; } .search_showac { right: 0px; opacity: 1; z-index: 2; filter: alpha(opacity=100); } .sear-m-input { width: 90%; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #cccccc; border-radius: 25px 0 0 25px; color: #333333; padding-left: 15px; outline: none; font-family: "LT" !important; background-color: #f5f5f5; } .sear-m-kuai { right: 0; position: absolute; width: 60px; height: 40px; background-color: #b02d2e !important; text-align: center; top: 0; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; }