@charset "utf-8"; /* CSS Document */ /*Reset start*/ .fl { float: left; } .fr { float: right; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, legend, button, p, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; font-family: '微软雅黑', Arial, Helvetica, sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } fieldset, img { border: none; } img { vertical-align: top; border: 0 } a { text-decoration: none; outline: none; color: #000; } a:hover { color: #000; } a:focus { outline: none; color: #000; } a:hover, a:visited, a:active, a:link { text-decoration: none; } ol, ul { list-style: none outside none; padding: 0; margin: 0 } /*table{border-collapse:collapse;border-spacing:0;}*/ sub, sup { font-size: 80%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } var { font-family: '微软雅黑', Arial, Helvetica, sans-serif; font-style: normal; } var { font-family: '微软雅黑', Arial, Helvetica, sans-serif; padding-left: 3px; } input, select { outline: none; } body, button, input, select, textarea { font: 12px/1.5 '微软雅黑', Arial, Helvetica, sans-serif; padding: 0; margin: 0; font-style: normal; } .clearfix:after { content: "\20"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } .clearbox { border-top: transparent 0px solid; clear: both; font-size: 0; margin-top: 0px; visibility: hidden; overflow: hidden; height: 0; } .mw1200 { max-width: 1200px; margin: 0 auto; } .mw1000 { max-width: 1000px; margin: 0 auto; padding:0 15px; } em, i { font-style: normal; } @font-face { font-family: fontawesome;/*这里是说明调用来的字体名字*/ src: url(../fonts/glyphicons-halflings-regular.woff); /*这里是字体文件路径*/ } body { font-family: '微软雅黑', Arial, Helvetica, sans-serif; font-size: 14px; overflow-x: hidden; background: #fff; color: #000; } .bodymain { width: 100%; overflow: hidden; position: relative; left: 0; } .edit-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .edit-container.foot{ padding: 3px 0; } /*头部*/ .top-cross-bar { height: 40px; background-color: #f4f5f7; } .top-cross-bar .bar-right { float: right; } .top-cross-bar .bar-right .language { float: left; line-height: 40px; } .top-cross-bar .bar-right .language span { margin: 0 8px; } .top-cross-bar .bar-right .language a:hover { color: #d90000; } .top-cross-bar .bar-right .search { float: left; width: 196px; height: 27px; border: 1px solid #cacfd3; margin-top: 6px; position: relative; margin-left: 25px; } .top-cross-bar .bar-right .search .input-search { border: 0; width: 100%; height: 25px; float: left; padding: 0 30px 0 10px; font-size: 14px; } .top-cross-bar .bar-right .search .btn { width: 25px; height: 25px; background: url(../images/search-icon.png) center no-repeat; position: absolute; top: 0; right: 3px; } .topNavInner { height: 75px; background-color: #fff; } .topNavInner .logo { float: left; margin-top: 16px; } .topNavInner .navRight { float: right; margin-top: 0px; } .topNavInner .navRight li { float: left; line-height: 28px; font-size: 18px; position: relative; } .topNavInner .navRight>ul>li{ height: 75px; line-height: 92px; margin:0 2px; } .topNavInner .navRight>ul>li>a { /* display: block; */ padding: 0 0; padding: 0 18px; } .topNavInner .navRight>ul>li>a.active{ color: #e60021; padding-bottom: 15px; } .topNavInner .navRight>ul>li:hover>a{ color: #e60021; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #e60021; padding-bottom: 15px; } .topNavInner .navRight>ul>li> ul li:hover{background: #d90000;} .topNavInner .navRight>ul>li> ul li:hover>a{color: #fff;} .topNavInner .navRight li>ul { width: 100%; position: absolute; left: 0; top: 75px; z-index: 9; padding-left: 1px; } .indexNav_li_ul,.indexNav_li_ul_ul{display: none;} .topNavInner .navRight li>ul>li { float: none; line-height: 36px; font-size: 16px; text-align: center; position: relative; background-color: #fff; margin-bottom: 1px; } .topNavInner .navRight li>ul>li a { padding: 0; } .topNavInner .navRight li>ul>li>ul { left: 100%; top: 0; } /*mobi 头部及导航*/ .topNavMobi { width: 100%; height: 68px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999; border-bottom: 1px solid #cbd0d3; } .topNavMobi .mobiLogo { width: 99px; margin: 0 auto; padding-top: 10px; } .topNavMobi .mobiLogo img { display: block; width: 99px; } .topNavMobi .mobiLogo .jj-logo, .topNavMobi .mobiLogo .jj-logo img{ width:180px; margin-top:10px; } .mobirightNav { position: absolute; top: 0; left: 0; background: url(../images/mobirightNavBg.png) no-repeat center center; background-size: 25px 19px; width: 58px; height: 68px; } .mobirightSearch { position: absolute; top: 0; right: 0; background: url(../images/mobirightSearchBg.png) no-repeat center center; background-size: 20px 20px; width: 53px; height: 68px; } .mobirightSearch-box { width: 100%; position: absolute; top: 68px; left: 0; padding: 15px; background-color: #f4f5f7; display: none; } .mobirightSearch-box .cont { border: 1px solid #cacfd3; height: 40px; position: relative; } .mobirightSearch-box .input-search { border: 0; width: 100%; height: 38px; float: left; padding: 0 45px 0 10px; font-size: 14px; } .mobirightSearch-box .btn { width: 38px; height: 38px; background: url(../images/search-icon.png) center no-repeat; position: absolute; top: 0; right: 0; } .mobi_navfixed { position: fixed; width: 100%; left: -100%; top: 67px; height: 100%; background: #ffffff; z-index: 9999; display: none; border-top: 2px solid #cbd0d3; font-size: 16px; font-family: '方正准圆简体'; } .mobi_navfixed.current { left: 0; } .navfixed_con { position: relative; z-index: 100; width: 100%; height: 100%; overflow-y: auto; } .navfixed_con li { line-height: 68px; text-align: center; border-bottom: 1px solid #cbd0d3; font-size: 16px; } .navfixed_con li a { display: block; } .navfixed_con li a.active { color: #e60021; } .navfixed_con li dl { display: none; background-color: #f2f2f2; } .navfixed_con li dl dd { height: 50px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #e6e6e6; } .navfixed_con li dl dd:last-child { border: none; } .navfixed_con li dl dd a { display: block; height: 50px; line-height: 50px; } .navfixed_con .language { width: 100%; margin-top: 30px; font-size: 14px; text-align: center; } .navfixed_con .language a { display: inline-block; width: 135px; height: 30px; line-height: 30px; background-color: #cbd0d3; } .navfixed_con .language a.active { background-color: #e60020; color: #fff; } .pc_zhaopin{ text-align: center; } .m_zhaopin{ text-align: center; } /*底部 footer*/ .footer { background: url(../images/footer-bg.jpg) center no-repeat; background-size: cover; border-top: 1px solid #fe3232; } .footer .friendly-link { padding-top: 55px; } .footer .friendly-link .top-title { text-align: center; font-size: 20px; font-weight: bold; } .footer .friendly-link .list { margin-top: 10px; line-height: 28px; font-size: 14px; } .footer .friendly-link .block-w1 .list li { text-align: center; } .footer .friendly-link .block-w2 .list { padding: 0 20px; } .footer .friendly-link .block-w2 .list li { float: left; width: 50%; text-align: center; } .footer .friendly-link .list li a:hover { color: #d90000; } .footer .copyright { text-align: center; padding: 25px 0; } .footer .copyright .links, .footer .copyright .record { display: inline; } .footer .copyright .links span { margin: 0 15px; } .footer .copyright .links a { display: inline-block; } .footer .copyright .links a:hover { color: #d90000; } .footer .copyright .record { margin-left: 20px; } /*IE8提示*/ .ie8tips { display:none; } /*首页 banner*/ @media (min-width: 300px) and (max-width: 767px) { /*底部 footer*/ .footer .copyright .links, .footer .copyright .record { display: block; } .footer .copyright .record { font-size: 12px; margin: 5px 0 0 0; } } @media (min-width: 768px) and (max-width: 991px) { .bodymain { padding-top: 68px; } .edit-container { width: 750px; } } @media (min-width: 992px) and (max-width: 1199px) { .edit-container { width: 970px; } /*头部*/ .topNavInner .logo { margin-top: 20px; } .topNavInner .logo img { height: 35px; } .topNavInner .navRight li { font-size: 16px; } /*底部 footer*/ .footer .friendly-link .top-title { font-size: 18px; } .footer .friendly-link .list { font-size: 14px; } .footer .friendly-link .block-w2 .list { padding: 0; } } @media (min-width: 1200px) { .edit-container { width: 1200px; } } /*小屏适配*/ @media (max-width: 640px) { /*mobi 头部及导航*/ .mobi_navfixed { font-size: 14px; } .navfixed_con li { line-height: 50px; } } @media(max-width: 767px){ .companywrap ul li .companyright h3{font-size: 18px;} .companywrap ul li .companyright em{font-size: 12px;} .max_h3{margin-top: 20px;} .tzwrap span{display: block;line-height: 52px;padding:0 0 0 5px;} .timewrap .timetags ul li span{right:2px;} .zzwrap dl span em{margin:10px 12px 0 14px;position: relative;top:3px;} } .navRight li dl{ width: 100%; position: absolute; left: 0; top: 75px; z-index: 9; padding-left: 0px; display: none; } .navRight li dl dd{ float: none; line-height: 36px; font-size: 14px; text-align: center; position: relative; background-color: #fff; margin-bottom: 1px; } .navRight li dl dd:hover{ background: #ececec; }