.xs-contents,.j-fontContent{position: relative;}
.zcqlc{position: absolute;top: 0;left: -56px;}
.zcqlc div{width: 56px;height: 232px;background-color: #164fa6;padding: 30px 16px 0;position: relative;font-size: 24px;color: #fff;font-weight: bold;cursor: pointer;line-height: 28px;}
.zcqlc div::after{content: '';width: 22px;height: 20px;background: url(/xxgk/dist/images/lrjt.png)left top no-repeat;position: absolute;left: 17px;bottom: 27px;}
.zcqlc:hover div::after{background: url(/xxgk/dist/images/lrjt.png)right top no-repeat;}
.zcqlc ul.yic{display: none;background-color: #fff;position: absolute;top: 0;left: 56px;width: 150px;box-shadow: 0px 5px 9px 0px rgba(22, 79, 166, 0.18);z-index: 99;padding: 10px 0 0;height: 100%;}
.zcqlc ul.yic>li{padding-left: 20px;position: relative;line-height: 36px;}
.zcqlc ul.yic>li::before{content: '';width: 6px;height: 6px;background-color: #dedede;border-radius: 50%;position: absolute;left: 8px;top: 50%;margin-top: -3px;}
.zcqlc ul.yic>li:hover>a,ul.yic li ul.erc li:hover a{color: #6aa0f3;}
.zcqlc:hover>ul.yic{display: block;}
ul.yic li ul.erc{background-color: #ffffff;box-shadow: 0px 5px 9px 0px rgba(22, 79, 166, 0.18);padding: 10px 25px;display: none;position: absolute;top: 0;left: 100px;z-index: 999;}
ul.yic li ul.erc li{line-height: 36px;width: 162px;}
ul.yic li:hover ul.erc{display: block;}

.mainbox{margin-top: 20px;}
.mainbox div{margin: 15px 0;}
.mainbox div span{font-size: 14px;color: #999999;display: inline-block;}
.mainbox>ul{position: relative;}
.mainbox>ul::before{content: '';width: 100%;height: 1px;background-color: #e2e2e2;position: absolute;left: 0;top: 3px;}
.mainbox>ul>li{position: relative;padding: 15px 0 20px;text-align: center;width: 16.66%;float: left;}
.mainbox>ul>li::before{content: '';width: 8px;height: 8px;background-color: #e2e2e2;border-radius: 50%;position: absolute;top: 0;left: 50%;margin-left: -3px;}
.mainbox>ul>li a{color: #999999;}
.list_main>ul>li{padding: 0 20px;}
.list_main>ul>li:nth-child(2n){background-color: #f6f6f6;margin-bottom: 20px;padding-top: 20px;}
.mainbox>ul>li:hover>a,.mainbox>ul>li>ul>li:hover a{color: #164fa6;}
.mainbox>ul>li:hover::before{width: 10px;height: 10px;background-color: #164fa6;margin-left: -5px;top: -1px;}
.mainbox>ul>li ul li{text-align: center;width: 120px;padding: 5px 0;}
.mainbox>ul>li ul li a{color: #333333;}
.mainbox>ul>li ul{padding: 10px 15px;border: 1px solid #164fa6;border-radius: 5px;position: absolute;left: 50%;top: 45px;background-color: #fff;z-index: 999;display: none;transform: translate(-50%);}
.mainbox>ul>li:hover ul{display: block;}