@charset "UTF-8";
/*全局样式*/
* { padding: 0; margin: 0; }

li { list-style: none; box-sizing: border-box; }

a, label { display: block; }

i { font-style: normal; }

img, span, strong, u, b, i { display: inline-block; }

a, u { text-decoration: none; }

a { outline: none; }

a:hover { text-decoration: none; background: none; }

a:focus { text-decoration: none; outline: none; background: none; }

input[type=text] { appearance: button; -webkit-appearance: button; box-sizing: border-box; }

input[type=password] { appearance: button; -webkit-appearance: button; box-sizing: border-box; }

input[type=date] { appearance: button; -webkit-appearance: button; }

textarea { resize: none; appearance: button; -webkit-appearance: button; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 0px; }

input[type="checkbox"] { border-radius: 2px; }

button { border: none; }

input, button, select { outline: none; }

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

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

h1, h2, h3, h4, h5, h6, ul, ol, dl, p, table, label { margin: 0; }

body { font-family: "微软雅黑", "宋体", "Arial", "Verdana", "Helvetica"; }

body { min-width: 1170px; }

div, ul, ol, form, a { box-sizing: border-box; }

.clearfix:after { height: 0; clear: both; font-size: 0; content: "."; display: block; visibility: hidden; }

.free_editing { color: #888; font-size: 14px; line-height: 28px; font-family: "宋体"; }
.free_editing img { max-width: 100%; height: auto; }

/* header */
.header-box { width: 100%; z-index: 1000; padding: 0px 10%; }
.header-box .header { width: 100%; background: #fff; padding-top: 20px; padding-left: 30px; padding-right: 10px; padding-bottom: 10px; border-radius: 0px 0px 5px 5px; }
.header-box .logo { float: left; width: auto; }
.header-box .logo img { width: 100%; display: block; }
.header-box .header-nav { width: auto; float: right; }
.header-box .header-nav li { width: auto; position: relative; display: inline-block; }
.header-box .header-nav li:hover .nav-list-title a { color: #d80808; }
.header-box .header-nav li:hover .nav-list-con { opacity: 1; filter: alpha(opacity=100); transform: translate3d(0%, 0, 0) scale(1); }
.header-box .header-nav .nav-list-title { width: 100%; position: relative; z-index: 12; }
.header-box .header-nav .nav-list-title a { color: #000; font-size: 16px; line-height: 30px; padding: 0px 30px; }
.header-box .header-nav .nav-list-title u { width: 100%; height: 20px; display: none; background-image: url(../images/icon01.png); background-repeat: no-repeat; background-position: center; background-size: 10px; }
.header-box .header-nav .active a { color: #d80808; }
.header-box .header-nav .active u { display: block; }
.header-box .header-nav .nav-list-con { opacity: 0; width: auto; min-width: 100%; filter: alpha(opacity=0); transform: translate3d(-50%, 0, 0) scale(0); transform-origin: 50% 0; transition: all 150ms ease-in-out; position: absolute; top: 0px; z-index: 10; padding-top: 80px; }
.header-box .header-nav .nav-list-con .nav-list-con2 { width: 100%; position: relative; box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.2); }
.header-box .header-nav .nav-list-con .nav-list-con2:before { width: 100%; height: 20px; content: ""; display: block; background-image: url(../images/submenu-arrow.svg); background-position: 50% 10px; background-repeat: no-repeat; position: absolute; left: 0px; top: -20px; }
.header-box .header-nav .nav-list-con a { color: #333; padding: 15px; font-size: 14px; background: #fff; line-height: 20px; white-space: nowrap; word-break: keep-all; text-align: center; border-top: 1px dashed #eee; }
.header-box .header-nav .nav-list-con a:first-child { border-top: none; border-radius: 5px 5px 0px 0px; }
.header-box .header-nav .nav-list-con a:last-child { border-radius: 0px 0px 5px 5px; }
.header-box .header-nav .nav-list-con a:hover { background: #f8f8f8; }

.header-box.animated { position: fixed; top: 0px; left: 0px; transition: all .2s ease-in-out; }

.header-box.animated.slideDown { top: -100px; }

.header-box.animated.slideUp { top: 0; }

/* footer */
.bottom { width: 100%; padding-top: 60px; position: relative; z-index: 110; background: #1a1c1f; }
.bottom .footer { width: 100%; margin-bottom: 80px; }
.bottom .footer-nav, .bottom .footer-right { float: left; width: 50%; }
.bottom .footer-nav dl { float: left; width: 33.33%; }
.bottom .footer-nav dl dt { color: #fff; font-size: 16px; line-height: 20px; padding-left: 20px; margin-bottom: 25px; background-image: url(../images/icon06.png); background-position: left center; background-repeat: no-repeat; background-size: 10px 11px; }
.bottom .footer-nav dl dd a { color: #fff; opacity: 0.3; font-size: 12px; line-height: 30px; font-family: "宋体"; padding-left: 20px; }
.bottom .footer-nav dl dd a:hover { color: #d80808; }
.bottom .footer-contact { width: 100%; margin-bottom: 55px; }
.bottom .footer-contact .footer-contact-left { width: 80%; float: left; }
.bottom .footer-contact .footer-contact-right { width: 20%; float: left; padding-top: 55px; }
.bottom .footer-contact h2 { color: #fff; font-size: 16px; line-height: 20px; margin-bottom: 25px; }
.bottom .footer-contact h4 { color: #fff; opacity: 0.3; font-size: 14px; line-height: 30px; font-family: "宋体"; margin-bottom: 5px; }
.bottom .footer-contact p { color: #fff; opacity: 0.3; font-size: 12px; line-height: 30px; font-family: "宋体"; }
.bottom .footer-contact .code { width: 110px; display: block; }
.bottom .footer-message { width: 100%; }
.bottom .footer-message h4 { color: #fff; opacity: 0.3; font-size: 14px; line-height: 30px; font-family: "宋体"; margin-bottom: 10px; }
.bottom .footer-message li { float: left; width: 33.33%; padding: 0px 10px; margin-bottom: 10px; }
.bottom .footer-message .widthO { width: 100%; }
.bottom .footer-message .footer-text { width: 100%; color: #fff; font-size: 12px; line-height: 22px; padding: 6px 15px; background: none; font-family: "宋体"; border: 1px solid rgba(255, 255, 255, 0.3); }
.bottom .footer-message .submit-btn { color: #fff; width: 180px; font-size: 14px; margin-top: 10px; font-family: "宋体"; line-height: 36px; text-align: center; letter-spacing: 5px; background: #767779; }
.bottom .copyright { color: #888; width: 100%; padding: 15px; font-size: 12px; background: #fff; font-family: "宋体"; line-height: 20px; text-align: center; border-radius: 5px 5px 0px 0px; }
.bottom .copyright span { margin-right: 10px; }
.bottom .copyright a { color: #888; padding: 0px 10px; position: relative; display: inline-block; }
.bottom .copyright a:before { width: 1px; height: 12px; content: ""; display: block; background: #b2b2b2; position: absolute; top: 4px; left: -3px; }

/* load */
.load-more { width: 100%; text-align: center; }
.load-more a { color: #d80808; font-size: 12px; line-height: 20px; font-family: "宋体"; padding: 12px 60px; border-radius: 30px; display: inline-block; border: 1px solid rgba(216, 8, 8, 0.2); }

@media screen and (max-width: 1699px) { .header-box .header-nav .nav-list-title a { padding: 0px 20px; } }
@media screen and (max-width: 1499px) { .header-box .header-nav .nav-list-title a { font-size: 14px; padding: 0px 15px; } }
@media screen and (max-width: 1299px) { .header-box { padding: 0px 5%; } }

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