body {
    background-color: #EFF1F3;
}


/* <!-- ------- --> */
.bannerContents .title {
    font-size: 60px;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 60px;
}

.bannerContents .title img {
    margin: 0 10px;
}

.bannerContents .lists {
    font-size: 17px;
    font-weight: 500;
    color: #FFFFFF;
}

.bannerContents .lists img {
    margin: 0 8px;
}

.bannerContents .vector1 {
    margin: 18px 0 20px 0;
}

/* .searchBox .lis {
    margin-top: 10px;
}

.searchBox .lis .tls,
.searchBox .lis a {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}

.searchBox .lis .tls img {
    width: 12px;
    height: 12px;
}

.searchBox .lis a {
    padding-right: 8px;
}

.searchBox .searchHead a {
    width: 80px;
    height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    border-radius: 6px 6px 0 0;
}

.searchBox .searchHead a.on {
    background: #FF4E11;
}

.searchBox .formBox .inputBox {
    width: 504px;
    height: 52px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.3000);
    position: relative;
}

.searchBox .formBox .submit {
    width: 108px;
    height: 52px;
    background: #195BE8;
    text-align: center;
    line-height: 52px;
    margin-right: 6px;
}

.searchBox .formBox .submit:hover {
    background: #5C90FF;
}

.searchBox .formBox .submit2 {
    width: 141px;
    height: 52px;
    background: #00C2FF;
    text-align: center;
    line-height: 52px;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;

}

.searchBox .formBox .submit2 img {
    vertical-align: -2px;
}

.searchBox .formBox .submit2:hover {
    background: #5AD7FF;
}

.searchBox .formBox .inputBox .searchSelect,
.searchBox .formBox .inputBox input {
    height: 100%;
    line-height: 52px;
}

.searchBox .formBox .inputBox input {
    width: 300px;
    padding-left: 16px;
}

.searchBox .formBox .inputBox .searchSelect {
    padding-left: 16px;
}

.searchBox .formBox .inputBox .searchSelect::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #C9D7E7;
    margin: -3px 0 -3px 10px;
}

.searchBox .formBox .inputBox .searchSelect img {
    vertical-align: -2px;
    transition: 0.3s;
}

.searchBox .formBox .inputBox .searchSelect img.on {
    transform: rotate(-180deg);
}

.searchBox .lis .search-hot-words {
    display: none;
}

.searchBox .searchSelect .search-special-list {
    position: absolute;
    left: -1px;
    width: 92px;
    top: 51px;
    background: #ffffff;
    z-index: 9;
    border: 1px solid #F1F4FB;
    box-shadow: 0px 7px 18px 0px rgb(95 103 110 / 10%);
    display: none;
}

.searchBox .searchSelect .search-special-list li {
    padding-left: 16px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    z-index: 9999;
    color: #686868;
}

.searchBox .searchSelect .search-special-list li:hover {
    background: #F9F9FD;
    color: #2C6BEA;
} */


/* 金刚区 */
.pointBox {
    background: #FFFFFF;
    padding: 32px 0 28px 34px;
    box-sizing: border-box;
    margin-top: 80px;
}

.pointLeft .pointContent .title {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
}

.pointLeft .pointContent .lis a .tl1 {
    font-size: 16px;
    font-weight: 400;
    color: #222222;
    margin-top: 8px;
}

.pointLeft .pointContent .lis a .tl2 {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    padding-bottom: 5px;
}

.pointLeft .pointContent .uls {
    position: relative;
    width: 305px;
}

.pointLeft .pointContent {
    position: relative;
}

.pointLeft .pointContent::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 224px;
    background: #EFF2F6;
    position: absolute;
    top: 50px;
    right: 48px;
}

.pointLeft .pointContent .uls .lis {
    width: 45%;
    margin-top: 20px;
}

.pointLeft .pointContent .uls .lis:nth-child(2n) {
    width: 55%;
}

.pointLeft .pointContent .title:hover {
    color: #195BE8;
}

.pointLeft .pointContent .lis:hover .tl1 {
    color: #195BE8;
}

/* 我要买卖 */
.pointRight {
    width: 300px;
    height: 100%;
}

.pointRight .titleBox li {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    padding-right: 18px;
    position: relative;
    cursor: pointer;
}

.pointRight .titleBox li.on {
    color: #195BE8;
}

.pointRight .titleBox li:hover {
    color: #195BE8;
}

.pointRight .titleBox li.on::after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #195BE8;
    position: absolute;
    left: 18px;
    bottom: -2px;
}

.pointRight .forms .inputBox {
    width: 300px;
    height: 46px;
    margin-top: 40px;
}

.pointRight .forms .inputBox input {
    width: 205px;
    height: 100%;
    background: #F4F6F8;
    padding-left: 14px;
    box-sizing: border-box;
}

.pointRight .forms .inputBox .returns {
    width: 95px;
    height: 100%;
    background: #6B82B4;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
}

.pointRight .forms .inputBox .returns:hover {
    background: #3469DA;
}

.pointRight .forms .submits {
    width: 100%;
    height: 46px;
    background: #195BE8;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 46px;
    margin: 38px 0 34px 0;
    display: block;
    position: relative;
}

.pointRight .forms .submits:hover {
    background: #4580FF;
}

.pointRight .forms .submits img {
    width: 18px;
    height: 18px;
    vertical-align: -4px;
}

.pointRight .forms .submits .formIcon {
    position: absolute;
    width: 77px;
    height: 24px;
    top: -12px;
    left: 197px;
    animation: tagupdown 0.6s infinite ease-in-out alternate;
}


/* 交易动态 */
.dynamicBox .dynamicTitle {
    font-size: 16px;
    font-weight: 400;
    color: #2A2A2A;
}

.dynamicBox .dynamicTitle::after {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background: #CBCBCB;
    margin-top: 18px;
}

.dynamicSlide .dynamicCon {
    width: 204px;
    margin-left: 30px;
}


.dynamicSlide .dynamicCon .dynamicTop .left {
    font-size: 12px;
    font-weight: 400;
    color: #2A2A2A;
}

.dynamicSlide .dynamicCon .dynamicTop .left img {
    width: 22px;
    height: 22px;
}

.dynamicSlide .dynamicCon .dynamicTop .left span,
.dynamicSlide .dynamicCon .dynamicTop .right span {
    vertical-align: middle;
}

.dynamicSlide .dynamicCon .dynamicTop .right {
    font-size: 12px;
    font-weight: 400;
    color: #979797;
}

.dynamicSlide .dynamicCon .dynamicTop .right img {
    width: 14px;
    height: 14px;
}

.dynamicSlide .dynamicCon .dynamicDes {
    font-size: 12px;
    font-weight: 400;
    color: #2A2A2A;
    padding-top: 10px;
}


/* 商品信息保障 */
.securityBox {
    height: 100px;
    background: #F3F6FB;
    padding: 25px 0 0 34px;
    box-sizing: border-box;
}

.securityBox li .title {
    font-size: 16px;
    font-weight: 400;
    color: #222222;
}

.securityBox li .details {
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    padding-top: 2px;
}

.securityBox .after {
    display: inline-block;
    width: 1px;
    height: 30px;
    background: #E1E5ED;
    margin: 8px 44px;
}

/* 矩形 */
.rectangleBox {
    margin-top: 20px;
}

.herf-list li:not(:last-child) {
    margin-right: 10px;
}

.herf-list li:first-child {
    width: 420px;
    height: 175px;
    background: url(../images/Rectangle1.png);
}

.herf-list li:nth-child(2) {
    width: 419px;
    height: 175px;
    background: url(../images/Rectangle2.png);
}

.herf-list li:nth-child(3) {
    width: 421px;
    height: 175px;
    background: url(../images/Rectangle3.png);
}

.herf-list>li:not(:last-child) a {
    padding: 29px 0 0 31px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 420px;
    height: 175px;
    background: url(../images/jump-2.png) 349px 112px no-repeat;
}

.herf-list>li:not(:last-child):hover a {
    background: url(../images/jump-2-hover.png) 349px 112px no-repeat;
}

.herf-list>li:last-child a {
    padding: 29px 0 0 31px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 420px;
    height: 175px;
    background: url(../images/video-playback.png) 349px 112px no-repeat;
    background-size: 30px 30px;
}

.herf-list>li:last-child:hover a {
    background: url(../images/video-playback-hover.png) 349px 112px no-repeat;
}

.herf-list>li>a p:first-child {
    color: #FFFFFF;
    font-size: 21px;
}

.herf-list>li>a p:last-child {
    color: #FFFFFF;
    font-size: 14px;
}

.herf-list>li>a p:nth-child(2) {
    width: 20px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
    margin: 21px 0 24px 0;
}

.classification-video {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.classification-video-box {
    position: relative;
    width: 1100px;
    height: 600px;
    margin: 8% auto;
}

.classification-video .video-icon-close {
    position: absolute;
    right: -38px;
    top: -29px;
}

.classification-video video {
    width: 100%;
    height: 100%;
}

/* 热门推荐 */
.recommendeds {
    width: 100%;
    height: 513px;
}

.recommendedLeft {
    width: 234px;
    height: 100%;
    position: relative;
    background: url(../images/bg_rmtj.png) no-repeat;
}

.recommendedLeft .recommendedNav {
    height: 107px;
    padding: 30px 0 0 26px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.recommendedLeft .recommendedNav.on {
    background: #FFFFFF;
}

.recommendedLeft .recommendedNav.on::after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 107px;
    background: #195BE8;
    position: absolute;
    left: 0;
    top: 0;
}

.recommendedLeft .recommendedNav:not(:last-child)::before {
    content: '';
    display: block;
    width: 182px;
    height: 1px;
    background: linear-gradient(44deg, #D1D8EB 0%, #E2E7F2 100%);
    position: absolute;
    bottom: 0;
    left: 26px;
}

.recommendedLeft .recommendedNav.on::before {
    display: none;
}

.recommendedNav .tls {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
}

.recommendedNav .des {
    font-size: 13px;
    font-weight: 400;
    color: #747474;
}

.recommendedAll {
    position: absolute;
    bottom: 6px;
    left: 6px;
    width: 222px;
    height: 48px;
    background: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    display: inline-block;
    padding: 15px 20px;
    box-sizing: border-box;
}

.recommendedAll:hover {
    color: #195BE8;
}

.recommendedAll img {
    vertical-align: -2px;
}

.recommendedRight {
    width: 1046px;
}

.recommendedRight .recommendedUl {
    width: 100%;
    height: 100%;
    display: none;
}

.recommendedRight .recommendedLi {
    width: 348px;
    height: 256px;
    background: #FFFFFF;
    margin: 0 1px 1px 0;
    padding: 33px 26px;
    box-sizing: border-box;
}

.recommendedRight .recommendedLi:nth-child(3n) {
    margin-right: 0;
}

.recommendedRight .recommendedLi .names {
    font-size: 20px;
    font-weight: 400;
    color: #222222;
    width: 296px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.recommendedRight .recommendedLi:hover .names {
    color: #195BE8;
}

.recommendedRight .recommendedLi .brand {
    margin-top: 2px;
    height: 30px;
}

.recommendedRight .recommendedLi .brand li {
    font-size: 14px;
    font-weight: 400;
    color: #74819C;
    position: relative;
    margin-right: 14px;
}

.recommendedRight .recommendedLi .brand li::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #E5EDF5;
    position: absolute;
    top: 6px;
    right: -7px;
}

.recommendedRight .recommendedLi .brand li:last-child:before {
    display: none;
}

.recommendedRight .recommendedLi .brand li:last-child:after {
    display: none;
}

.recommendedRight .recommendedLi .types {
    margin-top: 10px;
}

.recommendedRight .recommendedLi .types li {
    margin-right: 40px;
    position: relative;
}

.recommendedRight .recommendedLi .types li:last-child {
    margin-right: 0;
}

.recommendedRight .recommendedLi .types li::after {
    content: '';
    display: block;
    width: 1px;
    height: 26px;
    background: #F2F2F2;
    position: absolute;
    right: -20px;
    top: 6px;
}

.recommendedRight .recommendedLi .types li:last-child:after {
    display: none;
}

.recommendedRight .recommendedUl.zz .recommendedLi .types li {
    margin-right: 20px;
    overflow: hidden;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.recommendedRight .recommendedUl.zz .recommendedLi .types li:first-child {
    width: 48px;
}

.recommendedRight .recommendedUl.zz .recommendedLi .types li:last-child {
    margin-right: 0 !important;
}

.recommendedRight .recommendedUl.zz .recommendedLi .types li::after {
    right: -10px;
}

.recommendedRight .recommendedLi .types li .tls {
    font-size: 12px;
    font-weight: 400;
    color: #ABABAB;
}

.recommendedRight .recommendedLi .types li .des {
    font-size: 14px;
    font-weight: 400;
    color: #2A2A2A;
}

.recommendedRight .recommendedLi .prices .tls {
    font-size: 12px;
    font-weight: 400;
    color: #B5BABE;
}

.recommendedRight .recommendedLi .prices .tls img {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
}

.recommendedRight .recommendedLi .prices {
    margin-top: 30px;

}

.recommendedRight .recommendedLi .prices .numbers {
    font-size: 28px;
    font-weight: bold;
    color: #E80505;
}

.recommendedRight .recommendedLi .prices .unit {
    font-size: 14px;
    font-weight: bold;
    color: #E80505;
}



/* 服务优选
   ========================================================================== */
.optimization-container {
    width: 1281px;
    height: 600px;
    overflow: hidden;
}

.publicTitle .title-nav--optimization {
    margin-top: 55px;
    font-size: 14px;
    color: #121212;
}

.publicTitle .title-nav--optimization .title-nav-item {
    width: 92px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    position: relative;
}

.title-optimization-active {
    color: #FFFFFF;
    background: #195BE8;
}

.title-optimization-active::after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 8px solid #000;
    border-top-color: #195BE8;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    left: 39px;
}

.tabcard .tabcard-optimization-active {
    background-image: url(../images/optimizationnav-nav-hover.png);
}

.tabcard .tabcard-nav-foot--optimization {
    background-color: hsla(245, 61%, 65%, 0.4);
}

.optimization-top-list .optimization-top-item {
    position: relative;
}

.optimization-top-list .optimization-item-bg {
    width: 426px;
    height: 190px;
    position: absolute;
}

.optimization-container .optimization-top-item a {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 426px;
    height: 190px;
    padding: 32px 12px 20px 22px;
    margin: 0 1px 1px 0;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
    position: relative;
    z-index: 1;
    font-size: 14px;
}


.optimization-container .optimization-top-item:hover h2 {
    color: #195BE8;
}



.optimization-container .optimization-top-item a h2 {
    color: #222222;
    font-size: 20px;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
    padding-bottom: 4px;
}

.optimization-container .optimization-top-item a dt::after {
    content: '';
    display: block;
    width: 16px;
    height: 1px;
    background: #D9D9D9;
    margin: 12px 0 14px 0;
}

.optimization-container .optimization-top-item a dt {
    width: 260px;
    height: 42px;
    font-size: 13px;
    color: #888888;
    overflow: hidden;
}

.optimization-container .optimization-top-item a dd {
    position: absolute;
    bottom: 30px;
    left: 23px;
    color: #FF5E26;
    font-size: 12px;
}

.optimization-container .optimization-top-item a dd::after {
    content: '';
    display: block;
    width: 61px;
    height: 1px;
    background: #F5DFD8;
    margin-top: 2px;
}

.optimization-container .optimization-top-item a dd span {
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle;
    margin: -2px 0 0 0px;
    background: url(../images/jump-4.png) right 1px no-repeat;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
    background-size: contain;
}

.optimization-container .optimization-bottom-list {
    position: relative;
    height: 200px;
    background: url(../images/bg_fwyx.png) no-repeat;
    /* background: linear-gradient(180deg, #E6ECF5 0%, rgba(254, 254, 255, 0.7400) 100%); */
}

.optimization-container .optimization-bottom-list::before {
    content: '';
    display: block;
    position: absolute;
    top: 100px;
    left: 42px;
    width: 1200px;
    height: 1px;
    background: #E3EAF5;
}

.optimization-container .optimization-bottom-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 256px;
    padding: 30px 10px 30px 40px;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
    height: 98px;
}

.optimization-container .optimization-bottom-item a {
    display: block;
}

.optimization-container .optimization-bottom-item a h2 {
    position: relative;
    color: #222222;
    font-size: 16px;
    margin-bottom: 4px;
}

.optimization-container .optimization-bottom-item a p {
    color: #63636D;
    font-size: 12px;
}

/* 为什么选择鱼爪智企 */

/* .why-choose-content {
    background-color: #fff;
} */

.why-choose-content .left-content {
    height: 533px;
    width: 234px;
    overflow: hidden;
    background: url(../images/bg_wsm.png);
}

.why-choose-content .right-content {
    width: 1046px;
    overflow: hidden;
}

.why-choose-nav-icon {
    width: 36px;
    height: 36px;
    background: url(../images/why-choose-nav-icon.png) no-repeat;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin-right: 14px;
    margin-top: 5px;
}

.why-choose-content {
    height: 533px;
    overflow: hidden;
}

.why-choose-nav-list li {
    padding: 40px 0 0 26px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    height: 120px;
    margin-left: 3px;
    position: relative;
    height: 133px;
}

.why-choose-nav-list li:not(:last-child)::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 26px;
    width: 182px;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.why-choose-nav-list li:last-child {
    height: 134px;
}

.why-choose-nav-active {
    background-color: #fff;
}

.why-choose-nav-active .why-choose-nav-item p:first-child {
    color: #222222;
}

.why-choose-nav-active .why-choose-nav-item p:last-child {
    color: #747474;
    opacity: 1;
}

.why-choose-nav-active .why-choose-nav-icon {
    background: url(../images/why-choose-nav-icon-hover.png) no-repeat;
}

.why-choose-nav-item p:first-child {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}

.why-choose-nav-item p:last-child {
    font-size: 13px;
    color: #ffffff;
    opacity: 0.8;
}

.right-content-list li {
    width: 348px;
    height: 266px;
    background: #FFFFFF;
    margin: 0 1px 1px 0;
    padding: 34px 66px;
    box-sizing: border-box;
}

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

.right-content-list li .p {
    font-size: 16px;
    font-weight: 400;
    color: #222222;
}

.right-content-list li p:last-child {
    font-size: 13px;
    font-weight: 400;
    color: #888888;
    line-height: 22px;
    padding-top: 3px;
}

.right-content-list li div {
    width: 280px;
	text-align: left;
    height: 132px;
    position: relative;
}

.right-content-list li div img {
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0;
	width:260px;
	height:140px;
}

.right-content-list li:hover .p {
    color: #195BE8;
}

/* 鱼爪分布 */
.right-content-box {
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    display: none;
}

.right-content-box h3 {
    font-size: 28px;
    font-weight: 400;
    color: #2A2A2A;
}

.right-content-box>p {
    width: 40px;
    height: 1px;
    background-color: #63636D;
    opacity: 0.1;
    margin: 14px 0 16px 0;
}

.right-content-item-describe {
    font-size: 12px;
    color: #2A2A2A;
    line-height: 20px;
    margin: 8px 0 45px 0;
}

.right-content-box-img-list {
    position: relative;
    overflow: hidden;
}

.yz-introduction-list {
    background: #FFFFFF;
    box-sizing: border-box;
}

.yz-introduction-list-img-content>img,
.main-honor-list>li {
    transition: all 0.3s;
}

.yz-introduction-list>li:hover .yz-introduction-list-img-content>img {
    transform: scale(1.05);
}

.yz-introduction-list>li:first-child .yz-introduction-list-img-content>img {
    width: 100%;
    height: 100%;
}

.yz-introduction-list>li:not(:first-child) .yz-introduction-list-img-content>img {
    width: 240px;
    height: 169px;
}

.yz-introduction-list>li:first-child>a>div {
    width: 240px;
    height: 340px;
    overflow: hidden;
    background-color: gray;
    /* margin-left: 8px; */
    margin-bottom: 2px;
}

.yz-introduction-list>li:not(:first-child)>a>div {
    width: 240px;
    height: 169px;
    overflow: hidden;
    background-color: gray;
    margin-left: 2px;
    margin-bottom: 2px;
}

.yz-introduction-list-img-content {
    position: relative;
}

.yz-introduction-list>li:first-child .yz-introduction-list-bottom {
    background:
        linear-gradient(180deg,
            rgba(16, 37, 71, 0), rgba(16, 37, 71, 0.56));
    color: #FFFFFF;
    padding: 286px 0 0 16px;
    box-sizing: border-box;
    transition: all .4s;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.yz-introduction-list-bottom p:first-child {
    font-size: 14px;
    font-family: HarmonyOS_Sans_SC_Bold;
    font-weight: bold;
}

.yz-introduction-list-bottom p:last-child {
    font-size: 12px;
    font-family: HarmonyOS_Sans_SC_Medium;
}

.yz-introduction-list>li:not(:first-child) .yz-introduction-list-bottom {
    background:
        linear-gradient(180deg,
            rgba(16, 37, 71, 0), rgba(16, 37, 71, 0.56));
    color: #FFFFFF;
    padding: 115px 0 0 12px;
    box-sizing: border-box;
    transition: all .4s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* 领导视察 */
.right-content-leader-img-list .img-box {
    width: 319px;
    height: 28px;
    float: left;
    margin: 0 3px 3px 0;
    overflow: hidden;
}

.right-content-leader-img-list .img-box:nth-child(3n) {
    margin-right: 0;
}

.right-content-leader-img-list .img-box img {
    width: 100%;
    height: 100%;
    transition: 0.3s;

}

.right-content-leader-img-list .img-box:hover img {
    transform: scale(1.1);
}

.pop_box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
    text-align: center;
    display: none;
}

.pop_box_close {
    position: absolute;
    top: -12px;
    right: -12px;
    cursor: pointer;
    z-index: 2;
}

.pop_box_c {
    width: 1280px;
    height: 500px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin: 100px auto;
}

.pop_box_c video {
    width: 100%;
}

/* 鱼爪顾问团队
   ========================================================================== */

.crosstab-content--counselor {
    height: 295px;
    overflow: hidden;
}

.yz-team-item-li {
    height: 295px;
}

.yz-team-item-li2 {
    height: 295px;
}

.counselor-list li {
    height: 295px;
    width: 255px;
    cursor: pointer;
    position: relative;
    margin-right: 1px;
}

.bottom-box-active {
    width: 255px;
    height: 94px;
    position: absolute;
    bottom: 0;
    display: none;
}

.counselor-list li .counselor-list-hover {
    height: 241px;
    width: 255px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,
            rgba(20, 121, 240, 0), rgba(20, 121, 240, 1));
    z-index: 2;
    opacity: 0;
    transition: 0.2s;

}

.counselor-list li .counselor-list-hover .services {
    width: 230px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #195BE8;
    background-color: #ffffff;
    margin: 185px auto 0 auto;
    position: relative;
}

.counselor-list li .counselor-list-hover .services img {
    margin-right: 15px;
    vertical-align: -6px;
}

.counselor-list li .counselor-list-hover .services::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #656565;
    position: absolute;
    left: 97px;
    top: 19px;
    opacity: 0.4;
}

.counselor-list li:hover .counselor-list-hover {
    opacity: 1;
}

.counselor-list li>img {
    height: 241px;
    width: 255px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.counselor-list li .bottom-box {
    height: 94px;
    width: 255px;
    margin-top: -40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.counselor-list li .bottom-box div {
    width: 255px;
    padding: 0 25px;
    box-sizing: border-box;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.1);
}

.counselor-list li .bottom-box div>p:first-child {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
    width: 82px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.counselor-list li .bottom-box div>p:last-child {
    width: 62px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 40px;
    background: url(../images/jump-5.png) right 17px no-repeat;
    position: relative;
}

.counselor-list li .bottom-box div>p:last-child::before {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #FFFFFF;
    opacity: 0.2;
    position: absolute;
    left: -50px;
    top: 16px;
}

.bottom-box .bottom-box-num {
    font-size: 13px;
    color: #656565;
    padding-left: 25px;
    width: 255px;
    height: 55px;
    background: #FFFFFF;
    line-height: 55px;
    box-sizing: border-box;
}

.bottom-box-num-color {
    color: #195BE8;
}

.counselor-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 390px;
    height: 184px;
    padding: 32px 12px 32px 32px;
    background-color: #ffffff;
    margin: 5px;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
}



.counselor-item:hover h2,
.counselor-item:hover p span {
    color: #FF6F10;
}

.counselor-item:hover .counselor-consult {
    background-color: #FF6F10;
    color: #ffffff;
}

.counselor-item img {
    width: 120px;
    height: 120px;
    margin-right: 24px;
}

.counselor-item h2 {
    color: #333333;
    font-size: 18px;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
}

.counselor-item h2 span {
    color: #3573EC;
}

.counselor-item p {
    color: #666666;
    font-size: 14px;
    margin: 14px 0 40px;
}

.counselor-item p span {
    color: #3573EC;
    font-weight: bold;
    margin: 0 4px;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
}

.counselor-item .counselor-consult {
    position: relative;
    border: 1px solid #FF6F10;
    width: 80px;
    padding-left: 10px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #FF6F10;
    font-size: 12px;
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
}

.counselor-item .counselor-consult::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 16px;
    height: 1px;
    background-color: #BBBBBB;
}

.counselor-item .counselor-consult span {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -3px;
    background-image: url(../images/counselor-arrow-right.png);
    -webkit-transition: 0.39s;
    -o-transition: 0.39s;
    -moz-transition: 0.39s;
    transition: 0.39s;
}

#crosstab-list-nav-1 {
    margin: 24px 0;
}

#crosstab-list-nav-2 {
    margin: 24px 0;
}

#crosstab-list-nav-3 {
    margin: 24px 0;
}

#crosstab-list {
    margin: 24px 0;
}

/* 售后采访 */
.interview {
    height: 500px;
    width: 100%;
    overflow: hidden;
}

.interview .interviewLeft {
    position: relative;
    width: 423px;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s;
}

.interview .interviewLeft .interviewLeftBg {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.3s;
    z-index: -1;
}

.interviewLeft .tops {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}

.interviewLeft .che {
    font-size: 22px;
    font-weight: 400;
    color: #FFFFFF;
}

.interviewLeft .en {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
}

.interviewLeft .number {
    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
    margin-top: 20px;
}

.interviewLeft .number::before {
    width: 30px;
    height: 4px;
    background: #FFFFFF;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.interviewLeft .bottoms {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 215px;
    padding: 45px 40px;
    box-sizing: border-box;
    height: 215px;
    background: rgba(0, 0, 0, 0.15);
    /* filter: blur(undefinedpx); */
    backdrop-filter: blur(5px);

}

.interviewLeft .bottoms::before {
    content: '';
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: -22px;
    background: url(../images/video.png) no-repeat;
}

.interviewLeft .bottoms .tlBot {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.interviewLeft .bottoms .desBot {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    margin: 10px 0 20px 0;
}

.interviewLeft .bottoms .editBox .onAll {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
}

.interviewLeft .bottoms .editBox .onAll::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -4px;
    width: 92px;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.interviewLeft .bottoms .editBox .onAll img {
    margin-left: 20px;
}

.interviewLeft .bottoms .editBox .onAll .imgH {
    display: none;
}

.interviewLeft .bottoms .times {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}

.interviewLeft .bottoms .times img {
    vertical-align: -3px;
}

.interview .interviewLeft:hover .bottoms::before {
    background: url(../images/videoH.png) no-repeat;
}

.interview .interviewLeft:hover .bottoms .editBox .onAll {
    color: #FF5E26;
}

.interview .interviewLeft:hover .bottoms .editBox .onAll::after {
    border-bottom: 1px solid #FF5E26;
}

.interview .interviewLeft:hover .bottoms .editBox .onAll .imgH {
    display: inline-block;
}

.interview .interviewLeft:hover .bottoms .editBox .onAll .img {
    display: none;
}

.interview .interviewLeft:hover .interviewLeftBg {
    transform: scale(1.1);
}

.interviewRight {
    width: 852px;
}

.interviewRight .lists {
    width: 100%;
    padding: 36px 27px 36px 40px;
    box-sizing: border-box;
    background-color: #ffffff;
    display: block;
    margin-bottom: 1px;
}

.interviewRight .lists .listLeft {
    padding-right: 36px;
    margin-right: 36px;
    position: relative;
}

.interviewRight .lists .listLeft .che {
    font-size: 16px;
    font-weight: 400;
    color: #2A2A2A;
}

.interviewRight .lists .listLeft .en {
    font-size: 10px;
    font-weight: 400;
    color: #B6B7B9;
    text-transform: uppercase;
}

.interviewRight .lists .listLeft .nums {
    font-size: 26px;
    font-weight: bold;
    color: #656565;
    position: relative;
}

.interviewRight .lists .listLeft .nums::before {
    content: '';
    display: block;
    width: 19px;
    height: 3px;
    background: #195BE8;
    margin: 10px 0 0 0;
}

.interviewRight .lists .listLeft::after {
    content: '';
    display: block;
    width: 1px;
    height: 86px;
    background: #EEEEEE;
    position: absolute;
    right: 0;
    top: 5px;
}

.interviewRight .lists .imgRi {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #EFF1F3;
    box-sizing: border-box;
}

.interviewRight .lists .listRight .listCon {
    width: 431px;
}

.interviewRight .lists .listRight .listCon .tls {
    font-size: 16px;
    font-weight: 400;
    color: #2A2A2A;
}

.interviewRight .lists .listRight .listCon .des {
    font-size: 12px;
    font-weight: 400;
    color: #656565;
    padding: 5px 0 20px 0;
}

.interviewRight .lists .listRight .listCon .bottoms {}

.interviewRight .lists .listRight .listCon .bottoms .onAll {
    font-size: 14px;
    font-weight: 400;
    color: #FF5E26;
    position: relative;
}

.interviewRight .lists .listRight .listCon .bottoms .onAll img {
    margin-left: 10px;
}

.interviewRight .lists .listRight .listCon .bottoms .onAll::after {
    content: '';
    display: block;
    width: 81px;
    height: 1px;
    border-bottom: 1px solid #F5DFD8;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.interviewRight .lists .listRight .listCon .bottoms .times {
    font-size: 12px;
    font-weight: 400;
    color: #979797;
    padding-top: 6px;
}

.interviewRight .lists .listRight .listCon .bottoms .times img {
    vertical-align: -3px;
}

.interviewRight .lists:hover .listRight .tls {
    color: #195BE8;
}

/* 鱼爪动态 */
.yzDynamicBox {
    margin-bottom: 50px;
}

.yzDynamic {
    width: 100%;
    height: 510px;
}

.yzDynamicLeft,
.yzDynamicRight {
    padding: 44px 40px 0 40px;
    box-sizing: border-box;
    height: 100%;
    background: #ffffff;
}

.yzDynamicLeft {
    width: 951px;
}



.yzDynamicLeft .navUl li {
    font-size: 16px;
    font-weight: 400;
    color: #2A2A2A;
    margin-right: 46px;
    padding-bottom: 30px;
    float: left;
}

.yzDynamicLeft .navUl li img {
    width: 18px;
    height: 18px;
}

.yzDynamicLeft .navUl li .imgH {
    display: none;

}

.yzDynamicLeft .navUl li.on {
    color: #E73C14;
    border-bottom: 4px solid #E73C14;
}

.yzDynamicLeft .navUl li.on .img {
    display: none;
}

.yzDynamicLeft .navUl li.on .imgH {
    display: inline-block;
}

.yzDynamicLeft .alls {
    font-size: 14px;
    font-weight: 400;
    color: #5D6371;
}

.yzDynamicLeft .alls:hover {
    color: #195BE8;
}

.yzDynamicLeft .alls .imgH {
    display: none;
}

.yzDynamicLeft .alls:hover .imgH {
    display: inline-block;
}

.yzDynamicLeft .alls:hover .img {
    display: none;
}

.yzDynamicLeft .yzDynamicContent {
    display: none;
}

.yzDynamicLeft .heads {
    width: 100%;
    height: 196px;
    background: url(../images/bg_yzdt.png) no-repeat;
    padding: 54px 9px 0 240px;
    box-sizing: border-box;
    display: block;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

.yzDynamicLeft .heads .tls {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    padding-bottom: 12px;
}

.yzDynamicLeft .heads .des {
    width: 457px;
    font-size: 14px;
    font-weight: 400;
    color: #ABC0E9;
    line-height: 22px;
}

.yzDynamicLeft .heads img {
    margin-left: 79px;
}

.yzDynamicLeft .foots {
    padding-top: 20px;

}

.yzDynamicLeft .foots .footList {
    width: 423px;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

.yzDynamicLeft .foots .footList:nth-child(odd) {
    float: left;
}

.yzDynamicLeft .foots .footList:nth-child(even) {
    float: right;
}

.yzDynamicLeft .foots .footList:nth-child(5),
.yzDynamicLeft .foots .footList:nth-child(6) {
    border-bottom: none;
}

.yzDynamicLeft .foots .footList .imgBox img {
    width: 14px;
    height: 14px;
    margin-top: 4px;
    margin-right: 10px;
}

.yzDynamicLeft .foots .footList .imgBox .imgH {
    display: none;
}

.yzDynamicLeft .foots .footList .title {
    width: 290px;
    font-size: 14px;
    font-weight: 400;
    color: #2A2A2A;
}

.yzDynamicLeft .foots .footList:hover .title {
    color: #195BE8;
}

.yzDynamicLeft .foots .footList:hover .imgH {
    display: block;
}

.yzDynamicLeft .foots .footList:hover .imgs {
    display: none;
}

.yzDynamicLeft .foots .footList .listTime {
    font-size: 12px;
    font-weight: 400;
    color: #D7D7D7;
}

.yzDynamicRight {
    width: 328px;
    padding: 46px 40px 0 40px;
    box-sizing: border-box;
}

.yzDynamicRight .footRi {
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 40px;
}

.yzDynamicRight .footRi .title {
    font-size: 16px;
    font-weight: bold;
    color: #2A2A2A;
}

.yzDynamicRight .footRi .title img {
    vertical-align: -3px;
}

.yzDynamicRight .footRi .alls {
    font-size: 14px;
    font-weight: 400;
    color: #5D6371;
}

.yzDynamicRight .footRi .alls:hover {
    color: #195BE8;
}

.yzDynamicRight .footRi .alls .imgH {
    display: none;
}

.yzDynamicRight .footRi .alls:hover .imgH {
    display: inline-block;
}

.yzDynamicRight .footRi .alls:hover .img {
    display: none;
}





.yzDynamicRight .companyRi .tls {
    font-size: 18px;
    font-weight: 400;
    color: #2A2A2A;
    margin-top: 36px;
}

.yzDynamicRight .companyRi .tls span {
    display: inline-block;
    padding-left: 8px;
}

.yzDynamicRight .companyRi .des .span {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #656565;
    padding-left: 15px;
    width: 205px;
}

.yzDynamicRight .companyRi .des {
    margin: 10px 0 34px 0;
}

.yzDynamicRight .companyRi .des .img {
    margin-top: 4px;
}

.yzDynamicRight .companyRi .onDetails {
    width: 120px;
    height: 26px;
    background: #195BE8;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 34px 0 33px 33px;
    display: block;
    padding: 5px 15px;
    box-sizing: border-box;
}

.yzDynamicRight .companyRi .onDetails:hover {
    background: #4580FF;
}

.yzDynamicRight .companyRi .onDetails img {
    margin-top: 5px;
}

.yzDynamicRight .companyRi .listRi a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #E7E7E7;
}

.yzDynamicRight .companyRi .listRi a:last-child {
    border-bottom: none;
}

.yzDynamicRight .companyRi .listRi a img {
    vertical-align: 0;
}

.yzDynamicRight .companyRi .listRi a .span {
    font-size: 14px;
    font-weight: 400;
    color: #2A2A2A;
    padding-left: 5px;
    display: inline-block;
    width: 210px;
}
.yzDynamicRight .companyRi .listRi a .des img{
    margin-right: 9px;
}
.yzDynamicRight .companyRi .listRi a .comLists{
    display: none;
}

/* -------------   右侧导航   ----------- */
.new-nav {
    width: 68px;
    position: fixed;
    right: 24px;
    top: 50%;
    /* bottom:auto; */
    left: auto;
    z-index: 100;
    margin-top: -257px;
}