.zixun-bg {
    background-color: #f7f7f7;
}

.service-div {
    margin: 50px auto 20px;
}

.service-div ul li {
    position: relative;
    display: inline-block;
    margin: 0 83px;
    width: 70px;
    text-align: center;
    font-size: 16px;
}

.service-div ul li.active::after {
    position: absolute;
    bottom: -48px;
    left: 22px;
    z-index: -1;
    border-color: var(--text-write) transparent transparent;
    border-style: solid;
    border-width: 15px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    content: "";
    transform: rotate(-45deg);
}

.service-div ul li.active::before {
    position: absolute;
    bottom: -70px;
    left: 12px;
    display: block;
    width: 50px;
    height: 40px;
    background-color: var(--text-write);
    content: "";
}

.service-div .service-ico {
    display: block;
    margin-bottom: 25px;
    width: 70px;
    height: 52px;
}

.service-ico1 {
    background: url("../img/1service.png") center no-repeat;
}

.service-ico2 {
    background: url("../img/2service.png") center no-repeat;
}

.service-ico3 {
    background: url("../img/3service.png") center no-repeat;
}

.service-ico4 {
    background: url("../img/4service.png") center no-repeat;
}

.service-ico5 {
    background: url("../img/5service.png") center no-repeat;
}

.service-ico6 {
    background: url("../img/6service.png") center no-repeat;
}

.service-div ul li.active .service-ico1,
.service-div ul li:hover .service-ico1 {
    background: url("../img/1service-h.png") center no-repeat;
}

.service-div ul li.active .service-ico2,
.service-div ul li:hover .service-ico2 {
    background: url("../img/2service-h.png") center no-repeat;
}

.service-div ul li.active .service-ico3,
.service-div ul li:hover .service-ico3 {
    background: url("../img/3service-h.png") center no-repeat;
}

.service-div ul li.active .service-ico4,
.service-div ul li:hover .service-ico4 {
    background: url("../img/4service-h.png") center no-repeat;
}

.service-div ul li.active .service-ico5,
.service-div ul li:hover .service-ico5 {
    background: url("../img/5service-h.png") center no-repeat;
}

.service-div ul li.active .service-ico6,
.service-div ul li:hover .service-ico6 {
    background: url("../img/6service-h.png") center no-repeat;
}

.service-div ul li:hover span {
    color: var(--text-red);
}

.slogan {
    margin: 50px auto;
    color: #333333;
    text-align: center;
    font-size: 30px;
}

.service-kh ul li {
    position: relative;
    float: left;
    display: inline-block;
    overflow: hidden;
    margin-right: 40px;
    width: 270px;
    height: 379px;
}

.service-kh ul li:last-child {
    margin-right: 0;
}

.service-kh-tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-size: 100% 0;
    color: var(--text-write);
    text-align: center;
    line-height: 45px;
    transition: all 0.6s;
}

.service-kh-tit h3 {
    line-height: 35px;
}

.service-kh-nr {
    margin-top: 18px;
    font-size: 14px;
    line-height: 23px;
}

.service-kh-tit.hss {
    background-color: rgb(24, 52, 91, 0.6);
}

.service-kh-tit.hss h3 {
    margin-top: 110px;
}

.service-kh-tit.hss h3::after {
    display: block;
    margin: 14px auto;
    width: 50px;
    border-bottom: 5px solid;
    content: "";
}

.service-wh {
    margin-bottom: 60px;
}

.zixun-jishu {
    position: relative;
    padding: 70px 0;
    width: 50%;
    background: url("../img/counsel.png") 260px 50px no-repeat;
}

.jishu-tit {
    margin-bottom: 20px;
    color: #333333;
    font-size: 31px;
}

.zixun-jishu p {
    font-size: 16px;
}

.zixun-tel {
    position: relative;
    padding: 92px 0 70px;
    width: 35%;
    font-size: 16px;
}

.zixun-tel .lbh {
    font-weight: 800;
    font-size: 31px;
}

.zixun-tel .lbh img {
    margin-right: 8px;
}

.zixun-jishu .zixun-db {
    position: absolute;
    top: 105px;
    right: 45px;
    display: inline-block;
    padding: 13px 40px;
    border: 1px solid var(--text-red);
    border-radius: 30px;
    background-color: var(--text-write);
    color: var(--text-red);
    font-size: 18px;
}

.zixun-tel .zixun-db {
    position: absolute;
    top: 105px;
    right: 0;
    display: inline-block;
    padding: 13px 40px;
    border: 1px solid var(--text-red);
    border-radius: 30px;
    background-color: var(--text-write);
    color: var(--text-red);
    font-size: 18px;
}

.tips {
    position: relative;
    padding: 40px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
}

.sample {
    margin: 0 auto;
    width: 600px;
}

.tips-tit {
    color: #333333;
    text-align: center;
    font-size: 24px;
}

.tips-pre {
    margin-top: 20px;
    margin-bottom: 40px;
    color: #666666;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.sample .group-form>.group-label {
    width: 170px;
}

.sub {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 40px;
    border: 1px solid var(--text-red);
    border-radius: 5px;
    color: var(--text-red);
    background: ;
    text-align: center;
    font-size: 14px;
}

.form-control {
    border: 1px solid #ccc;
}

.checkbox input:checked+label:before {
    border: 1px solid var(--text-red);
    background-color: var(--text-red);
    color: var(--text-red);
}

.sample span {
    margin-right: 2px;
    color: var(--text-red);
}

.video-list .title-l {
    font-weight: 700;
}

.video-list .title-l:before {
    background-color: var(--text-red);
}

.video-list ul li {
    float: left;
    display: inline-block;
    margin: 0 20px;
}

.video-list ul li:nth-child(3n) {
    margin-right: 0;
}

.video-list ul li .video-img {
    padding: 5px;
    width: 340px;
    border: 1px solid var(--text-write);
    border-radius: 10px;
}

.video-list ul li .video-img img {
    width: 100%;
}

.video-list ul li span {
    display: block;
    margin: 26px 0;
    color: #333333;
    text-align: center;
    font-size: 16px;
}

.video-list ul li:hover span {
    color: var(--text-red);
}

.video-list ul li:hover .video-img {
    border: 1px solid var(--text-red);
}

.issue-search {
    margin: 20px auto;
    width: 600px;
    height: 50px;
    border-radius: 8px;
    background-color: #f3f3f3;
}

.tips-box::before {
    content: 20px;
}

.header .nav-list a:hover,
.nav-menu .nav-list .active>a,
.nav-menu .nav-list a,
.search-header,
.service-div span {
    color: #333333;
}

.nav-line {
    background-color: #333333;
}

.header i.globe {
    border-color: #333333;
    color: #333333;
}

.tips-box {
    margin-top: 30px;
}

.service-kh ul li:hover .service-kh-tit {
    height: 100%;
    border-radius: 5px;
    background-color: rgb(30, 64, 111, 0.8);
    background-size: 100% 100%;
    transition: all 0.8s;
}

.service-kh ul li:hover .service-kh-tit h3 {
    margin-top: 120px;
}

.service-kh ul li:hover .service-kh-tit h3::after {
    display: block;
    margin: 18px auto;
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background-color: var(--text-write);
    content: "";
}

.zixun-jishu .zixun-db:hover,
.zixun-tel .zixun-db:hover {
    background-color: var(--text-red);
    background-position: 0;
    background-size: 100% 2em;
    color: var(--text-write);
}

.common-btn {
    width: 60px;
    height: 50px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--text-red);
    color: var(--text-write);
    line-height: 50px;
}

.common-btn i {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 27px;
}

.common-nav {
    width: 80px;
}

.common-nav select {
    width: 80px;
    height: 50px;
    border: none;
    background: none;
    text-align: center;
    line-height: 50px;
}

.common-search input {
    padding: 20px;
    width: 400px;
    height: 50px;
    border: none;
    background: none;
    line-height: 50px;
}

.issue-list-nav {
    width: 255px;
    border: 1px solid #e6e6e6;
    background-color: #f7f7f7;
}

.issue-list-nav ul li {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #d0d0d0;
    font-size: 16px;
    line-height: 30px;
}

.issue-list-nav ul li:last-child {
    border-bottom: none;
}

.issue-list-nav ul li .issue-r {
    position: absolute;
    right: 15px;
    font-size: 16px;
}
.wert-ul{
	display: none;
}

.issue-list-nav a {
    color: #666666;
}

.issue-content {
    margin-left: 30px;
    width: calc(100% - 300px);
}

.issue-title {
    padding: 15px 20px;
    width: 100%;
    height: 60px;
    background-color: #e9e9e9;
    font-weight: 800;
    font-size: 16px;
    line-height: 30px;
}

.issue-title a {
    color: #333333;
}

.issue-title a:first-child {
    margin-right: 5px;
    font-size: 20px;
}

.issue-question-list {
    margin-top: 20px;
}

.issue-question-list ul li {
    position: relative;
    padding: 0 30px;
    border-bottom: 1px solid #d0d0d0;
    font-size: 14px;
    line-height: 60px;
}

.issue-question-list ul li span.q {
    position: absolute;
    top: 20px;
    left: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #666666;
    color: var(--text-write);
    text-align: center;
    line-height: 20px;
}

.issue-question-list ul li span.a {
    position: absolute;
    top: 60px;
    left: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #666666;
    color: var(--text-write);
    text-align: center;
    line-height: 20px;
}

a.hover span.q {
    background-color: var(--text-red);
    color: var(--text-write);
}

.issue-question .q-tit {
    color: #666666;
    font-weight: 700;
}

a.hover span.q-tit {
    color: var(--text-red);
}

.ans {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 20px;
    transform: rotate(-90deg);
}

a .ans {
    right: 0;
}

.icons {
    overflow: hidden;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
}

.tip1:after {
    position: absolute;
    top: -4px;
    left: 105px;
    display: block;
    width: 30px;
    height: 20px;
    background-color: var(--text-write);
    content: "";
}

.tip2:after {
    position: absolute;
    top: -4px;
    left: 345px;
    display: block;
    width: 30px;
    height: 20px;
    background-color: var(--text-write);
    content: "";
}

.tip4:after {
    position: absolute;
    top: -4px;
    right: 345px;
    display: block;
    width: 30px;
    height: 20px;
    background-color: var(--text-write);
    content: "";
}

.tip5:after {
    position: absolute;
    top: -4px;
    right: 105px;
    display: block;
    width: 30px;
    height: 20px;
    background-color: var(--text-write);
    content: "";
}

input[type="radio"]+label::before {
    display: inline-block;
    margin-right: 0.4em;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    content: "\a0";
    vertical-align: middle;
    text-indent: 0.15em;
    font-size: 18px;
    line-height: 1;
}

input[type="radio"]:checked+label::before {
    padding: 0.2em;
    background-color: var(--text-red);
    background-clip: content-box;
}

input[type="radio"] {
    position: absolute;
    top: -5px;
    right: 2px;
    left: 2px;
    opacity: 0;
}

span.ws-c {
    position: relative;
    color: #333333;
}

.common-nav {
    width: 90px;
    height: 50px;
    border: none;
    background: 0 0;
    text-align: center;
    line-height: 50px;
}

.common-btn input {
    display: block;
    margin: 15px auto;
    width: 17px;
    height: 17px;
    border: none;
    background-position: -472px -332px;
    cursor: pointer;
    transform: scale(1.2);
}

.zixun-jishu p.wpn {
    width: 300px;
    word-spacing: normal;
    line-height: 28px;
}