@charset "UTF-8";
* { margin: 0; padding: 0; }

html { font-family: "Microsoft YaHei"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #474747; margin: 0 auto; font-size: 12px; line-height: 24px; background: #ffffff; }

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

img { border: none; vertical-align: middle; }

a { color: #474747; text-decoration: none; outline: none; }

a:hover { color: #323233; }

button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

/*去除ipad，iphone按钮的默认样式*/
input { -webkit-appearance: none; outline: none; border-radius: 0; /*去除input默认样式*/ }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; /*去除高光样式*/ }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

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

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i { font-style: normal; }

b { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

@font-face { font-family: 'helvetica'; src: url("../font/helvetica.eot"); src: url("../font/helvetica.eot?#font-spider") format("embedded-opentype"), url("../font/helvetica.woff") format("woff"), url("../font/helvetica.ttf") format("truetype"), url("../font/helvetica.svg") format("svg"); font-weight: normal; font-style: normal; }
.helvetica { font-family: "helvetica"; }

@font-face { font-family: 'dinbold'; src: url("../font/dinbold.eot"); src: url("../font/dinbold.eot?#font-spider") format("embedded-opentype"), url("../font/dinbold.woff") format("woff"), url("../font/dinbold.ttf") format("truetype"), url("../font/dinbold.svg") format("svg"); font-weight: normal; font-style: normal; }
.dinbold { font-family: "dinbold"; }

.about_sec1 .dd1 ul li b { font-family: "dinbold"; }

.about_sec2 .title b { font-family: "dinbold"; }

.list_noticepage .list_notice dt b { font-family: "helvetica"; }

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

.single_text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.input[text]:focus { background-color: #fff; }

.box_sizing { -webkit-box-sizing: content-box; box-sizing: content-box; }

.trans { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

.w_1250 { width: 96%; max-width: 1250px; margin: 0 auto; }

.header { position: relative; z-index: 9; border-bottom: 1px solid #e0e0e0; }
.header .logo { float: left; line-height: 106px; height: 106px; }
.header .logo img { vertical-align: middle; }
.header .nav { float: right; }
.header .nav ul li { float: left; position: relative; }
.header .nav ul li > a { display: block; padding: 40px 18px; height: 26px; line-height: 26px; font-size: 16px; color: #1a1a1a; }
.header .nav ul .on > a { color: #c9151e; }
.header .search_icon { float: right; margin-top: 40px; width: 27px; height: 26px; background: url(../images/search_icon.jpg) no-repeat right center; }

.header .nav ul li > a:after { position: absolute; left: 0; top: 73px; width: 100%; height: 3px; background: #c9151e; content: ""; opacity: 0; }

.nav li dl { opacity: 0; visibility: hidden; position: absolute; left: 50%;margin-left: -60px;  top: 106px; width: 120px; padding: 19px 0px 23px; background: #fff; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(-5px); -webkit-transform: translateY(-5px); border-top: 1px solid #e6e6e6; }

.nav li dl dd { position: relative; }

.nav li dl dd a { position: relative; line-height: 34px; height: 34px; overflow: hidden; display: block; font-size: 16px; color: #333333; text-align: center; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.nav li dl dd a:hover { color: #c9151e; }

.nav li:hover dl { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.nav li dl dd:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #fafafa; transform: scaleX(0); -webkit-transform: scaleX(0); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.nav li dl dd:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); }

.header .nav li:hover > a { color: #c9151e; }

.header .nav .nav_line { position: absolute; top: 73px; height: 3px; background: #c9151e; opacity: 0; }

.header .nav .nav_line:after { position: absolute; left: 50%; top: 0; width: 0; content: ""; margin-left: -5px; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #c9151e; }

/* footer */
.footer_bot { width: 100%; background: #373737; line-height: 25px; padding: 10px 0; font-size: 14px; color: #c0c0c0; }
.footer_bot .left { float: left; }
.footer_bot .right { float: right; }
.footer_bot a { color: #c0c0c0; }

.footer { width: 100%; padding: 46px 0 45px; background: #c7c7c7 url(../images/footer_bg.jpg) no-repeat center; }
.footer h3.title { font-size: 16px; font-weight: bold; color: #1a1a1a; }
.footer .footer_left { float: left; width: 29.6%; margin-top: 14px; }
.footer .footer_left h3.title { margin-bottom: 21px; }
.footer .footer_left ul li { float: left; margin-right: 30px; }
.footer .footer_left ul li i { display: block; width: 40px; height: 40px; border-radius: 50%; background: #575757; text-align: center; line-height: 40px; overflow: hidden; margin: 0 auto 6px; }
.footer .footer_left ul li span { line-height: 24px; font-size: 14px; color: #1a1a1a; }
.footer .footer_contacttxt { float: left; width: 33.3%; margin-top: 14px; }
.footer .footer_contacttxt h3.title { margin-bottom: 4px; }
.footer .footer_contacttxt ul li { line-height: 30px; font-size: 14px; color: #1a1a1a; }
.footer .footer_contactmap { float: left; width: 40%; }
.footer .footer_contactmap img { max-width: px; width: 100%; }
.footer .footer_link { float: right; width: 19.68%; margin-top: 14px; }
.footer .footer_link h3.title { margin-bottom: 24px; }

.select { background: #fff; position: relative; border: 1px solid #fff; }

.select:after { content: ''; display: block; -webkit-transition: -webkit-transform .3s ease-out, top .3s ease-out; -webkit-transition: top .3s ease-out, -webkit-transform .3s ease-out; transition: top .3s ease-out, -webkit-transform .3s ease-out; transition: transform .3s ease-out, top .3s ease-out; transition: transform .3s ease-out, top .3s ease-out, -webkit-transform .3s ease-out; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #000000; position: absolute; right: 13px; top: 50%; margin-top: -4.5px; }

.select p { padding: 0 9px; line-height: 34px; cursor: pointer; font-size: 14px; color: #333333; }

.select ul { list-style-type: none; border: 1px solid transparent; width: 100%; overflow-y: auto; position: absolute; bottom: 34px; left: 0; height: 0; margin-left: -1px; }

.select ul li a { display: block; padding: 5px 9px; line-height: 20px; cursor: pointer; font-size: 14px; color: #4c4c4c; }

.select ul li:hover { background-color: #fafafa; }

.select ul li.selected { background-color: #fafafa; }

.select.open ul { height: 120px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; border-color: #cccccc; -webkit-transition: max-height .2s linear; transition: max-height .2s linear; background-color: #fff; }

.select.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s linear; transition: all .3s linear; }

/* nav */
html.overflow { height: auto; overflow: hidden; }

html.overflow .p-menuModal { -webkit-overflow-scrolling: touch; overflow-y: scroll; max-height: 100%; }

.menu_btn { position: absolute; right: 2.5%; top: 50%; margin-top: -21px; margin-right: 30px; display: inline-block; width: 32px; padding: 10px; }

.menu_btn.is-hidden { visibility: hidden; }

.menu_btn > * { display: block; height: 2px; background-color: #1b1b1b; -webkit-transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; margin-bottom: 8px; }

.is-white .menu_btn > * { background-color: #fff; }

.menu_btn .-top { width: 32px; }

.menu_btn .-middle { width: 32px; }

.menu_btn .-bottom { width: 32px; margin-bottom: 0; }

.menu_btn:hover .-top { width: 30px; }

.menu_btn:hover .-middle { width: 40px; }

.menu_btn:hover .-bottom { width: 50px; }

.p-menuModal { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background-color: #333333; overflow: auto; }

.p-menuModal.is-hidden { /*display: none*/ }

.modal_closebtn { display: block; width: 52px; height: 42px; width: 22px; height: 22px; padding: 10px 15px; position: absolute; right: 2.5%; top: 21px; }

.modal_closewrap { position: relative; display: block; width: 30px; height: 30px; }

.modal_closewrap .-left { position: absolute; left: 0; top: 50%; display: block; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.modal_closewrap .-left:before { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease 0s; transition: -webkit-transform .8s ease 0s; transition: transform .8s ease 0s; transition: transform .8s ease 0s, -webkit-transform .8s ease 0s; transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s; }

:hover > .modal_closewrap .-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); }

.modal_closewrap .-right { display: block; position: absolute; left: 0; top: 50%; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal_closewrap .-right:after { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease .1s; transition: -webkit-transform .8s ease .1s; transition: transform .8s ease .1s; transition: transform .8s ease .1s, -webkit-transform .8s ease .1s; transition: transform 0.8s ease 0.1s, -webkit-transform 0.8s ease 0.1s; }

:hover > .modal_closewrap .-right:after { -webkit-transform: translateX(100%); transform: translateX(100%); }

.modal_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.modal_menu { padding-top: 20px; }

.modal_menu ul li { margin-bottom: 20px; text-align: center; }

.modal_menu ul li > a { display: block; position: relative; padding-bottom: 12px; margin-bottom: 6px; font-size: 18px; color: #d8d7d7; }

.modal_menu ul li > a:after { position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 1px; background: #fe8f00; content: ""; }

.modal_menu dl dd { display: inline-block; }

.modal_menu dl dd a { line-height: 30px; font-size: 14px; color: #a4a4a4; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.modal_menu dl dd a:hover { color: #fff; }

.modal_menu dl dd i { font-size: 14px; color: #a4a4a4; }

.modal_menu dl dd:last-child i { display: none; }

.modal_menu ul li a em { display: block; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.modal_menu ul li a em:before { left: 0; position: absolute; top: 0; clip: rect(0, 0, 100px, 0); content: attr(data-content); color: #fe8f00; display: inline-block; zoom: 1; -webkit-transition: clip 1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }

.modal_menu ul li:hover em:before { clip: rect(0, 200px, 100px, 0); }

.modal_menu ul li > a:before { content: ""; width: 30px; height: 1px; background: #fe8f00; position: absolute; left: 50%; margin-left: -15px; bottom: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }

.modal_menu ul li:hover > a:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }

.menu_btn { display: none; }

/*popup*/
.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444; }

.hidden_search .btn { display: block; background: url(../images/search_icon2.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em; }

.hidden_search .search_wrap { border: 1px solid #e4eaec; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }

.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }

.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }

.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hidden_search .close_btn:after { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 25px; }

.hidden_search .close_btn:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #3e2528; }

.pop .cd-popup-close { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }

.pop .cd-popup-close:after, .pop .cd-popup-close:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }

.pop .cd-popup-close:before { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.pop .cd-popup-close:after { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 25px; }

.pop .cd-popup-close:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.pop .cd-popup-close:hover:after, .pop .cd-popup-close:hover:before { background: #2d1b1d; }

.hidden_search.on { display: block; }

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; text-align: center; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.is-visible .cd-popup-container { -webkit-transform: scale(1); transform: scale(1); }

/*20180612xg*/
.float_ewm{ position: fixed; right: 0px;  bottom: 100px;width: 108px; z-index: 9; }
.float_ewm .close_btn{ text-align: right; display: block;}
.float_ewm .close_btn a{font-size: 12px;color: #4c4c4c; }
.float_ewm .img{ width: 106px;height: 106px; border:1px solid #dbdbdb; }
.float_ewm .img img{ width: 100%;}
.float_ewm .txt{  width: 106px;  border:1px solid #dbdbdb;  border-top: none; background: #fff; text-align: center; font-size: 14px;color: #4c4c4c; }

@media only screen and (max-width: 1200px) { .footer .footer_left, .footer .footer_contacttxt { margin-bottom: 15px; }
  .footer .footer_left, .footer .footer_contacttxt, .footer .footer_contactmap, .footer .footer_link { width: 50%; }
  .header .nav { display: none; }
  .menu_btn { display: block; }
  .header .logo img { max-width: 300px; }
  .header .logo { height: 88px; line-height: 88px; }
  .header .search_icon { margin-top: 31px; } }
@media only screen and (max-width: 991px) { .footer_bot .left, .footer_bot .right { text-align: center; float: none; } }
@media only screen and (max-width: 768px) { .footer .footer_left, .footer .footer_contacttxt, .footer .footer_contactmap, .footer .footer_link { width: 100%; }
  
  .modal_content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

  
/*20180612xg*/
  .float_ewm{ display: none;}
   }
@media only screen and (max-width: 480px) {
.header .logo img { max-width: 220px;}

}
/*# sourceMappingURL=topfoot.css.map */