@charset "UTF-8";
@font-face { font-family: DINL; src: url("../font/DINPro-Light.ttf") format("truetype"); }
@font-face { font-family: DINR; src: url("../font/DINPro-Regular.ttf") format("truetype"); }
@font-face { font-family: DINM; src: url("../font/DINPro-Medium.ttf") format("truetype"); }
/*@font-face{font-family:fontL;src:url(../font/PingFang-Light.ttf) format('truetype');}
@font-face{font-family:fontR;src:url(../font/PingFang-Regular.ttf) format('truetype');}
@font-face{font-family:fontM;src:url(../font/PingFang-Medium.ttf) format('truetype');}
@font-face{font-family:fontB;src:url(../font/PingFang-Bold.ttf) format('truetype');}*/
article, aside, audio, blockquote, body, button, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, mark, menu, nav, ol, p, pre, section, summary, td, textarea, th, time, ul, video { margin: 0; padding: 0; border: 0; }

html { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

body { margin: 0 auto; background-color: #f4f7fa; color: #23282d; font: 14px/1.5 fontM,'微软雅黑','Microsoft YaHei',Arial,Verdana,Helvetica,sans-serif; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

a, a:active, a:focus, a:hover, a:visited { text-decoration: none; }

img { max-width: 100%; border: 0; vertical-align: top; }

a, img { -webkit-touch-callout: none; }

li, ol, ul { list-style: none; }

i { font-style: normal; }

button, input, select, textarea { outline: 0; color: #23282d; white-space: pre-wrap; word-wrap: break-word; font: 14px/1.5 fontM,'微软雅黑','Microsoft YaHei',Arial,Verdana,Helvetica,sans-serif; resize: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; }

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { box-shadow: inset 0 0 0 1000px #fff; }

button, input[type=button] { cursor: pointer; }

.clearfix:after { clear: both; display: block; overflow: hidden; height: 0; content: " "; }

.clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.oe1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.oe2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.oe3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.w1200 { margin: 0 auto; width: 1200px; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a9adb2; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #a9adb2; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #a9adb2; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a9adb2; }

a { color: #23282d; transition: color .3s ease; }

body { min-width: 1200px; }

.header { height: 150px; background-color: #ffffff; }
.header .logo { margin: 26px 0 25px; height: 46px; }
.header .logo img { float: left; }
.header .logo div { float: left; margin-left: 10px; line-height: 22px; }
.header .logo p { font-size: 24px; font-family: fontB, 'Microsoft YaHei', Arial; }
.header .logo span { font-size: 13px; font-family: fontR, 'Microsoft YaHei', Arial; color: #797e83; letter-spacing: -0.3px; }
.header .logo .logo_txt { font-family: PingFang; font-size: 20px; position: relative; margin-left: 30px; padding-top: 8px; }
.header .logo .logo_txt::before { position: absolute; content: ''; left: -14px; top: 0; height: 42px; width: 1px; background: #cdd2d7; }
.header .to_login a { float: left; margin-left: 40px; font-size: 15px; color: #3c4248; line-height: 74px; }
.header .to_login a:hover { color: #e74122; }
.header .nav li { float: left; margin-right: 58px; }
.header .nav a { display: block; padding-bottom: 14px; font-size: 18px; line-height: 36px; border-bottom: 3px solid transparent; }
.header .nav a:hover, .header .nav a.cur { color: #e74122; }
.header .nav a.cur { border-bottom-color: #e74122; }
.header .search_box dl { position: relative; width: 80px; height: 36px; cursor: pointer; z-index: 9; }
.header .search_box dl:hover dt:after { transform: rotate(180deg); }
.header .search_box dl:after { content: ''; position: absolute; top: 8px; right: 0; width: 1px; height: 20px; background-color: #e4e7e9; z-index: 3; }
.header .search_box dt { position: relative; padding-left: 16px; line-height: 36px; background-color: #f4f7fa; border-radius: 36px 0 0 36px; z-index: 2; }
.header .search_box dt:after { content: ''; position: absolute; top: 15px; right: 10px; width: 9px; height: 5px; background: url(../img/search_icon.png) no-repeat 0 0; transition: all .15s ease; }
.header .search_box dd { display: none; position: absolute; top: 36px; left: 0; padding: 6px 0 0; width: 100%; background-color: #ffffff; border-radius: 4px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
.header .search_box dd p { margin-bottom: 8px; padding-left: 16px; font-size: 14px; color: #23282d; line-height: 28px; }
.header .search_box dd p:hover { color: #e74122; background-color: #ffeae6; }
.header .search_box input { width: 180px; height: 36px; line-height: 36px; text-indent: 10px; background-color: #f4f7fa; }
.header .search_box button { width: 60px; height: 36px; font-size: 14px; color: #ffffff; border-radius: 0 36px 36px 0; background-color: #e74122; }

.footer { padding: 40px 0 32px; background-color: #3c4248; }
.footer .top h4 { margin-bottom: 20px; font-size: 18px; color: #fefeff; }
.footer .top p { font-size: 16px; color: #bbbfc3; line-height: 40px; }
.footer .top p a { color: #bbbfc3; }
.footer .top p a:hover { color: #ffffff; text-decoration: underline; }
.footer .top p span { font-family: DINR; color: #ffffff; }
.footer .item { float: left; width: 280px; }
.footer .w380 { width: 380px; }
.footer .w380 p { float: left; width: 108px; }
.footer .weChat { float: right; }
.footer .weChat .box { padding-top: 12px; }
.footer .weChat img { margin-right: 20px; width: 110px; height: 110px; }
.footer .weChat img:last-child { margin-right: 0; }
.footer .copyright { margin-top: 48px; font-size: 16px; color: #bbbfc3; text-align: center; line-height: 36px; }
.footer .copyright span { margin: 0 6px; }

.pages { padding: 24px 0 30px; height: 36px; font-size: 14px; }
.pages a, .pages span { float: left; margin-right: 10px; padding: 0 8px; min-width: 20px; height: 36px; line-height: 36px; color: #5a6066; border-radius: 4px; text-align: center; background-color: #ffffff; }
.pages a:hover { color: #e74122; }
.pages a.on { background-color: #e74122; color: #ffffff; }

.inner_banner { height: 200px; background-repeat: no-repeat; background-position: center 0; }

.crumbs { font-size: 16px; color: #989ca1; line-height: 60px; }
.crumbs a { display: inline-block; color: #3c4248; }
.crumbs span { font-family: simsun; }

/*# sourceMappingURL=base.css.map */