@charset "utf-8";

.YqljPart{ background-color: #f8f8f8; height: 60px; }
.YqljPart #YqljUlList{ display: flex; position: relative; padding-left: 1px;}

#YqljUlList li.d>ul.layui-menu{ display: none; }
#YqljUlList li.d{ position: relative; box-sizing: border-box; padding-right: 1px; width: calc(100% / 4); height: 60px; display: flex; align-items: center; justify-content: center; }
#YqljUlList::before,
#YqljUlList li.d::after{ content: ''; display: block; position: absolute; top: calc(50% - 10px); width: 1px; height: 20px; background-color: #999; pointer-events: none; }
#YqljUlList::before{ left: 0px; }
#YqljUlList li.d::after{ right: 0; }
#YqljUlList li.d>font{ position: relative; font-size: 18px; user-select: none; color: #222; line-height: 1.5; display: block; padding-right: 36px; cursor: pointer; }
#YqljUlList li.d>font::after{ content: ''; display: block; position: absolute; right: 0; top: calc(50% - 5px); border-top: 10px solid #999; border-left: 8px solid transparent; border-right: 8px solid transparent; pointer-events: none;}

/*下拉框*/
.YqljDropDown.layui-dropdown {overflow-x: hidden;max-height:220px;width:350px;border: 1px solid #c2c5c7;box-shadow: 0px 0px 10px -2px #ffd0d3;}
.YqljDropDown.layui-dropdown::-webkit-scrollbar {width: 5px;background: transparent;}
.YqljDropDown.layui-dropdown::-webkit-scrollbar-button {display: none;}
.YqljDropDown.layui-dropdown::-webkit-scrollbar-track-piece {background: #e4e4e4;}
.YqljDropDown.layui-dropdown::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 5px;}
.YqljDropDown.layui-dropdown .layui-menu-body-title a {white-space: normal;line-height: 1.3;padding: 9px 15px;}





.FooterPart{ padding: 35px 0; background-color: var(--main-color); min-height: 170px; }
.FooterPart .w1400{ display: flex; justify-content: space-between; }

.FootMain{ width: 780px; }

.FooterNavs p{ display: block; }
.FooterNavs span{ font-size: 18px; color: #fff; line-height: 1.5; }
.FooterNavs span + span{ margin-left: 10px; }
.FooterNavs a{ color: inherit !important; font-size: inherit;}
.FooterNavs a:hover{ text-decoration: underline; }


.FooterText{ padding: 10px 0; }
.FooterText p{ padding-top: 10px; }
.FooterText span{ font-size: 18px; color: #fff; line-height: 1.5; }
.FooterText span + span{ margin-left: 15px; }
.FooterText a{ color: inherit !important; font-size: inherit;}
.FooterText a:hover{ text-decoration: underline; }

.FootDzjg{ display: flex; flex-direction: column; align-items: center; }

.FootCardBox{ display: flex; }
.FootCardBox .FootImg + .FootImg{ margin-left: 30px; }
.FootCardBox .FootImg img{ max-width: 120px; }
.FootCardBox .FootImg dl{ display: flex; align-items: center; }
.FootCardBox .FootImg dl dd + dd{ margin-left: 20px; }
.FootCardBox .FootImg p{ font-size: 16px; text-align: center; display: block; position: relative; line-height: 1.8; margin-top: 0.5em; color: #FFF;}