/* header */
.header{position: fixed; top: 0; left: 0; right: 0; z-index: 9999;}
.head_wrap{height: 80px; background-color: #0d0d0b;}
.head_cont{position: relative; padding: 0 200px 0 200px;}
.head_lt{position: absolute; top: 21px; left: 0; z-index: 1; display: block;}
.head_lt>.icon{width: 152px; height: 38px;}
.head_rt{position: absolute; top: 0; right: 0; padding-left: 42px; padding-top: 22px;}
.head_rt>.icon{width: 32px; height: 32px; position: absolute; top: 24px; left: 0; z-index: 1;}
.head_rt>.icon>img{width: 100%; height: 100%;}
.head_rt>.txt{font-size: 12px; color: #ffffff; line-height: 12px;}
.head_rt>.num{font-size: 16px; color: #ffffff; line-height: 16px; font-weight: bold; margin-top: 8px;}
.head_cont_ul{text-align: center;}
.head_cont_li{margin: 0 100px; position: relative;}
.head_cont_li>.txt{font-size: 16px; color: #ffffff; line-height: 80px; display: block;}
.head_cont_li>.xian{width: 48px; height: 2px; background-color: transparent; font-size: 0; position: absolute; left: 50%; bottom: 6px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);}
.head_cont_li.act>.xian, .head_cont_li:hover>.xian{background-color: #ffffff;}
/* header_hover */
.head_hover{position: fixed; top: 80px; left: 0; right: 0; z-index: 199; background-color: rgba(13, 13, 11, 0.6); height: 0; overflow: hidden; transition: 0.3s ease-in-out;}
.head_h_ul{font-size: 0; text-align: left;}
.head_h_li{width: 19.5%; text-align: center; padding: 40px 0;}
.head_h_li .icon{width: 110px; height: auto; display: block; margin: 0 auto 14px;}
.head_h_li .txt{font-size: 14px; color: #ffffff; line-height: 14px;}
.head_h_ul2{text-align: left;}
.head_h_ul2>.head_h_li{padding: 40px 0; margin: 0 0; text-align: center; width: 20%;}
.head_h_ul2>.head_h_li .icon{width: 94px; height: auto; display: block; margin: 0 auto 24px;}
.head_h_ul2>.head_h_li .txt{font-size: 14px; color: #ffffff; line-height: 14px;}
.head_cont_li:last-child .head_h_ul{text-align: center;}

/* mask */
.header_mask{width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 9980; display: none;}

/* footer */
.footer{background-color: #161e26; padding-top: 50px;}
.footer_wrap{font-size: 0; padding-bottom: 60px;}
/* lt */
.foot_lt{display: inline-block; vertical-align: top; width: 150px;}
.foot_lt>.logo{display: block;}
.foot_lt>.logo>.icon{width: 140px; height: auto;}
.foot_lt>.logo>.txt{font-size: 12px; color: #626877;}
.foot_lt>.ewm{margin-top: 16px; text-align: center;}
.foot_lt>.ewm>.icon{width: 80px; height: 80px; display: block; margin: 0 auto;}
.foot_lt>.ewm>.txt{font-size: 12px; line-height: 12px; color: #afb8ca; text-indent: 12px; letter-spacing: 10px; margin-top: 10px;}
/* cont */
.foot_cont{display: inline-block; vertical-align: top; font-size: 0;}
.foot_c_list{display: inline-block; vertical-align: top; margin: 0 40px;}
.foot_c_list>.tit{font-size: 16px; color: #afb8ca; margin-bottom: 10px; cursor: default;}
.foot_c_list>.txt>a{font-size: 14px; color: #626877; line-height: 28px; display: block;}
.foot_c_list>.txt>a:hover{color: #afb8ca;}

/* rt */
.foot_rt{display: inline-block; vertical-align: top;}
.foot_rt>.tit{font-size: 0; margin-bottom: 10px;}
.foot_rt>.tit>.icon{width: 22px; height: 22px; display: inline-block; vertical-align: middle;}
.foot_rt>.tit>.txt{font-size: 16px; color: #afb8ca; display: inline-block; vertical-align: middle; margin-left: 8px;}
.foot_rt>.txt>div{font-size: 14px; color: #626877; line-height: 28px;}
/* 底部地址 */
.foot_bot_tit{font-size: 12px; color: #626877; line-height: 50px; text-align: center; border-top: 1px solid #3f4450;}