* {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

*,
:after,
:before {
    box-sizing: border-box;
}

body,
html {
    width: 100%;
    height: 100%;
}

html {
    font-family: 'Microsoft YaHei';
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'Microsoft YaHei';
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    line-height: 1;
    --theme-color01: #0168b7;
    --theme-color02: #ff9600;
}

body,
html {
    font-size: 20px;
    color: #191f25;
}

[role=button],
a,
button,
input:not([type=range]),
label,
select,
textarea {
    touch-action: manipulation;
}

button,
[role=button],
html input[type=button],
input[type=reset],
input[type=submit],
[type=reset],
[type=submit],
html [type=button] {
    -webkit-appearance: button;
    cursor: pointer;
}

div,
button,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

ul,
li {
    list-style: none;
}

div {
    zoom: 1
}

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
    color: inherit;
}

em {
    font-style: normal;
}

img {
    border: none;
}
/********** main-head ***********/
.main-head{
    width: 100%;
    height: 96px;
    background-color: #fff;
    /*position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    border-bottom: 1px solid #ccc;*/
}
.main-head .content{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.main-head .content .left{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding-top: 15px;
}
.main-head .left .logo-box{
    display: block;
    height: 64px;
}
.main-head .left .logo-box img{
    height: 100%;
}
.main-head .content .right{
    float: right;
    height: 100%;
}
.main-head .nav-list{
    height: 100%;
}
.main-head .nav-list::after{
    content: "";
    display: block;
    clear: both;
}
.main-head .nav-item{
    /* width: 85px; */
    height: 100%;
    float: left;
    position: relative;
    margin-left: 32px;
}
.main-head .nav-item .top-box{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 30px;
}
.main-head .nav-item .top-box .icon{
    float: left;
    height: 100%;
    opacity: 1;
    padding-right: 7px;
    /* display: none; */
    opacity: 0;
}
.main-head .nav-item.active .top-box .icon{
    /* display: block; */
    opacity: 1;
}
.main-head .nav-item:hover .top-box .icon{
    opacity: 1;
}
.main-head .nav-item .top-box .icon .icon01{
    display: block;
    width: 7px;
    height: 26px;
    margin-bottom: 4px;
    background-color: #005389;
    background: linear-gradient(to top, #3c8cc8, #e4eff7);
}
.main-head .nav-item .top-box .icon .icon02{
    display: block;
    width: 7px;
    height: 4px;
    background-color: #0068b7;
}
.main-head .nav-item .top-box .text{
    float: left;
    font-size: 12px;
    color: #333;
    font-weight: 900;
    /*text-shadow: 0px 0px 1px #333;*/
}
.main-head .nav-item.active .top-box .text{
    /* color: #0068b7;
    text-shadow: 0px 0px 1px #0068b7; */
    /* font-weight: 600; */
}
.main-head .nav-item:hover .top-box .text{
    /* color: #0068b7;
    text-shadow: 0px 0px 2px #0068b7; */
    /* font-weight: 600; */
}
.main-head .nav-item .top-box .text h4{
    font-size: 16px;
}
.main-head .nav-item .top-box .text p{
    padding-top: 8px;
}
.main-head .nav-item .down-box{
    width: 100%;
    position: absolute;
    left: 0;
    top: 96px;
    background-color: #fff;
    display: none;
    margin-left: -15px;
}
.main-head .nav-item:hover .down-box{
    display: block;
}
.main-head .nav-item .down-box .down-item{
    width: 100%;
    height: 32px;
    border-top: 1px solid #eee;
}
.main-head .nav-item .down-box .down-item .text{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #444;
}
.main-head .nav-item .down-box .down-item:hover .text{
    color: #005389;
    font-weight: 600;
}

/********** input ***********/
input {
    text-indent: 0;
    background: transparent;
    border: none;
    resize: none;
    outline: none;
    /*清除选中效果的默认蓝色边框 */
    -webkit-appearance: none;
    /*清除浏览器默认的样式 */
    line-height: normal;
    /*光标问题*/
}

input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 18px;
}

input::-moz-placeholder {
    color: #ccc;
    font-size: 18px;
}

input::-ms-input-placeholder {
    color: #ccc;
    font-size: 18px;
}


.banner-box {
    width: 100%;
    height: 520px;
    background-color: #012d4f;
    position: relative;
}

.banner-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-txt-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    /* display: flex;
          align-items: center;
           flex-wrap: wrap; */
    color: #fff;
}

.banner-txt-box .banner-marketing-skill {

font-size: 24px;

font-weight: normal;

font-stretch: normal;

letter-spacing: 0px;

color: #ffffff;

display: flex;

border: 1px solid #006ab4;

align-items: center;

max-width: 600px;

transform: scale(0.8);

margin-left: 59px;
}

.banner-txt-box .banner-marketing-skill .skill {
    background-color: #006ab4;
    padding: 4px 8px;
    font-family: 'Microsoft YaHei';
}

.banner-txt-box .banner-marketing-skill .project {
    padding: 4px 8px;
}

.banner-txt-box .banner-marketing-skill .project span:nth-child(1) {
    font-family: 'Microsoft YaHei';
}

.banner-txt-box .banner-marketing-skill .project span:nth-child(2) {
    white-space: nowrap;
}

.banner-txt-box .banner-growth-gap {
    display: flex;
    justify-content: start;
    margin-top: 25px;
    font-family: 'Microsoft YaHei';
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 4px;
    color: #ffffff;
    position: relative;
    /* width: 100%; */
    transform: scale(0.8);
}

.banner-txt-box .banner-growth-gap .national-debut {
    font-family: 'Microsoft YaHei';
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fde3bb;
    width: 112px;
    height: 124px;
    position: absolute;
    left: 620px;
    top: -151px;
}


.banner-txt-box .banner-growth-gap .national-debut img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.national-txt {
    position: absolute;
    top: 47px;
    left: 14px;
    transform: rotate(-26deg);
}

.debut-txt {
    position: absolute;
    top: 76px;
    left: 28px;
    transform: rotate(-26deg);
}

.banner-txt-box .banner-career-solution {
    font-family: 'Microsoft YaHei';
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: 20px;
    position: relative;
    transform: scale(0.8);
}

.banner-txt-box .banner-career-solution .arrow {
    position: absolute;
    top: 0;
    left: 8px;
}

.banner-txt-box .banner-career-solution .lawyer {
    position: absolute;
    top: 0;
    left: -1PX;
}

.banner-txt-box .banner-career-solution .solution-txt {
    margin-left: 169px;
}
.banner-txt-box .banner-career-solution .solution-txt .sp{
    color: #f89800;
    font-size: 60px;
    font-weight: bold;
}

.banner-txt-box .banner-professional-marketing {

font-size: 40px;

letter-spacing: 0px;

margin-top: 21px;

font-family: 'Microsoft YaHei';

color: #f4833f;

transform: scale(0.8);
}

.industry-analysis {
    width: 100%;
    height: 1008px;
    background: #FFF;
    position: relative;
    padding-top: 104px;
}

.industry-img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.analysis-title {
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    width: 100%;
    text-align: center;
}

.lawyers-number-box {
    margin: 0 auto;
    margin-top: 100px;
    display: flex;
    width: 1064px;
    justify-content: space-between;
    position: relative;

}

.lawyers-number-box .picture {
    width: 523px;
    height: 313px;
}

.lawyers-number-box .dialog {
    position: absolute;
    width: 463px;
    height: 197px;
    bottom: 50px;
    right: 0;
}

.lawyers-number-box .dialog .dialog-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 6px;
}

.lawyers-number-box .dialog .dialog-txt {
    position: absolute;
    left: 101px;
    bottom: 60px;
    width: 308px;
    height: 123px;
    line-height: 35px;
    letter-spacing: 1px;
    font-family: 'Microsoft YaHei';
}

.case-number-box {
    margin: 0 auto;
    margin-top: 85px;
    display: flex;
    width: 1064px;
    position: relative;
    flex-direction: row-reverse;
}

.case-number-box .picture {
    width: 523px;
    height: 313px;
    /* position: absolute;
          right: 0; */
}

.case-number-box .dialog {
    position: absolute;
    width: 463px;
    height: 197px;
    bottom: 50px;
    left: 0;
}

.case-number-box .dialog .dialog-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 6px;
}

.case-number-box .dialog .dialog-txt {
    position: absolute;
    right: 101px;
    bottom: 60px;
    width: 308px;
    height: 123px;
    line-height: 35px;
    letter-spacing: 1px;
    font-family: 'Microsoft YaHei';
}

.lawyers-number-box .sp,
.case-number-box .sp {
    color: #006ab4;
}

.lawyer-power {
    width: 100%;
    background: #F6F6F6;
    padding-top: 113px;
    padding-bottom: 91px;
}

.lawyer-power .power-title {
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    width: 100%;
    text-align: center;

}

.lawyer-power .power-con {

    display: flex;
    width: 1200px;
    margin: 0 auto;
    margin-top: 78px;
}

.lawyer-power .power-con .intro {}

.lawyer-power .power-con .intro .service-summary {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #333;
    font-family: 'Microsoft YaHei';
    width: 497px;
    margin-top: 123px;
}

.lawyer-power .power-con .intro .province-lawfirm-summary {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #f4833f;
    margin-top: 10px;
    font-family: 'Microsoft YaHei';
}

.lawyer-power .power-con .intro .province-lawfirm-summary .sp {
    font-size: 30px;
}

.lawyer-power .power-con .intro .achievement-summary {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #0267b5;
    font-family: 'Microsoft YaHei';
}

.lawyer-power .power-con .intro .empower-summary {
    width: 431px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #333;
    font-family: 'Microsoft YaHei';
}

.lawyer-power .power-con .map img {
    width: 569px;
    height: 475px;
}

.power-phone {
    margin: 0 auto;
    margin-top: 106px;
    width: 833px;
    display: flex;
    height: 74px;
    border-radius: 37px;
    align-items: center;
    border: 1px solid #f4833f;
}

.power-phone .phone-num {
    width: 389px;
    background-color: #f4833f;
    border-radius: 37px;
    height: 100%;
    display: flex;
    align-items: center;
    font-family: 'Microsoft YaHei';
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 2px;
    color: #ffffff;
}

.power-phone .phone-num img {
    margin-left: 45px;
    margin-right: 25px;
}

.power-phone .phone-txt {
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
}

.training-project {
    width: 100%;
    padding-top: 126px;
}

.training-project .project-title {
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    width: 100%;
    text-align: center;
}

.project-intro {
    font-family: 'Microsoft YaHei';

    width: 1192px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #333;
    margin-top: 46px;
    text-align: center;
}

.project-intro .sp {
    color: #0267b5;
}

.project-con {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.project-con img {
    margin-top: 108px;
    width: 528px;
}

.project-con .foundation-img {
    margin-top: 132px;
    position: relative;
    right: -59px;
    top: 25px;

}

.project-con {
    padding-bottom: 54px;
}
.marketing-skill{
    width: 100%;
    padding-top: 100px;
}
.marketing-skill .skill-title {
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    width: 100%;
    text-align: center;
}

.marketing-skill .skill-phrase {
    margin-top: 54px;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #333;
    width: 100%;
    text-align: center;
}

.skill-intro {
    width: 1200px;
    margin: 0 auto;
    margin-top: 96px;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.skill-intro .intro-item {
    width: 25%;
}

.skill-intro .intro-item .number {
    font-family: 'Microsoft YaHei';
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: -1px;
    color: #0267b5;

}

.skill-intro .intro-item .number .sp {
    /* font-weight: bold; */
    font-size: 82px;
    margin-right: 5px;
    letter-spacing: -6px;
}

.skill-intro .intro-item .line {
    margin-top: 29px;
    width: 100%;
    height: 2px;
    background-color: #bfbebe;
    position: relative;
}

.skill-intro .intro-item .line .circular {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: solid 1px #817e7e;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.skill-intro .intro-item .title {
    margin-top: 27px;
    font-family: 'Microsoft YaHei';
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;

    letter-spacing: 0px;
    color: #000000;
}

.skill-intro .intro-item .desc {
    font-family: 'Microsoft YaHei';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;

    letter-spacing: 0px;
    color: #000000;
    margin-top: 29px;
}

.skill-intro .intro-item .feature {
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;

    letter-spacing: 0px;
    color: #0168b7;
    margin-top: 13px;
}

.marketing-skill .teaching {
    width: 1200px;
    height: 424px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.marketing-skill .teaching .teaching-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: -1;
}

.marketing-skill .teaching {
    padding-top: 67px;
}

.teaching-title {

    width: 100%;
    text-align: center;
    font-family: 'Microsoft YaHei';
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 57px;
}

.teaching .teaching-item {
    width: 935px;
    height: 43px;
    border-radius: 19px;
    border: solid 1px #ffffff;
    display: flex;
    align-items: center;
    margin: 0 auto;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 38px;
    justify-content: space-between;
    padding-right: 66px;
}

.teaching .teaching-item.right {
    padding-right: 0px;
    text-align: center;
}

.teaching .teaching-item.right .con{
    margin: 0 auto;
}
.teaching .teaching-item .til {
    width: 228px;
    height: 43px;
    background-color: #ffffff;
    border-radius: 19px;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 43px;
    letter-spacing: 1px;
    color: #0267b5;
    text-align: center;

}

.marketing-skill .power-phone {
    margin-top: 90px;
}

.teacher-team {
    width: 100%;
    padding-top: 124px;
    padding-bottom: 209px;

}

.teacher-team .swiper-pagination {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.teacher-team .swiper-pagination-bullet {
    margin-right: 10px;
    margin-top: 40px;
}

.teacher-team .team-title {
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    width: 100%;
    text-align: center;
}

.teacher-team .team-con-box {
    position: relative;
    width: 989px;
    height: 545px;
    margin: 0 auto;
    margin-top: 87px;
}

.teacher-team .team-con-box .left-arrow {
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.teacher-team .team-con-box .right-arrow {
    position: absolute;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.teacher-team .team-con {
    width: 989px;
    height: 545px;
    background-color: #f5f5f5;
    /* margin: 0 auto; */

    display: flex;
    position: relative;
}

.team-list .team-con .introduce-bg{

    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 518px;
    min-width: 518px;
    height: 100%;
}

.teacher-team .team-con .picture {
    width: 471px;
    min-width: 471px;
    height: 100%;
    background: #F5F5F5;
}

.teacher-team .team-con .picture img {
    width: 100%;
    object-fit: cover;
}

.teacher-team .teacher-intro {
    padding: 44px 25px 44px 20px;
    z-index: 9;
}

.teacher-team .teacher-intro .teacher-name-box {
    display: flex;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 2px;
    position: relative;
    color: #0267b5;
    width: 231px;
    height: 36px;
}



.teacher-team .teacher-intro .teacher-name-box .teacher-title {
    position: absolute;
    right: 5px;
    bottom: 0;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Microsoft YaHei';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    height: 28px;
    background-image: linear-gradient(2deg, #b86800 0%, #d68612 45%, #f4a423 100%), linear-gradient(#b86800, #b86800);
    background-blend-mode: normal, normal;
    border-radius: 6px;
    color: #fff;
    line-height: 28px;
    font-size: 18px;
    padding: 0 18px;
}

.teacher-team .teacher-intro .teacher-name {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.teacher-team .teacher-intro .teacher-name-box .info-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.teacher-team .teacher-intro .teacher-expert {
    margin-top: 52px;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333;
}

.teacher-team .teacher-intro .teacher-achievement {
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333;
    margin-top: 52px;
}

.teacher-team .teacher-intro .teacher-advantage {
    margin-top: 50px;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333;
}

.teacher-team .team-other-box {
    width: 1200px;
    margin-top: 71px;
    /* height: 252px; */
}

.teacher-team .other-list {
    width: 1200px;
    /* height: 252px; */
    max-width: 1200px;
    /* margin: 0 auto;
          display: flex;
          justify-content: space-between; */
    margin-top: 73px;
    /* overflow: hidden; */
}

.teacher-team .other-list .other-item {
    position: relative;
    width: 191px;
    height: 246px;
    margin-right: 10px;
    background: #F5F5F5;
    cursor: pointer;
}

.teacher-team .other-list .other-item img {
    width: 100%;
    object-fit: cover;
}

.teacher-team .other-list .other-item>.teacher-name {
    font-family: 'Microsoft YaHei';
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #ffffff;
    position: absolute;
    top: 20px;
    right: 26px;
    writing-mode: vertical-rl;
    /* 必须配合 writing-mode 使用 */
    text-orientation: upright;
    /* 使文本竖直但不旋转 */
}

.teacher-team .other-list .other-item>.teacher-title {
    width: 20px;
    background: #FDE2BA;
    padding: 5px 0;
    font-family: 'Microsoft YaHei';
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    /* line-height: 74px; */
    letter-spacing: 2px;
    color: #0267b5;
    position: absolute;
    top: 20px;
    right: 10px;
    display: flex;
    /* 新增 */
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中 */
    text-align: center;
    writing-mode: vertical-rl;
    /* 必须配合 writing-mode 使用 */
    text-orientation: upright;
    text-align: center;
    /* 使文本竖直但不旋转 */
}

.training-advantage {
    width: 100%;
    position: relative;
    padding-top: 108px;
    height: 1829px;
}

.training-advantage .advantage-bg {
    width: 100%;
    object-fit: cover;
    height: 1829px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.training-advantage .advantage-title {
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    width: 100%;
    text-align: center
}

.training-advantage .advantage-list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.training-advantage .advantage-list .advantage-item {
    margin-top: 95px;
    width: 567px;
}

.training-advantage .advantage-list .advantage-item .advantage-top {
    display: flex;
    justify-content: space-between;
    font-family: 'Microsoft YaHei';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
}

.training-advantage .advantage-list .advantage-item .advantage-top .num {
    position: absolute;
    right: 10px;
    bottom: -40px;
}
.training-advantage .advantage-list .advantage-item:nth-child(6) .advantage-con .til {
    margin-top: 10px;
}

.training-advantage .advantage-list .advantage-item:nth-child(2) .advantage-top {
    letter-spacing: -2px;
}

.training-advantage .power-phone {
    margin-top: 75px;
}

.advantage-item .advantage-con {
    width: 567px;
    height: 351px;

    background-color: #ffffff;
    box-shadow: 0px 8px 0px 0px rgba(1, 104, 183, 0.13);
    border-radius: 20px;
    margin-top: 12px;
    padding: 30px;
    box-sizing: border-box;
}

.advantage-item .advantage-con .til {
    font-family: 'Microsoft YaHei';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;

    line-height: 30px;
    letter-spacing: 0px;
    color: #000000;
}

.advantage-item .advantage-con .txt {
    font-family: 'Microsoft YaHei';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #777;
}

.advantage-item .advantage-con .til:nth-child(3) {
    margin-top: 15px;
}

.advantage-item .advantage-con .til:nth-child(5) {
    margin-top: 15px;
}

.training-advantage .power-phone .phone-txt {
    color: #fff;
}

.success-case {
    width: 100%;
    padding-top: 113px;
    padding-bottom: 244px;
}

.success-case .swiper-pagination {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.success-case .swiper-pagination-bullet {
    margin-right: 10px;
    margin-top: 40px;
}

.success-case .case-title {
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    width: 100%;
    text-align: center;
}

.success-case .case-con {
    margin: 0 auto;
    margin-top: 101px;
    width: 970px;
    position: relative;

}

.success-case .case-con .case-list {
    display: flex;
    width: 970px;
    /* overflow: hidden; */
    justify-content: space-around;
}

.success-case .swiper-pagination {
    bottom: -106px;
}

.success-case .case-con .case-list .case-item {

    width: 205px;
    min-width: 205px;
    height: 447px;
    /* background: #F5F5F5; */
    margin-right: 50px;
}

.success-case .case-con .case-list .case-item img {
    width: 100%;
    object-fit: cover;
}

.success-case .case-con .left-arrow {
    position: absolute;
    top: 50%;
    left: -73px;
}

.success-case .case-con .right-arrow {
    position: absolute;
    top: 50%;
    right: -73px;
}

.jion-lz {
    /* padding-top: 78px; */
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 946px;

}

.jion-lz .contact-bg {

    width: 100%;
    position: absolute;
    object-fit: cover;
    height: 946px;
    z-index: -1;
}

.jion-lz .lz-title {
    margin-top: 78px;
    font-family: 'Microsoft YaHei';
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

.jion-lz .lz-intro {
    margin: 0 auto;
    margin-top: 58px;
    width: 1200px;
    text-align: center;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
}

.jion-lz .lz-plan {
    width: 1200px;
    height: 339px;
    background-color: #ffffff;
    border-radius: 30px;

    margin: 0 auto;
    margin-top: 45px;
    padding: 73px 62px 71px 100px;
}

.jion-lz .lz-plan .plan-title {
    height: 40px;
    font-family: 'Microsoft YaHei';
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    position: relative;
    color: #0267b5;
}

.jion-lz .lz-plan .plan-title .line {
    width: 100%;
    height: 2px;
    background-color: #c4c4c4;
}

.jion-lz .lz-plan .plan-title span {
    position: absolute;
    left: 77px;
    background-color: #fff;
    text-align: center;
    /* top: 50%; */
    transform: translateY(-50%);
    width: 230px;
}

.jion-lz .lz-plan .plan-con {
    display: flex;
    justify-content: space-between;
}

.jion-lz .lz-plan .plan-con .plan-left {
    width: 403px;
    min-width: 403px;
}

.jion-lz .lz-plan .plan-con .plan-left .plan-base {
    width: 329px;
    height: 61px;
    background-color: #0168b7;
    border-radius: 30px;
    border: solid 1px #c4c4c4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
}

.jion-lz .lz-plan .plan-con .plan-left .plan-improve {
    margin-top: 21px;
    width: 329px;
    height: 61px;
    background-color: #f4833f;
    border-radius: 30px;
    border: solid 1px #c4c4c4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
}

.jion-lz .lz-plan .plan-con .plan-right {
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #c4c4c4;
}

.jion-lz .power-phone {
    margin-top: 64px;
    border: 1px solid #fff;
    background: transparent;
}

.jion-lz .power-phone .phone-num {
    background: transparent;
    border: 1px solid #fff;
}

.jion-lz .power-phone .phone-txt {
    color: #fff;
}

.jion-lz .record-number {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    color: #fff;
}

/********** link-box ***********/

.link-box{
    width: 80px;
    background-color: #fff;
    border-radius: 6px 0 0 0;
    box-shadow: 0 0 5px 0 rgb(141 141 141 / 50%);
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.link-box .list{
    width: 100%;
}
.link-box .list .item{
    width: 100%;
    height: 80px;
    padding: 10px 0;
    position: relative;
}
.link-box .list .item .left-box{
    width: 250px;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    left: -251px;
    bottom: 0;
    box-shadow: 0 0 5px 0 rgb(141 141 141 / 50%);
    display: none;
}
.link-box .list .item .left-box .txt-list{
    width: 100%;
}
.link-box .list .item .left-box .txt-list>.txt{
    width: 100%;
    height: 80px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333;
}
.link-box .list .item .left-box .wx-pic{
    width: 100%;
    padding: 35px 45px;
    padding-bottom: 15px;
}
.link-box .list .item .left-box .wx-pic img{
    width: 100%;
}
.link-box .list .item .left-box .text02{
    font-size: 16px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
}
.link-box .list .item:nth-of-type(1){
    border-radius: 6px 0 0 0;
}
.link-box .list .item .icon-box{
    width: 100%;
    padding: 10px 0 8px;
    text-align: center;
}
.link-box .list .item .icon-box.wx{
    padding: 10px 0 5px;
}
.link-box .list .item .cr-icon{
    font-size: 30px;
    color: #006ab4;
}
.link-box .list .item .text{
    width: 100%;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.link-box .list .item:hover{
    background-color: #333;
}
.link-box .list .item:hover .cr-icon{
    color: #fff;
}
.link-box .list .item:hover .text{
    color: #fff;
}
.link-box .list .item:hover .left-box{
    display: block;
}


.cr-icon {
    font-family: "iconfont" !important;
    display: inline-block;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cricon-phone::before{
    content: "\e614";
}
.cricon-email::before{
    content: "\e630";
}
.cricon-wx::before{
    content: "\e62e";
}