.icon { display: inline-block; line-height: 1; position: relative; vertical-align: middle; }
*,:after,:before,a,a:after,a:before,button,button:after,button:before,div,div:after,div:before,p,p:after,p:before { box-sizing: border-box; }
body { background-color: #fff; color: #3e4252; font-family: Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif; font-size: 16px; line-height: 1; min-width: 1200px; }
h1,h2,h3 { margin: 0; }
a { color: #3e4252; text-decoration: none; transition-duration: .3s; transition-property: color; }
a:hover { color: #920d14; }
button,input { background: transparent; border: 0; outline: 0; padding: 0; }
button { cursor: pointer; }
input { background-color: #f4f8fc; }

.h-text-5xl { font-size: 48px !important; }
.h-text-4xl { font-size: 36px !important; }
.h-text-3xl { font-size: 30px !important; }
.h-text-2xl { font-size: 24px !important; }
.h-text-xl { font-size: 20px !important; }
.h-text-lg { font-size: 18px !important; }
.h-text-md { font-size: 16px !important; }
.h-text-sm { font-size: 14px !important; }
.h-text-xs { font-size: 12px !important; }
.h-text-num { font-family: Roboto, sans-serif !important; }
.h-text-normal { font-weight: 400 !important; }
.h-text-bold { font-weight: bolder !important; }
.h-text-italic { font-style: italic !important; }
.h-text-unitalic { font-style: normal !important; }
.h-text-left { text-align: left !important; }
.h-text-center { text-align: center !important; }
.h-text-right { text-align: right !important; }
.h-text-justify { text-align: justify !important; }

.h-width-0 { width: 0 !important; }
.h-width-auto { width: auto !important; }
.h-width-inherit { width: inherit !important; }
.h-width-full { width: 100% !important; }

.h-height-0 { height: 0 !important; }
.h-height-auto { height: auto !important; }
.h-height-inherit { height: inherit !important; }

.h-bg-white { background-color: #fff !important; }
.h-bg-gray { background-color: #f4f8fc !important; }
.h-bg-inherit { background-color: inherit !important; }

.h-text-primary { color: #920d14 !important; }
.h-text-primary--hover:hover { color: #700a0f !important; }
.h-text-politic { color: #b50606 !important; }
.h-text-politic--hover:hover { color: #880505 !important; }
.h-text-red { color: #dc2626 !important; }
.h-text-red--hover:hover { color: #a51d1d !important; }
.h-text-yellow { color: #f59e0b !important; }
.h-text-yellow--hover:hover { color: #b87708 !important; }
.h-text-gary { color: #4b5563 !important; }
.h-text-gary--hover:hover { color: #38404a !important; }
.h-text-mute { color: #6b7280 !important; }
.h-text-mute--hover:hover { color: #505660 !important; }

.d-block { display: block; }
.d-inline-block { display: inline-block; }
.d-none { display: none !important; }

.o-hidden { overflow: hidden; }

.h-mt-10 { margin-top: 40px !important; }
.h-mt-9 { margin-top: 36px !important; }
.h-mt-8 { margin-top: 32px !important; }
.h-mt-7 { margin-top: 28px !important; }
.h-mt-6 { margin-top: 24px !important; }
.h-mt-5 { margin-top: 20px !important; }
.h-mt-4 { margin-top: 16px !important; }
.h-mt-3 { margin-top: 12px !important; }
.h-mt-2 { margin-top: 8px !important; }
.h-mt-1 { margin-top: 4px !important; }
.h-mt-0 { margin-top: 0 !important; }

.h-mr-10 { margin-right: 40px !important; }
.h-mr-9 { margin-right: 36px !important; }
.h-mr-8 { margin-right: 32px !important; }
.h-mr-7 { margin-right: 28px !important; }
.h-mr-6 { margin-right: 24px !important; }
.h-mr-5 { margin-right: 20px !important; }
.h-mr-4 { margin-right: 16px !important; }
.h-mr-3 { margin-right: 12px !important; }
.h-mr-2 { margin-right: 8px !important; }
.h-mr-1 { margin-right: 4px !important; }
.h-mr-0 { margin-right: 0 !important; }

.h-mb-10 { margin-bottom: 40px !important; }
.h-mb-9 { margin-bottom: 36px !important; }
.h-mb-8 { margin-bottom: 32px !important; }
.h-mb-7 { margin-bottom: 28px !important; }
.h-mb-6 { margin-bottom: 24px !important; }
.h-mb-5 { margin-bottom: 20px !important; }
.h-mb-4 { margin-bottom: 16px !important; }
.h-mb-3 { margin-bottom: 12px !important; }
.h-mb-2 { margin-bottom: 8px !important; }
.h-mb-1 { margin-bottom: 4px !important; }
.h-mb-0 { margin-bottom: 0 !important; }

.h-ml-10 { margin-left: 40px !important; }
.h-ml-9 { margin-left: 36px !important; }
.h-ml-8 { margin-left: 32px !important; }
.h-ml-7 { margin-left: 28px !important; }
.h-ml-6 { margin-left: 24px !important; }
.h-ml-5 { margin-left: 20px !important; }
.h-ml-4 { margin-left: 16px !important; }
.h-ml-3 { margin-left: 12px !important; }
.h-ml-2 { margin-left: 8px !important; }
.h-ml-1 { margin-left: 4px !important; }
.h-ml-0 { margin-left: 0 !important; }

.h-pt-10 { padding-top: 40px !important; }
.h-pt-9 { padding-top: 36px !important; }
.h-pt-8 { padding-top: 32px !important; }
.h-pt-7 { padding-top: 28px !important; }
.h-pt-6 { padding-top: 24px !important; }
.h-pt-5 { padding-top: 20px !important; }
.h-pt-4 { padding-top: 16px !important; }
.h-pt-3 { padding-top: 12px !important; }
.h-pt-2 { padding-top: 8px !important; }
.h-pt-1 { padding-top: 4px !important; }
.h-pt-0 { padding-top: 0 !important; }

.h-pr-10 { padding-right: 40px !important; }
.h-pr-9 { padding-right: 36px !important; }
.h-pr-8 { padding-right: 32px !important; }
.h-pr-7 { padding-right: 28px !important; }
.h-pr-6 { padding-right: 24px !important; }
.h-pr-5 { padding-right: 20px !important; }
.h-pr-4 { padding-right: 16px !important; }
.h-pr-3 { padding-right: 12px !important; }
.h-pr-2 { padding-right: 8px !important; }
.h-pr-1 { padding-right: 4px !important; }
.h-pr-0 { padding-right: 0 !important; }

.h-pb-10 { padding-bottom: 40px !important; }
.h-pb-9 { padding-bottom: 36px !important; }
.h-pb-8 { padding-bottom: 32px !important; }
.h-pb-7 { padding-bottom: 28px !important; }
.h-pb-6 { padding-bottom: 24px !important; }
.h-pb-5 { padding-bottom: 20px !important; }
.h-pb-4 { padding-bottom: 16px !important; }
.h-pb-3 { padding-bottom: 12px !important; }
.h-pb-2 { padding-bottom: 8px !important; }
.h-pb-1 { padding-bottom: 4px !important; }
.h-pb-0 { padding-bottom: 0 !important; }

.h-pl-10 { padding-left: 40px !important; }
.h-pl-9 { padding-left: 36px !important; }
.h-pl-8 { padding-left: 32px !important; }
.h-pl-7 { padding-left: 28px !important; }
.h-pl-6 { padding-left: 24px !important; }
.h-pl-5 { padding-left: 20px !important; }
.h-pl-4 { padding-left: 16px !important; }
.h-pl-3 { padding-left: 12px !important; }
.h-pl-2 { padding-left: 8px !important; }
.h-pl-1 { padding-left: 4px !important; }
.h-pl-0 { padding-left: 0 !important; }

.h-border-t { border-top: 1px solid #e6e6e7; }
.h-border-t-0 { border-top: 0; }
.h-border-r { border-right: 1px solid #e6e6e7; }
.h-border-r-0 { border-right: 0; }
.h-border-b { border-bottom: 1px solid #e6e6e7; }
.h-border-b-0 { border-bottom: 0; }
.h-border-l { border-left: 1px solid #e6e6e7; }
.h-border-l-0 { border-left: 0; }

.h-radius-1 { border-radius: 4px; }
.h-radius-2 { border-radius: 8px; }
.h-radius-3 { border-radius: 12px; }
.h-radius-4 { border-radius: 16px; }

.c-button{ background-color: #fff; border: 1px solid #e6e6e7; border-radius: 4px; color: #374151; display: inline-block; font-size: 14px; line-height: 1; padding: 12px 20px; text-align: center; transition: .1s; transition-duration: .3s; transition-property: border-color, background-color; white-space: nowrap; }
.c-button:hover { border-color: #920d14; }
.c-button--sm { padding: 10px 18px; }
.c-button--xs { padding: 8px 16px; }
.c-button--xxs { padding: 6px 12px; }
.c-button--primary { background-color: #920d14; border-color: #920d14; color: #fff; }
.c-button--primary:hover { background-color: #700a0f; border-color: #700a0f; color: #fff; }
.c-button--blue { background-color: #3b82f6; border-color: #3b82f6; color: #fff; }
.c-button--blue:hover { background-color: #1d4ed8; border-color: #1d4ed8; color: #fff; }
.c-button--yellow { background-color: #fbbf24; border-color: #fbbf24; color: #fff; }
.c-button--yellow:hover { background-color: #f59e0b; border-color: #f59e0b; color: #fff; }
.c-button--green { background-color: #10b981; border-color: #10b981; color: #fff; }
.c-button--green:hover { background-color: #059669; border-color: #059669; color: #fff; }
.c-button--outline,
.c-button--outline:hover { background-color: inherit; color: inherit; }
.c-button--pill { border-radius: 50em; }

.c-badge { background-color: #f4f8fc; border-radius: 4px; display: inline-block; font-size: 12px; padding: 4px 8px; }
.c-badge--green { background-color: #10b981; color: #fff; }
.c-badge--yellow { background-color: #f59e0b; color: #fff; }
.c-badge--red { background-color: #ef4444; color: #fff; }
.c-badge--pill { border-radius: 50em; }

.c-share__item { background-color: #f4f8fc; display: inline-block; font-size: 20px; margin-left: 6px; padding: 10px; position: relative; transition-duration: .1s; transition-property: color, background-color; }
.c-share__item:hover { color: #fff; }
.c-share__item:hover .c-share__qrcode { display: block; }
.c-share__item--url { color: #3e4252; }
.c-share__item--url:hover { background-color: #920d14; }
.c-share__item--weibo { color: #fb6622; }
.c-share__item--weibo:hover { background-color: #fb6622; }
.c-share__item--qq { color: #21b3f7; }
.c-share__item--qq:hover { background-color: #21b3f7; }
.c-share__item--wechat { color: #60c84d; }
.c-share__item--wechat:hover { background-color: #60c84d; }
.c-share__qrcode { bottom: 50px; box-shadow: 0 0 15px 5px rgba(146, 13, 20, .1); display: none; position: absolute; right: 0; width: 100px; z-index: 20; }
.c-share__qrcode .qrcode { width: 100px; }

.c-link-group:after { clear: both; content: ""; display: block; }
.c-link-group--slash .c-link { float: left; }
.c-link-group--slash .c-link:after { color: #d1d5db; content: "/"; display: inline-block; margin: 0 16px; }
.c-link-group--slash .c-link:last-child:after { content: ""; margin: 0; }

.tellu__image--scale { transition-duration: .3s; transition-property: transform; }
.tellu__image--scale:hover { transform: scale(1.02); }

.l-container { margin: 0 auto; padding: 0; width: 1200px; }
.l-container:after { clear: both; content: ""; display: block; }
.l-left { float: left !important; }
.l-right { float: right !important; }
.l-none { float: none !important; }
.l-clear:after { clear: both; content: ""; display: block; }

.header { background-color: #fff; }
.header .l-container {padding:15px 0; }
.site-logo { background-image:url(../images/logo.png); background-position:50%; background-repeat:no-repeat; background-size: 100% 100%; height:61px; margin-top:5px; text-indent: -9999px; width:289px; }

.navbar { background: rgba(146, 13, 20, .95); background: linear-gradient(135deg, rgba(146, 13, 20, .95), rgba(120, 8, 13, .95)); line-height: 58px; position: relative; z-index: 11; }
.navbar__link,.navbar a { color: #fff; }
.navbar__item { float: left; font-size: 16px; position: relative; text-align: center; width: 133.3333333333px; }
.navbar__item:after { background-color: hsla(0, 0%, 100%, .2); border-bottom: 3px solid #700a0f; bottom: 0; content: ""; display: block; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; transition-duration: .3s; transition-property: width; width: 0; z-index: 5; }
.navbar__item:hover .navbar__subnav { display: block; }
.navbar__item.is-active:after,.navbar__item:hover:after { width: 100%; }
.navbar__title { display: inline-block; height: 100%; position: relative; width: 100%; z-index: 10; }

.footer { color: #fff; font-size:14px; margin-top: 50px; position: relative; background-position:50%; background-repeat:no-repeat; background-size: 100% 100%; }
.footer:after { background-color: rgba(146, 13, 20); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; }
.footer a { color: #fff; }
.footer__body,.footer__footer,.footer__header { position: relative; z-index: 11; }
.footer__footer,.footer__header { height: 60px; line-height: 60px; }
.footer__header { background:#920d14; border-bottom: 1px solid rgba(255,255,255,.2); }
.footer__body { line-height: 2; padding: 25px 0; z-index: 10; }
.footer__footer { border-top: 1px solid rgba(255,255,255,.2); overflow: hidden; }

.friendly,.friendly__title { display: inline-block; }
.friendly__icon { float: right; margin-left: 8px; transition-duration: .3s; transition-property: transform; }
.friendly__menu { background-color: rgba(35,39,43,.5); display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 60px; transition-duration: .3s; transition-property: height; width: 100%; }
.friendly__link { border-radius: 2px; padding: 10px 12px; transition-duration: .3s; transition-property: background-color; }
.friendly__link:hover { background-color: rgba(0,0,0,.22); color:#fff; }
.friendly:hover .friendly__icon { transform: rotate(-180deg); }
.friendly:hover .friendly__menu { height: 100%; }

.address,.contact-us,.logo-sign { border-right: 1px solid rgba(255,255,255,.2); float: left; margin-right: 25px; padding-right: 25px; }
.address,.contact-us { width: 345px; }
.logo-sign { width: 135px; }
.logo-sign__item { height:110px; width:auto; }

.media-platform { float: right; width: 230px; }
.media-platform__item { display: inline-block; text-align: center; width: 105px; }
.media-platform__qrcode { border: 5px solid #fff; width: 100%; }

.beian { float: right; }
.beian__item { border-radius:4px; padding:5px 10px 4px; transition-duration:.3s; transition-property:background-color; }
.beian__item:hover { background-color: #2e4e73; }
.beian__image { display:inline-block; height:18px; margin-right:2px; position:relative; top:3px; width:18px; }

.elevator { background-color: #fff; bottom: 100px; box-shadow: 0 0 15px 5px rgba(146, 13, 20, .1); position: fixed; right: 20px; z-index: 20; }
.elevator__item { border-bottom: 1px solid #eff5fd; cursor: pointer; display: block; font-size: 14px; height: 80px; padding: 12px 0; position: relative; text-align: center; transition: unset; transition-duration: .3s; transition-property: color; width: 80px; }
.elevator__item--backtop { background-color: #920d14; border: 0; color: #fff; height: 75px; transition-duration: .3s; transition-property: background-color; }
.elevator__item--backtop i { color: #fff; }
.elevator__item--backtop:hover { background-color: #700a0f; color: #fff; }
.elevator__item--backtop:hover i { color: #fff !important; }
.elevator__item:hover .elevator__subcon { display: block; }
.elevator__item:hover i { color: #920d14; }
.elevator__icon { color: #920d14; display: block; font-size: 30px; margin-bottom: 6px; transition-duration: .3s; transition-property: color; }
.elevator__subcon { background-color: #fff; box-shadow: 0 0 15px 5px rgba(146, 13, 20, .1); display: none; left: -160px; min-height: 80px; padding: 10px; position: absolute; top: 0; width: 154px; }
.elevator__subcon img { width: 100%; }