﻿.study_ban{}

.study_ban .study_con{position: relative;}

.study_ban .study_con .img{position: relative;}

/* .study_ban .study_con .img::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: rgba(0, 0, 0, 0.1);} */

.study_ban .study_con .img img{width: 100%;}

.study_ban .study_con .img .di{position: absolute;left: 0;top: 0;width: 100%;}


.study_ban .study_con .img video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}

.study_ban .study_con .img s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/study_ban2.png) center no-repeat;background-size: 100% 100%;display: block;}

.study_ban .study_con .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;background: rgba(0, 0, 0, 0);}

.study_ban.pro_ban .study_con .con .txt{transform: translateY(30px);}


.study_ban.pro_ban .study_con .con .txt .t1{width: 60%;position: relative;z-index: 2;}

.study_ban .study_con .con .t2{line-height: 30px;margin-top: 28px;color: rgba(255, 255, 255, 0.9);width: 60%;position: relative;z-index: 2;}

.study_ban .study_con .con .txt.hei .t1{color: #20262e;}

.study_ban .study_con .con .txt.hei .t2{color: rgba(0, 0, 0, 0.9);}


.study_ban .study_con .con .t3{margin-top: 43px;width: 60%;position: relative;z-index: 2;}

.study_ban   .ship{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 45%;border-radius: 8px;overflow: hidden;}

.study_ban   .ship .d{width: 70px;height: 70px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #fff;border-radius: 100%;background: rgba(255, 255, 255, 0.25);cursor: pointer;}

.study_ban   .ship .d img{width: 100%;}

.study_ban   .ship .d:hover{background: rgba(255, 255, 255, 0.5);}

.shiptanc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0, 0, 0, 0.5);display: none;}

.shiptanc .shi_con{width: 1000px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.shiptanc .shi_con video{max-width: 1000px;max-height: 600px;display: block;margin: 0 auto;}

.shiptanc .shi_con .out{width: 40px;height: 40px;position: absolute;right: -50px;top: 0;cursor: pointer;}

/* .study_ban .study_con .con .ship .d:hover img{transform: scale(1.5);} */
.shizha{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}










.ejdh{height: 64px;box-shadow: 0 5px 5px 1px #eceff4;position: relative;}

.ejdh .ej_con{display: flex;justify-content: center;height: 100%;}

.ejdh .ej_con a{display: flex;align-items: center;margin: 0 50px;position: relative;}

.ejdh .ej_con a::after{content: "";position: absolute;right: -50px;width: 1px;height: 16px;background: #e6e8eb;top: 50%;transform: translateY(-50%);}

.ejdh .ej_con a::before{content: "";width: 0%;left:0;height: 2px;background: #1d76f2;position: absolute;bottom: 0;transition: all 0.6s;}

.ejdh .ej_con a:last-child::after{opacity: 0;}

.ejdh .ej_con a .img{position: relative;margin-right: 7px;}

.ejdh .ej_con a .img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.ejdh .ej_con a.act span{color: #1d76f2;}

.ejdh .ej_con a.act .img img:last-child{opacity: 1;}

.ejdh .ej_con a.act .img img:first-child{opacity: 0;}

.ejdh .ej_con a.act::before{width: 100%;}

.ejdh .ej_con a:hover span{color: #1d76f2;}

.ejdh .ej_con a:hover .img img:last-child{opacity: 1;}

.ejdh .ej_con a:hover .img img:first-child{opacity: 0;}

.ejdh .ej_con a:hover::before{width: 100%;}

.maodian{position: absolute;left: 0;width: 100%;height: 1px;top: -60px;}

.xbdh2{margin: 20px 0 40px;}

.study1{position: relative;background: #f7f9fc;}

.study1 .con1{text-align: center;}

.study1 .con2{padding-left: 12.5%;}

.study1 .con2 .stu1_sw {padding: 0px 5px;}

.study1 .con2 .ss{box-shadow: 0 5px 10px 3px #eff1f4;display: block;background: #fff;}

.study1 .con2 .ss .img{overflow: hidden;}

.study1 .con2 .ss .img img{width: 100%;}

.study1 .con2 .ss .txt{padding: 0 60px 30px 55px;position: relative;overflow: hidden;}

.study1 .con2 .ss .txt::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/in4_4.jpg) center no-repeat;background-size: 100% 100%;top: 0;opacity: 0;transition: all 0.6s;}

.study1 .con2 .ss .txt .t1{height: 95px;position: relative;position: relative;z-index: 1;}

.study1 .con2 .ss .txt .t1 .tl{width: 45px;height: 35px;position: absolute;background: url(../images/stu1_4.png) center no-repeat;background-size: 100% 100%;bottom: 20px;left: 0;}

.study1 .con2 .ss .txt .t1 .tr{width: 100px;height: 40px;position: absolute;top: 28px;right: -30px;background: url(../images/stu1_5.png) center no-repeat;background-size: 100% 100%;}

.study1 .con2 .ss .txt .t2{position: relative;z-index: 1;}

.study1 .con2 .ss .txt .t2 .p1{color: #20262e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.study1 .con2 .ss .txt .t2 .p2{margin-top: 6px;letter-spacing:2px;color: #999999;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.study1 .con2 .ss .txt .t3{ line-height: 23px;margin: 32px 0 16px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #3e4a59;position: relative;z-index: 1;}

.study1 .con2 .ss .txt .t4 {overflow: hidden;position: relative;z-index: 1;}

.study1 .con2 .ss .txt .t4 .c{display: flex;align-items: center;float: right;}

.study1 .con2 .ss .txt .t4 s{width: 20px; height: 1px; background: #c2c2c2; display: block; margin: 0 1px;}

.study1 .con2 .ss .txt .t4 span{margin-left: 9px;color: #3e4a59;}

.study1 .con2 .ss:hover .txt::before{opacity: 1; transition: all 0.6s;}

.study1 .con2 .ss:hover .txt .t4 span,.study1 .con2 .ss:hover .txt .t3,.study1 .con2 .ss:hover .txt .t2 .p1{color: #fff;}

.study1 .con2 .ss:hover .txt .t2 .p2{color: rgba(255, 255, 255, 0.8);}

.study1 .con2 .ss:hover .txt .t4 s{background: rgba(255, 255, 255, 0.6);}

.study1 .con2 .ss:hover .txt .t1 .tl{background-image: url(../images/stu1_42.png);}

.study1 .con2 .ss:hover .txt .t1 .tr{background-image: url(../images/stu1_52.png);}

.study1 .con2 .ss:hover .img img{transform: scale(1.05);}

.study1 .qeih{width: 85.71%;}

.qeih{position: relative;height: 60px;display: flex;justify-content: space-between;max-width: 1440px;width: 75%;margin-top: 40px;}

.qeih .stu1_ss{width: calc(100% - 150px);height: 2px;top: 50%;background: #e6e8eb;}

.qeih .stu1_ss .swiper-scrollbar-drag{background: #1d76f2;}

.qeih .pr{width: 130px;position: relative;}

.stu1_prev,.stu1_next{width: 60px;height: 60px;border-radius: 100%;overflow: hidden;background: url(../images/stu1_7.png) center no-repeat;background-size: 100% 100%;border: 1px solid #d7d8db;margin-top: -30px;}

.stu1_prev{left: 0;transform: rotate(180deg);}

.stu1_next{right: 0;}

.stu1_prev:hover,.stu1_next:hover{background: #1d76f2 url(../images/stu1_6.png) center no-repeat;background-size: 100% 100%;border: 1px solid #1d76f2;}

.stu1_ss{width: 100%;}

.study2{}

.study2 .con1{text-align: center;}

.study2 .con2 {padding: 0px 80px 0 70px;position: relative;}

.study2 .con2 .stu2_sw{position: relative;}

.study2 .con2 .stu2_sw::after{content: "";width: 25%;height: 100%;position: absolute;right: -10px;top: 0;background: url(../images/stu2_4.png) center no-repeat;background-size: 100% 100%;z-index: 2;pointer-events: none;}

.study2 .con2::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 90%;box-shadow: 0 3px 10px 5px #f6f6f6;}

.study2 .con2 .swiper-slide .ss{display: flex;justify-content: space-between;transform: scale(0.79) translateY(-10%);padding: 50px 0 0 ;opacity: 0.8;}

.study2 .con2 .swiper-slide-active .ss{transform: scale(1);opacity: 1;}

.study2 .con2 .ss .img{width: 35.15%;}

.study2 .con2 .ss .img img{width: 100%;}

.study2 .con2 .ss .txt{padding-top: 40px;width: 56.2%;position: relative;}

.study2 .con2 .ss .t1{color: #1d76f2;letter-spacing: 6px;}

.study2 .con2 .ss .t2{padding: 23px 0 30px;border-bottom: 1px solid #c5cddb;margin-bottom: 23px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.study2 .con2 .ss .t3{line-height: 28px;}

.study2 .con2 .ss .t4{display: flex;align-items: center;margin-top: 40px;}


.study2 .con2 .ss .t4 a img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.study2 .con2 .ss .t4 a{width: 44px;height: 44px;border-radius: 100%;border: 1px solid #e4e4e4;position: relative;}

.study2 .con2 .ss .t4 a:hover img:last-child{opacity: 1;}

.study2 .con2 .ss .t4 a:hover img:first-child{opacity: 0;}

.study2 .con2 .ss .t4 a:hover{background: #1d76f2;border: 1px solid #1d76f2;}

.study2 .con2 .ss .t4 a:first-child{margin-right: 20px;}

.study2 .con2 .stu2_sw {z-index: 5;}

.study2 .stu1_prev, .study2 .stu1_next{z-index: 15;background: #1d76f2 url(../images/stu1_6.png) center no-repeat;background-size: 100% 100%;border: 1px solid #1d76f2;position:absolute;}

.down1{}

.down1 .con1{text-align: center;}

.down1 .con2 .down1_sw {padding: 10px 0 45px;}

.down1_sp{bottom: 0 !important;}

.down1_sp span{width: 20px;height: 3px;background: #c0c5cc;border-radius: 0;opacity: 1;margin: 0 3px;}

.down1_sp .swiper-pagination-bullet-active{width: 40px;background: #1d76f2;}

.down1_sp2 .swiper-pagination-bullet-active{background: #fff;}

.down1_sp2 span{background: rgba(255, 255, 255, 0.5);}

.down1 .con2 .ss .s:first-child{border-top: 1px solid  #e6e8eb;}

.down1 .con2 .ss .s{display: flex;justify-content: space-between;padding: 28px 30px;border-bottom: 1px solid  #e6e8eb;align-items: center;position: relative;}

.down1 .con2 .ss .s::before{width: 3px;height: 0%;position: absolute;left: 0;top: 0;background: #1d76f2;content: "";transition: all 0.6s;}

.down1 .con2 .ss .s .sr{width: 110px;display: flex;justify-content: space-between;}

.down1 .con2 .ss .s .sr a{display: block;width: 44px;height: 44px;border: 1px solid #dedede;border-radius: 100%;position: relative;}

.down1 .con2 .ss .s .sr a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.down1 .con2 .ss .s .sl{display: flex;align-items: center;width: calc(100% - 150px);}


.down1 .con2 .ss .s .sl .s2{width: calc(100% - 70px);}
.down1 .con2 .ss .s .sl{}


.down1 .con2 .ss .s .sl .p1{margin-bottom: 15px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 100%;}

.down1 .con2 .ss .s .sl .p2{color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.down1 .con2 .ss .s .sl .i{width: 50px;height: 50px;margin-right: 20px;position: relative;}

.down1 .con2 .ss .s .sl .t{position: absolute;bottom: 13px;text-align: center;width: 90%;color: #fff;transform: scale(0.75);}

/* .down1 .con2 .ss .s .sl img{width: 100%;} */

.down1 .con2 .ss .s .sr a:hover{background: #1d76f2;border: 1px solid #1d76f2;}

.down1 .con2 .ss .s .sr a:hover img:last-child{opacity: 1;}

.down1 .con2 .ss .s .sr a:hover img:first-child{opacity: 0;}

.down1 .con2 .ss .s:hover .p1{color: #1d76f2;}

.down1 .con2 .ss .s:hover::before{height: 100%;transition: all 0.6s;}

.down1 .con2 .ss .s:hover{box-shadow: 0 0 10px 5px #f6f6f6;}

.down2{background: #f7f9fc;}

.down2 .con1{text-align: center;}

.down2 .con2{}

.down2 .con2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.down2 .con2 .ul .li{display: flex;padding: 35px 60px 35px 20px;background: #fff;width: 49.3%;margin-bottom: 20px;position: relative;}

.down2 .con2 .ul .li::before{width: 100%;position: absolute;left: 0;bottom: 0;background: #ebeff5;height: 5px;content: "";}

.down2 .con2 .ul .li::after{width: 0%;position: absolute;left: 0;bottom: 0;background: #1d76f2;height: 5px;content: "";transition: all 0.6s;}

.down2 .con2 .ul .li .img{width: 40%;position: relative;}

.down2 .con2 .ul .li .img s{width: 50%;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow:  0 -20px 30px 10px #f4f5f7;}

.down2 .con2 .ul .li .img img{display: block;margin: 0 auto;width: 100%;max-width: 210px;position: relative;z-index: 1;}

.down2 .con2 .ul .li .img::after{content: "";position: absolute;right: 0;height: calc(100% - 10px);top: 5px;width: 1px;border-right: 1px dashed #dcdedf;}

.down2 .con2 .ul .li .txt{width: 60%;margin-left: 40px;position: relative;}

.down2 .con2 .ul .li .txt .t1{display: flex;line-height: 20px;color: #999999;}

.down2 .con2 .ul .li .txt .t1 img{margin-right: 5px;}

.down2 .con2 .ul .li .txt .t2{margin: 20px 0; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.down2 .con2 .ul .li .txt .t3{color: #3e4a59; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.down2 .con2 .ul .li .txt .t4{position: absolute;bottom: 5px;left: 0;}

.down2 .con2 .ul .li .txt .t4 a{display: flex;align-items: center;color: #666666;width: 160px;height: 44px;border: 1px solid #cccccc;border-radius: 3px;justify-content: center;}

.down2 .con2 .ul .li .txt .t4 .i{width: 20px;height: 20px;position: relative;margin-right: 3px;}

.down2 .con2 .ul .li .txt .t4 .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.down2 .con2 .ul .li .txt .t4 a:hover span{color: #fff;}

.down2 .con2 .ul .li .txt .t4 a:hover {background: #1d76f2;border: 1px solid #1d76f2;}

.down2 .con2 .ul .li .txt .t4 a:hover .i img:last-child{opacity: 1;}

.down2 .con2 .ul .li .txt .t4 a:hover .i img:first-child{opacity: 0;}

.down2 .con2 .ul .li:hover::after{width: 100%;transition: all 0.6s;}


.coll1{}

.coll1 .con1{text-align: center;}

.coll1 .con2{text-align: center;line-height: 28px;color: #3e4a59;}

.coll1 .con3{margin: 30px 0 40px;border-radius: 8px;overflow: hidden;}

.coll1 .con3 video{width: 100%;}

.coll1 .con3 img{width: 100%;}

.coll1 .con4{background: url(../images/coll1_2.jpg) center no-repeat;background-size: 100% 100%;display: flex;justify-content: space-between;padding: 45px 75px;}

.coll1 .con4 .con_le{display: flex;align-items: center;align-items: center;}

.coll1 .con4 .con_le img{width: 80px;}

.coll1 .con4 .con_le .p2{margin-top: 14px;color: #3e4a59;}

.coll1 .con4 .con_le  img{margin-right: 5px;}

.coll1 .con4 .con_con{transform: translateY(-10px);}

.coll1 .con4 .con_con1{width: 16.5%;}

.coll1 .con4 .con_con2{width: 29.2%;}

.coll1 .con4 .con_con .c1{height: 40px;overflow: hidden;color: rgba(163, 180, 204, 0.3);margin-bottom: 2px;}

.coll1 .con4 .con_con .c2{line-height: 28px;color: #3e4a59;}


.coll1 .con4 s{height: 70px;width: 1px;background: #dadfe6;}


.coll2{background: #f7f9fc;}

.coll2 .con1{text-align: center;}

.coll2 .con2{position: relative;}

.coll2 .con2 .coll2_sw {padding: 5px;}

.coll2 .con2 .ss{box-shadow: 0 5px 5px 3px #f2f4f8;position: relative;}

.coll2 .con2 .ss::before{width: 100%;height: 5px;position: absolute;bottom: 0;background: #ebeff5;content: "";}

.coll2 .con2 .ss::after{width: 0%;height: 5px;position: absolute;bottom: 0;background: #1d76f2;content: "";transition: all 0.6s;}


.coll2 .con2 .ss .img {overflow: hidden;border-radius: 5px;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.coll2 .con2 .ss .img img{width: 100%;}

.coll2 .con2 .ss .txt{background: #fff;padding: 40px 40px 36px;line-height: 28px;color: #3e4a59;}

.coll2 .con2 .ss .txt .t1{width: 30px;height: 3px;background: #1d76f2;margin-bottom: 30px;}

.coll2 .con2 .ss .txt .t2{height: 56px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.coll2 .con2 .ss:hover .img img{transform: scale(1.05);}

.coll2 .con2 .ss:hover::after{width: 100%;}

.coll2 .stu1_prev{left: -100px;}

.coll2 .stu1_next{right: -100px;}

.coll3{}

.coll3 .con1{text-align: center;}

.coll3 .con2 .coll3_sw {padding-bottom: 105px;}

.coll3 .con2 .swiper-slide{height: auto;}

.coll3 .con2 .swiper-slide .dit{width: 100%;opacity: 0;}

.coll3 .con2 .swiper-slide .ss{z-index: 5;opacity: 0.4;width: 67.8%;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 1s;left: -20%;}

.coll3 .con2 .swiper-slide .ss .img img{width: 100%;}

.coll3 .con2 .swiper-slide .ss .txt{position: absolute;width: 100%;text-align: center;bottom: -60px;opacity: 0;}

.coll3 .con2 .swiper-slide-next .ss{left: -20%;transition: all 1s; }

.coll3 .con2 .swiper-slide-prev .ss{ left: 120%;transition: all 1s;}

.coll3 .con2 .swiper-slide-active {z-index: 10;transition: all 1s;}

.coll3 .con2 .swiper-slide-active .ss .txt{opacity: 1;}

.coll3 .con2 .swiper-slide-active  .ss{width: 100%; opacity: 1;transition: all 1s;left: 50%;}


/* @keyframes biand {
    0%{opacity: 0.4;width: 67.5%;}
    20%{opacity: 1;width: 67.5%;}
    100%{opacity: 1;width: 100%;}

} */

/* @keyframes fangd {
    0%{left: 50%;width: 100%;}
    70%{left: 50%;width: 67.5%;}
    100%{left: 120%;width: 67.5%;}

}

@keyframes fangd2 {
    0%{left: 50%;width: 100%;}
    50%{left: 50%;width: 67.5%;}
    100%{left: -20%;width: 67.5%;}

} */

/* 
.coll3 .con2 .swiper-slide-active{width: 67.5%;}

.coll3 .con2 .swiper-slide .ss .img img{width: 100%;} */



.frbd{padding: 120px 0 100px;height: auto;background: #f7f9fc;position: relative;}

.frbd .zhis{position: absolute;left: 0;width: 100%;text-align: center;bottom: 18px;color: #3e4a5970;}


.frbd .fr_con{width: 900%;margin: 0 auto;height: auto;background: #fff;width: 800px;border-radius: 20px;display: flex;align-items: center;padding: 50px 0;}

.frbd .fr_con .cons{width: 610px;margin: 0 auto;}

.frbd .fr_con .con1{text-align: center;}

.frbd .fr_con .con2{text-align: center;margin: 20px 0 40px;color: #3e4a59;}

.frbd .fr_con .con3{width: 100%;margin: 0 auto;}

.frbd .fr_con .con3 .li{display: flex;line-height: 40px;margin-bottom: 20px;}

.frbd .fr_con .con3 .li .p1{width: 90px;color: #3e4a59;}

.frbd .fr_con .con3 .li .p1 span{color: #f53d3d;margin-right: 6px;display: inline-block;transform: translateY(2px);}

.frbd .fr_con .con3 .li .p2{width: calc(100% - 90px);border: 1px solid #d7d8db;border-radius: 3px;position: relative;}

.frbd .fr_con .con3 .li .p2 .i{width: 160px;height: 42px;position: absolute;right: -1px;top: -1px;cursor: pointer;}

.frbd .fr_con .con3 .li .p2 .i img{width: 100%;height: 100%;}

.frbd .fr_con .con3 .li input{height: 40px;width: 100%;outline: none;border: none;padding-left: 10px;}

.frbd .fr_con .con3 .li input::-webkit-input-placeholder{
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}
.frbd .fr_con .con3 .li input:-moz-placeholder {
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}
.frbd .fr_con .con3 .li input::-moz-placeholder {
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}
.frbd .fr_con .con3 .li input:-ms-input-placeholder {
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}


.frbd .fr_con .con4{width: 100%;margin: 0 auto;display: flex;line-height: 25px;align-items: center;}

.frbd .fr_con .con4 .xz{width: 14px;height: 14px;border: 1px solid #c0c5cc;box-shadow: 0px 0px 1px 1px #e7e9ea inset;margin: 0 15px;position: relative;cursor: pointer;}

.frbd .fr_con .con4  a{color: #1d76f2;}

.frbd .fr_con .con4 .xz s{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);width: 8px;height: 8px;background: #1d76f2;opacity: 0;}

.frbd .fr_con .con4 .xz.act s{opacity: 1;}

.frbd .fr_con .con4 .xz.act{border: 1px solid #1d76f2;box-shadow: 0px 0px 1px 1px #e7e9ea inset;}

.frbd .fr_con .con5{padding-left: 15px;margin-top: 25px;}

.frbd .fr_con .con5 a{width: 100%;height: 44px;background: #1d76f2;color: #fff;text-align: center;line-height: 44px;border-radius: 3px;}

.tjtc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0, 0, 0, 0.6);display: none;}


.tjtc .c{width: 350px;height: 200px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;display: flex;align-items: center;justify-content: center;text-align: center;}

.tjtc .c .c1{margin-bottom: 30px;}

.tjtc .c a{width: 160px;height: 44px;background: #1d76f2;color: #fff;text-align: center;line-height: 44px;border-radius: 5px;}

.mbxdh{display: flex;height: 90px;align-items: center;padding-left: 17px;position: relative;}

.mbxdh::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #1d76f2;border-radius: 100%;width: 5px;height: 5px;}

.mbxdh a{color:#3e4a59}

.mbxdh img{margin: 0 11px;}

.mbxdh a:hover{color: #1d76f2;}

.details{background: #f7f9fc;padding-bottom: 80px;}

.details .con1{background: #fff;padding: 75px 0;}

.details .con1 .cn{width: 1000px;margin: 0 auto;}

.details .con1 .cn .c1{line-height: 1.4;margin-bottom: 22px;}

.details .con1 .cn .c2{display: flex;align-items: center;}

.details .con1 .cn .c2 p{display: flex;align-self:center;line-height: 20px;color: #999999;margin-right: 27px;}

.details .con1 .cn .c2 p img{margin-right: 5px;}

.details .con1 .cn .c3 {line-height: 22px;color: #3e4a59;padding: 33px 0 38px;border-top: 1px dashed #d7d8db;border-bottom: 1px dashed #d7d8db;margin: 30px 0 40px;}

.details .con1 .cn .c3 li{list-style-type:disc}

.custom_dash .list-dash{
    position:relative;
}
.custom_dash .list-dash::before {
    position:absolute;
    top:50%;
    transform:translateX(-50%);
    content: "";
    border-bottom: 1px solid black;
    display: block;
    margin-bottom: 5px;
    width: 10px; /* 调整横线长度 */
    left: -12.5px;
}
.custom_dash .list-dash::marker {
    content:'';
}

/* .details .con1 .cn .c3 span{display: block;color: #a1a9b2;margin-top: 10px;} */

.details .con1 .cn .c4{display: flex;justify-content: space-between;}

.details .con1 .cn .c4 .cl{width: calc(100% - 200px);}

.details .con1 .cn .c4 .cl a{display: block;color: #3e4a59;padding-left: 13px;position: relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.details .con1 .cn .c4 .cl a::after{content: "";width: 6px;height: 6px;position: absolute;left: 0;top: 4px;border-radius: 100%;background: #d7d8db;transition: all 0.6s;}

.details .con1 .cn .c4 .cl a:first-child{margin-bottom: 15px;}

.details .con1 .cn .c4 .cl a:hover{color: #1d76f2;}

.details .con1 .cn .c4 .cl a:hover::after{background: #1d76f2;transition: all 0.6s;}

.about1{}

.about1 .con1{text-align: center;}

.about1 .con2{text-align: center;color: #3e4a59;}

.about1 .con3 {margin: 40px 0 25px;}

.about1 .con3 .ul{display: flex;justify-content: space-between;width: 1000px;margin: 0 auto;}

.about1 .con3 .ul .li{width: 18.5%;border:1px solid #f0f0f0;text-align: center;padding: 55px 0 60px;border-radius: 4px;color: #3e4a59;}

.about1 .con3 .ul .li img{margin: 0 auto;width: 60px;}

.about1 .con3 .ul .li .l2{margin-top: 13px;}

.about1 .con4{width: 1000px;margin: 0 auto;text-align: center;line-height: 24px;color: #3e4a59;}

.about2{background: #f7f9fc;}


.about2 .con1{text-align: center;}

.about2 .con2{display: flex;justify-content: space-between;position: relative;}

.about2 .con2 .con_le{width: 81.945%;position: relative;}

.about2 .con2 .con_le::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;left: -100%;top: 0;background:#1979ff;}

.about2 .con2 .con_le .txt{position: absolute;top: 20.9%;color: #fff;width: 22%;}

.about2 .con2 .con_le .txt .t1 img{width: 42px;}

.about2 .con2 .con_le .txt .t2{line-height: 1.3;margin-top: 30px;}

.about2 .con2 .con_le .txt .t3{width: 30px;height: 3px;background: rgba(255, 255, 255, 0.8);margin: 31px 0;}

.about2 .con2 .con_le .txt .t4{line-height: 24px;}

.about2 .con2 .con_le img{width: 100%;}

.about2 .con2 .con_re{width: 79.16%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #fff;height: 58.2%;border-radius: 5px;}

.about2 .con2 .con_re::before{width: 100%;height: 1px;background: #f0f2f5;content: "";position: absolute;left: 0;top: 50%;}

.about2 .con2 .con_re .ul{display: flex;flex-wrap: wrap;height: 100%;}


.about2 .con2 .con_re .ul .li{width: 33.33%;height: 50%;text-align: center;padding-top: 35px;border-right: 1px solid #f0f2f5;color: #3e4a59;}

.about2 .con2 .con_re .ul .li:nth-child(3n){border: 0;}

.about2 .con2 .con_re .ul .li .l1 img{display: block;margin: 0 auto;width: 55px;}

/* .about2 .con2 .con_re .ul .li:hover{padding-top: 30px;} */


.about3{padding-bottom: 70px;}

.about3 .con1{height: auto;background: url(../images/ab3_1.jpg) center no-repeat;background-size: cover;}

.about3  .xbdh2{margin: 20px 0 30px;}

.about3  .nei{line-height: 22px;text-align: center;margin-bottom: 80px;}


.about3 .con1 .c1{text-align: center;}

.about3 .con1 .c2{color: #fff;text-align: center;}

.about3 .con1 .c2 .s1{margin-bottom: 10px;}

.about3 .con1 .c2 span{width: 24px;height: 24px;border-radius: 100%;background: rgba(255, 255, 255, 0.5);display: block;position: relative;margin: 0 auto;}

.about3 .con1 .c2 span s{display: block;width: 16px;height: 16px;position: absolute;left: 4px;top: 4px;background: #fff;border-radius: 100%;opacity: 0;}

.about3 .con1 .c2 .ss {position: relative;}

.about3 .con1 .c2 .ss::after{content: "";position: absolute;left: calc(50% + 12px);bottom: 12px;height: 2px;background: rgba(255, 255, 255, 0.5);width: calc(100% - 24px);}

.about3 .con1 .c2 .one-swiping .swiper-wrapper{justify-content: center;}

.about3 .con1 .c2 .swiper-slide:last-child .ss::after{content: none;}

.about3 .con1 .c2 .swiper-slide{cursor: pointer;}

.about3 .con1 .c2 .act span s{opacity: 1;}

.about3 .con2{margin-top: 40px;padding-left: 12.5%;}

.about3 .con2 .s1{padding-bottom: 20px;border-bottom: 1px solid #d7d8db;}

.about3 .con2 .s2{padding-top: 15px;}

.about3 .con2 .s2 p{position: relative;padding-left: 16px;line-height: 24px;margin-bottom: 12px;color: #3e4a59;}

.about3 .con2 .s2 p::after{content: "";width: 6px;height: 6px;background: #8a9099;border-radius: 100%;position: absolute;left: 0;top: 10px;}

.about4{background:#f7f9fc;}

.about4 .con1{text-align: center;}

.about4 .con2 {margin-bottom: 45px;}

.about4 .con2 .ul{display: flex;justify-content: center;}

.about4 .con2 .ul .li{display: flex;align-items: center;padding: 0 60px;}

.about4 .con2 .ul .li .l1{margin-right: 5px;color: #1979ff;}

.about4 .con2 .ul .li .l2 .p1{height: 25px;line-height: 25px;}

.about4 .con2 .ul .li .l2 .p2{margin-top: 5px;}

/* .about4 .con3 .ul{display: flex;flex-wrap: wrap;margin-bottom: 5px;} */

.about4 .con3 .swiper-container{padding-bottom: 30px;}

.about4 .con3  .li{display: flex;align-items: center;justify-content: center;height: 44px;background: #e6ebf2;border-radius: 3px;position: relative;}

.about4 .con3 .li span{display: block;padding: 0 20px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.about4 .con3  .li::after{content: "";position: absolute;left: 2px;top: 2px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 3px;width: calc(100% - 4px);height: calc(100% - 4px);color: #3e4a59;}

.about4 .con3 .li:nth-child(3n){margin-right: 0;}

.about4 .con3 .li:hover{background: #1979ff;}

.about4 .con3 .li:hover span{color: #fff;}

.about5{}

.about5 .con1{text-align: center;}

.about5 .con2 .swiper-container {padding: 10px 10px 40px;}

.about5 .con2 .swiper-slide{height: auto;}

.about5 .con2 .ss{box-shadow: 0 0 1px 1px #f0f0f0;padding: 35px 16px 25px;border-radius: 5px;height: 100%;}

.about5 .con2 .ss .img img{width: 100%;}

.about5 .con2 .ss .txt{margin-top: 15px;text-align: center;line-height: 1.4;}

.about5 .con2 .ss:hover{box-shadow: 0 0 10px 7px #f0f0f0;}

.tptc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0, 0, 0, 0.5);display:none;}

.tptc .tp_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1000px;height: 600px;display: flex;align-items: center;justify-content: center;}

.tptc .tp_con .out{width: 40px;height: 40px;position: absolute;right: -10px;top: 0;z-index: 2;cursor: pointer;}

.tptc .tp_con .out img{width: 100%;height: 100%;}

.tptc .tp_con img{max-width: 1000px;max-height: 600px;height:100%;margin: 0 auto;}

.pro1_1 .con1{text-align: center;}

.tongy{padding-top: 10px;}

.tongy .ul{display: flex;justify-content: space-between;width: 850px;margin: 0 auto;align-items: center;}

.tongy .ul .img{width: 60px;margin: 0 auto 8px;}

.tongy .ul .li2{display: flex;align-items: center;position: relative;}

.tongy .ul .li2 s{position: relative;}

.tongy .ul .li2 s::after{content: "";position: absolute;width: 6px;height: 6px;background: #a3c9ff;top: 50%;left: 50%;transform: translate(-50%,-50%); border-radius: 100%;animation: cpdh1 3s infinite linear alternate;}

.tongy .ul .li2 s:nth-child(2n)::after{animation: cpdh2 3s infinite linear alternate;}

.tongy .ul .li s{display: inline-block;margin: 0 8px;width: 6px;height: 6px;background: #c8dfff;border-radius: 100%;}

/* .tongy .ul .li s.act{width: 10px;height: 10px;} */


@keyframes cpdh1 {
   0%{transform: translate(-50%,-50%) scale(1)}
   100%{transform: translate(-50%,-50%) scale(1.6)}

}
@keyframes cpdh2 {
    0%{transform: translate(-50%,-50%) scale(1.6)}
    100%{transform: translate(-50%,-50%) scale(1)}
 
 }

.pro1_1{}

.pro1_1 .con2{text-align: center;line-height: 22px;margin-top: 55px;color: #3e4a59;}

.pro1_1 .con3{margin-top: 55px;}

.pro1_1 .con4{margin-top: 45px;}

.pro1_1 .con4 .ss{display: flex;align-items: center;justify-content: space-between;}

@keyframes solu1 {
    0%{background-image: url(../images/solu_6.png);}
    50%{background-image: url(../images/solu_7.png);}
    100%{background-image: url(../images/solu_6.png);}

}

.pro1_1 .con4 .swiper-slide{width: auto;}

.pro1_1 .con4 span{display: block;height: 45px;border-radius: 3px;color: #fff;background: #1979ff;line-height: 45px;position: relative;padding: 0 36px;}

.pro1_1 .con4 p{width: 14px;height: 10px;background: url(../images/solu_6.png) center no-repeat;background-size: 100% 100%;animation: solu1 2s infinite linear ;transition: all 0.6s;margin: 0 16px;}

.pro1_1 .con4 span::after{    content: "";position: absolute;width: calc(100% - 4px);height: calc(100% - 4px);border: 1px solid rgba(255, 255, 255, 0.15);left: 2px;top: 2px;border-radius: 3px;}

/* .pro1_1 .con3 img{display: block;margin: 0 auto;} */

.pro1_2{background: #f7f9fc;}

.pro1_2 .con1{width: 100%;margin: 0 auto;position: relative;}

.pro1_2 .con1 .swiper-slide{text-align: center;font-size: 30px;height: 40px;line-height: 40px;color: #cccccc;cursor: pointer;}

.pro1_2 .con1 .swiper-slide-active{font-size: 36px;color: #20262e;}

.pro1_2 .con1 .swiper-slide:hover{color: #20262e;}

.pro1_2 .con1 p{display: flex;align-items: center;position: absolute;left: 0;width: 350px;justify-content: space-between;}

.pro1_2 .con1 span{display: block;font-size: 30px;cursor: pointer;color: #cccccc;}

/* .pro1_2 .con1 span:first-child{margin-right: 90px;} */

.pro1_2 .con1 span:hover{color: #20262e;}

.pro1_2 .con1 span.act{font-size: 36px;color: #20262e;}

.pro1_2 .con1 p.act{left: auto;right: 0;}

.pro1_2 .neir{margin: 0px auto 20px;line-height: 24px;text-align: center;}

.pro1_2 .neir .nei{display: none;}

.pro1_2 .neir .nei.act{display: block;}



.pro1_3{}


.pro1_3 .con1{text-align: center;}

.pro1_3 .con2 .ul{display: flex;justify-content: space-between;}

.pro1_3 .con2 .ul .li{width: 25%;padding: 0 45px;transition: all 0.6s;}

.pro1_3 .con2 .ul .li:hover{transform: translateY(-15px);transition: all 0.6s;}


.pro1_3 .con2 .ul .l1{width: 50px;position: relative;}

.pro1_3 .con2 .ul .l1 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;text-align: center;line-height: 40px;text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);font-size: 20px;}

.pro1_3 .con2 .ul .l2{width: 18px;margin: 28px 0 23px;}

.pro1_3 .con2 .ul .l3{margin-bottom: 22px;line-height: 1.4;}

.pro1_3 .con2 .ul .l4{line-height: 24px;color: #3e4a59;}

.pro1_4{background:#f7f9fc;}

.pro1_4 .con1{text-align: center;}

.pro1_4 .con2{text-align: center;line-height: 24px;}

.pro1_4 .con3 .swiper-container{padding: 35px 0 40px;}

.pro1_4 .con3 .swiper-slide{height: auto;}

.pro1_4 .con3 .ss{background: #fff;color: #2d3540;padding: 33px 40px 35px;border-radius: 4px;height: 100%;}

.pro1_4 .con3 .ss .s1 img{width:50px;}

.pro1_4 .con3 .ss .s2{padding: 25px 0 30px; position: relative;}

.pro1_4 .con3 .ss .s2::after{content: "";width: 12px;height: 3px;bottom: -1px;background: #fff;position: absolute;left: 50%;z-index:2;transform: translateX(-50%);}

.pro1_4 .con3 .ss .s3{color: #3e4a59;padding-top: 25px;line-height: 22px;border-top: 1px solid #e6e9f0;position: relative;overflow: hidden;}

.pro1_4 .con3 .ss .s3::after{content: "";width: 12px;height: 12px;border: 1px solid #e6e8eb; position: absolute;left: 50%;top: -2px;transform: translate(-50%,-50%) rotate(45deg);background: #fff;}

.pro1_4 .con3 .ss:hover{transform: translateY(-10px);}

/* .pro1_5{background: #f7f9fc;} */

.pro1_5 .con1{text-align: center;}

.pro1_5 .con2 .swiper-container{padding-bottom: 40px;}

.pro1_5 .con2  .swiper-slide{height: auto;background: #fafcff;}

.pro1_5 .con2 .ss{height: 100%;padding: 50px 100px 50px 35px;position: relative;z-index: 1;}

.pro1_5 .con2  s{width: 100%;height: 100%;position: absolute;left: 0;top: 0;width: 100%;background: url(../images/pro1_20.jpg) center no-repeat;background-size: cover;opacity: 0;transition: all 0.6s;}

.pro1_5 .con2 .ss .s1{display: flex;line-height: 1.3;transition: all 0.6s;}

.pro1_5 .con2 .ss .s1 .img{margin-right: 12px;width: 50px;}

.pro1_5 .con2 .ss .s1  .txt{width: calc(100% - 72px);padding-top: 10px;}

.pro1_5 .con2 .ss .s2{width: 30px;height: 3px;background: #1d76f2;margin: 7px 0 25px 72px;}


.pro1_5 .con2 .ss .s3{padding-left: 72px;line-height: 24px;color: #3e4a59;}

.pro1_5 .con2 .swiper-slide:hover s{opacity: 1;transition: all 0.6s;}

.pro1_5 .con2 .swiper-slide:hover .s1{color: #1d76f2;transition: all 0.6s;}

.pro2_1{background: #f7f9fc;padding-top: 60px;}

.pro2_1 .ul{display: flex;justify-content: space-between;}

.pro2_1 .ul .li{width: 23.6%;background: #fff;padding: 25px 10px 20px 20px;display: flex;border-radius: 4px;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);position: relative;overflow: hidden;cursor: pointer;}

.pro2_1 .ul .li.act::after{height: 100%;}

.pro2_1 .ul .li .l1{width: 50px;}

.pro2_1 .ul .li .l2{width:calc(100% - 73px);}


.pro2_1 .ul .li::after{content: "";position: absolute;left: 0;top: 0;width: 5px;background: #1d76f2;height: 0%;transition: all 0.6s;}

.pro2_1 .ul .li .l1{margin-right: 23px;}

.pro2_1 .ul .li .l2 p:first-child{margin-bottom: 10px;color: #1979ff;}

.pro2_1 .ul .li .l2 p:last-child{line-height: 22px;color: #3e4a59;}

.pro2_1 .ul .li:hover{transform: translateY(-6px);}

.pro2_1 .ul .li:hover::after{height: 100%;transition: all 0.6s;}

.pro2_2{background: #f7f9fc;}

.pro2_2 .por22_con {display: none;}

.pro2_2 .por22_con.act{display: block;}

.pro2_2 .con1{text-align: center;}

.pro2_2 .con2{text-align: center;line-height: 24px;width: 820px;color: #3e4a59;margin: 5px auto 20px;}

.pro2_2 .con3 img{display: block;margin: 0 auto;width: 100%;}

.pro2_2 .con3 .imgdh{width: 100%;position: relative;}

.pro2_2 .con3 .imgdh img.img2{position: absolute;left: 0;top: 0;width: 100%;}

.pro2_2 .con3 .imgdh img.img3{position: absolute;left: 0;top: 0;width: 100%;transition: all 0.6s;}

.pro2_2 .con3 .imgdh .iq{overflow: hidden;width: 0;position: absolute;left: 0;top: 0;height: 100%;animation: xianhd 4s infinite linear;}

.pro2_2 .con3 .imgdh .iq img{position: absolute;left: 0;top: 0;max-width: none;width: auto;height: 100%;}

.pro2_2 .con3 .imgdh .di{opacity: 0;}

@keyframes xianhd {
    0% {
        width: 0;
        opacity: 1;
    }
    
    70% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}
.pro2_2 .con3 .imgdh img.img3:hover{transform: translate(0px,-10px);transition: all 0.6s;}





.pro2_2 .con3 video{width: 100%;}

.pro1_4.pro2_4 .con3 .ss .s1{padding-bottom: 20px;position: relative;}

.pro1_4.pro2_4 .con3 .ss .s1::after{    content: "";width: 12px;height: 3px;bottom: -1px;background: #fff;position: absolute;left: 50%;z-index: 2;transform: translateX(-50%);}

.pro1_4 .con3 .swiper-container{padding: 45px 0 40px;}

.pro1_4.pro3_4 .con3 .swiper-container{padding: 40px 0;}

.pro1_4.pro3_4 .xbdh{margin: 20px 0 0;}

.pro1_4.pro3_4 .con3 .ss{padding: 30px 40px 55px;}

.pro1_4.pro2_4 .con3 .ss{padding: 45px 36px 55px;}

.pro2_2.pro3_2 .xbdh{margin: 20px 0 15px;}

.pro2_2.pro3_2 .con2{margin: 35px auto 20px;}


.solu_1.pro1_1 .tongy .ul{width: 1100px;}

.pro2_2.pro3_2.soul_2 .xbdh{margin: 20px auto 0;}

.join1_1 {background: #f7f9fc;}

.join1_1 .con1{text-align: center;}

.join1_1 .con2 .swiper-slide{height: auto;}

.join1_1 .con2 .ss{background: url(../images/join1_7.png) right top no-repeat;background-size: cover;padding: 40px 50px 45px;border-radius: 6px;overflow: hidden;height: 100%;}

.join1_1 .con2 .s1{color: #2d354020;margin-bottom: 30px;}

.join1_1 .con2 .s2{display: flex;align-items: center;}

.join1_1 .con2 .s2 .img {width: 100px;height: 100px;overflow: hidden;border-radius: 100%;margin-right: 15px;}


.join1_1 .con2 .s2 .img img{width: 100%;}

.join1_1 .con2 .s2 .dou{width: 45px;opacity: 0.6;margin-left: 125px;}

.join1_1 .con2 .s3{line-height: 24px;margin-top: 33px;color: #3e4a59;position: relative;}

.join1_1 .con2 .s3 p{margin-bottom: 15px;}

.join1_1 .con2 .s3 p:last-child{padding-right: 250px;}

.join1_1 .con2 .s3 img{width:45px ;position: absolute;right: 0;bottom: 0;transform: rotate(180deg);opacity: 0.6;}

.join1_1 .con2  .swiper-container{padding-bottom: 30px;}

.join1_2{}

.join1_2 .con1{text-align: center;}

.join1_2 .con2{display: flex;}

.join1_2 .con2 .con_le{width: 50%;border: 1px solid #f2f4f7;}

.join1_2 .con2 .con_re{width: 50%;background: url(../images/join1_10.jpg) center no-repeat;background-size: 100% 100%;color: #fff;padding: 155px 60px 20px;}

.join1_2 .con2 .con_re .re1{display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.join1_2 .con2 .con_re .re1 p{display: flex;align-items: center;padding: 0 15px 15px;margin-right: 30px;position: relative;cursor: pointer;}

.join1_2 .con2 .con_re .re1 p::after{content: "";position: absolute;left: 0;bottom: -1px;background: rgba(255, 255, 255, 0.8);transition: all 0.6s;height: 3px;width: 0%;}

.join1_2 .con2 .con_re .re1 p img{margin-right: 13px;}

.join1_2 .con2 .con_re .re1 p.act::after{width: 100%;}

.join1_2 .con2 .con_re .re1 p:hover:after{width: 100%;}

.join1_2 .con2 .con_re .re2{padding-top: 35px;line-height: 24px;}

.join1_2 .con2 .con_re .re2 p{margin-bottom: 15px;text-align: justify;}

.join1_2 .con2 .con_re .re2 .rps{display: none;}

.join1_2 .con2 .con_re .re2 .rps.act{display: block;}

.join1_3{background: #f7f9fc;}

.join1_3 .con1{text-align: center;}

.join1_3 .con2 .ul{display: flex;justify-content: space-between;}

.join1_3 .con2 .ul .l1 img{display:block;margin: 0 auto;width: 60px;}

.join1_3 .con2 .ul .l2{width: 6px;height: 6px;border-radius: 100%;background: #1979ff50;margin: 25px auto;}

.join1_3 .con2 .ul .l3{text-align: center;line-height: 24px;}

.join1_3 .con2 .ul .li2{width: 56px;height: 13px;background: url(../images/join1_21.png) center no-repeat;background-size: 100% 100%;animation: join13 2s infinite linear;transform: translateY(-20px);}

.join1_3 .con2 .ul .n{display: flex;align-items: center;}



@keyframes join13 {
    0%{background-image: url(../images/join1_21.png);}
    30%{background-image: url(../images/join1_22.png);}
    60%{background-image: url(../images/join1_23.png);}
    100%{background-image: url(../images/join1_21.png);}

}


.join1_3 .con2 .ul .li:hover .l2{background: #1979ff;}

.join1_3 .con2 .ul .li:hover .l3{color: #1979ff;}

.join1_4 .con1{text-align: center;}

.join1_4 .con2{text-align: center;color: #3e4a59;margin-bottom: 50px;line-height: 22px;}


.join1_4 .con3{text-align: center;}

.join1_4 .con3 .ul{display: flex;background:#f7f9fc url(../images/join1_24.jpg) top left no-repeat;background-size: 100% 100px;padding-bottom: 50px;}

.join1_4 .con3 .ul .li{flex: 1;}

.join1_4 .con3 .ul .li .l1{height: 100px;color: #fff;display: flex;align-items: center;justify-content: center;}

.join1_4 .con3 .ul .li .l1 p:first-child{margin-bottom: 17px;}

.join1_4 .con3 .ul .li .l2{margin: 30px 0 20px;position: relative;}

.join1_4 .con3 .ul .li .l2::after{height: 4px;background: #e1e4eb;position: absolute;bottom: 7px;left: calc(50% + 11px);width: calc(100% - 22px);content: "";}

.join1_4 .con3 .ul .li .l2 .i{width: 18px;margin: 0 auto;height: 30px;position: relative;}

.join1_4 .con3 .ul .li .l2 .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.join1_4 .con3 .ul .li .l3{line-height: 24px;padding: 0 0 55px;position: relative;}

.join1_4 .con3 .ul .li .l3::after{position: absolute;left: 20px;top: 0;width: calc(100% - 40px);height: 100%;content: "";background: url(../images/join1_27.png) center no-repeat;background-size: 100% 100%;opacity: 0;transition: all 0.6s;}

.join1_4 .con3 .ul .li .l3 p{margin-bottom: 8px;color: #3e4a59;position: relative;z-index: 1;}

.join1_4 .con3 .ul .li:last-child .l2::after{content: none;}

.join1_4 .con3 .ul .li:hover .l3::after{opacity: 1;transition: all 0.6s;}

.join1_4 .con3 .ul .li:hover .l3{padding: 20px 0 35px;}

.join1_4 .con3 .ul .li:hover .l3 p{color: #fff;}

.join1_4 .con3 .ul .li:hover .l2 .i img:last-child{opacity: 1;}

.join1_4 .con3 .ul .li:hover .l2 .i img:first-child{opacity: 0;}


.join1_5{background: #f7f9fc;}

.join1_5 .con1{text-align: center;}

.join1_5 .con2{width: 840px;margin: 0 auto;line-height: 24px;text-align: center;}

.join1_5 .con3{margin-top: 37px;}


.join1_5 .con3 .ul{display: flex;justify-content: space-between;}

.join1_5 .con3 .ul .li{width: 23.61%;}

.join1_5 .con3 .ul .li.act{width: 48.96%;}

.join1_5 .con3 .ul .li .img{width: 100%;overflow: hidden;}

.join1_5 .con3 .ul .li .img img{max-width: none;height: 450px;}

.join1_6{}

.join1_6 .con1{text-align: center;}

.join1_6 .con2{color: #fff;}

.join1_6 .con2 ul{display: flex;}

.join1_6 .con2 .ul1 .li1{flex: 1;}

.join1_6 .con2 .ul1 .li1_1 s{background: rgba(115,115,229, 1);}

/* .join1_6 .con2 .ul1 .li1_1 s{background: rgba(115,115,229, 0.95);} */

.join1_6 .con2 .ul1 .li1_2 s{background: rgba(250,87,115, 1);}

.join1_6 .con2 .ul1 .li1_3 s{background: rgba(158,112,204, 1);}

.join1_6 .con2 li{position: relative;}

.join1_6 .con2 li .img img {width: 100%;}

.join1_6 .con2 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(#00000000,#00000000, #00000050,#00000080);}

.join1_6 .con2 .txt .t{position: absolute;bottom: 33px;line-height: 1.4;padding: 0 38px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.join1_6 .con2 li s{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;display: block;opacity: 0;}

.join1_6 .con2 li:hover s{opacity: 0.96;}

.join1_6 .con2 .li2{width: 25%;}

.join1_6 .con2 .li2:first-child{width: 50%;}

.join1_6 .con2 .li2:nth-child(2n){width: 25%;}

.join1_6 .con2 .li2_1 s{background: #bf737f;}

.join1_6 .con2 .li2_2 s{background: #74b2b2;}

.join1_6 .con2 .li2_3 s{background: #bf9673;}

.join1_6 .con2 .li3_1 s{background: #cc9c7a;}

.join1_6 .con2 .li3_2 s{background: #606580;}

.join1_6 .con2 .li3_3 s{background: #9dbfa8;}

.join1_6 .con2 .li3{width: 25%;}

.join1_6 .con2 .li3:last-child{width: 50%;}

.join2_1{background: #f7f9fc;}

.join2_1 .con1{text-align: center;}

.join2_1 .con2 .ul{display: flex;justify-content: space-between;}

.join2_1 .con2 .ul .li{width: 48.61%;padding: 45px 48px 60px;text-align: center;background: #fff;position: relative;}

.join2_1 .con2 .ul .li::before{width: 100%;background: #e8f1ff;position: absolute;left:0;bottom: 0;height: 5px;content: "";}

.join2_1 .con2 .ul .li::after{width: 0%;background: #1979ff;position: absolute;left:0;bottom: 0;height: 5px;content: "";transition: all 0.6s;}


.join2_1 .con2 .ul .li .l1 img{display: block;margin:  0 auto;}

.join2_1 .con2 .ul .li .l2{padding: 20px 0 30px;position: relative;}

.join2_1 .con2 .ul .li .l2::after{content: "";width: 16px;background: #fff;position: absolute;left: 50%;height: 3px;bottom: -1px;z-index: 2;transform: translateX(-50%);}

.join2_1 .con2 .ul .li .l3{line-height: 24px;padding-top: 26px;border-top: 1px solid #e6e9f0;overflow: hidden;position: relative;color: #3e4a59;}

.join2_1 .con2 .ul .li .l3::after{content: "";width: 12px;height: 12px;border: 1px solid #e6e8eb;position: absolute;left: 50%;transform: translateX(-50%)  rotate(45deg);top: -6px;}

.join2_1 .con2 .ul .li:hover:after{width: 100%;transition: all 0.6s;}

.join2_2{text-align: center;}

.join2_2{}

.join2_2 .con3{width: 1020px;margin: 28px auto 45px;line-height: 24px;color: #3e4a59;}

.join2_3{background: #f7f9fc;}

.join2_3 .con1{text-align: center;}

.join2_3 .con2 .swiper-slide{width: 24.3%;}

.join2_3 .con2 .swiper-slide .img img{width: 100%;}

.join2_3 .con2 .swiper-slide-active{width: 50%;}

.join2_3 .con2 .swiper-slide .ss{position: relative;}

.join2_3 .con2 .swiper-slide .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/join2_8.png) center no-repeat;background-size: 100% 100%;color: #fff;}

.join2_3 .con2 .swiper-slide .ss .txt .ts{position: absolute;padding: 38px;bottom: 0;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1{display: flex;}

.join2_3 .con2 .swiper-slide:first-child  .x{border-bottom: 1px solid rgba(255, 255, 255, 0.2);height: 2px;background: none !important;width: 100% !important;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span{margin-right: 25px;display: block;padding-bottom: 23px;position: relative;cursor: pointer;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span::after{position: absolute;width: 0%;height: 2px;content: "";background: #fff;left: 0;bottom: -1px;transition: all 0.6s;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span:last-child{margin-right: 0}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span.act{font-weight: bold;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span.act::after{width: 100%;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span:hover::after{width: 100%;transition: all 0.6s;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t2s{line-height: 22px;padding-top: 20px;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t2s .s1 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden;height: 44px;}

.join2_3 .con2 .swiper-slide:first-child .ss .txt .ts .t2s .s1{display: none;}

.join2_3 .con2 .swiper-slide:first-child .ss .txt .ts .t2s .s1.act{display: block;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .t1 p{padding-bottom: 23px;}

.join2_3 .con2 .swiper-slide .ss .txt .ts .x{width: 30px;background: rgba(255, 255, 255, 0.4);height: 2px;}

.join3_1{background: #f7f9fc;}

.join3_1 .con1{text-align: center;}

.join3_1 .con2{margin-bottom: 40px;}

.join3_1 .con2 .ul{display: flex;justify-content: center;}

.join3_1 .con2 .ul .li{border: 1px solid #d7d8db;border-radius: 4px;overflow: hidden;margin-right: 20px;position: relative;background: #fff;}

.join3_1 .con2 .ul .li s{position: absolute;width: 36px;height: 36px;right: 0;background: #fff;top: 50%;transform: translateY(-50%);pointer-events: none;}

.join3_1 .con2 .ul .li s::after{content: "";position: absolute;top: calc(50% - 1px);right: 12px;width: 12px;height: 2px;background: #475566;}

.join3_1 .con2 .ul .li s::before{content: "";position: absolute;top:12px;right: 17px;width: 2px;height: 12px;background: #475566;}


.join3_1 .con2 .ul .li:last-child{margin-right: 0;}

.join3_1 .con2 .ul .li1{width: 240px;height: 50px;}

.join3_1 .con2 .ul .li2{width: 240px;height: 50px;}

.join3_1 .con2 .ul .li3{width: 440px;height: 50px;position: relative;padding-right: 3px;display: flex;align-items: center;}

.join3_1 .con2 .ul .li3::after{background: #1979ff;width: 6px;height: 6px;border-radius: 100%;left: 20px;top: 50%;transform: translateY(-50%);content: "";position: absolute;}


.join3_1 .con2 .ul select{width: 100%;height: 100%;padding-left: 20px;background: #ffffff;border: 0;cursor: pointer;font-size: 16px;color: #20262e;}

.join3_1 .con2 .ul .li3 input{width: calc(100% - 50px);height: 100%;color: #c8c9cc;border: 0;outline: none;padding-left: 33px;color: #3e4a59;font-size: 16px;background: none;}

.join3_1 .con2 .ul .li3 a{width: 50px;height: 42px;background: #1979ff url(../images/join3_1.png) center no-repeat;background-size: 30px 30px; border-radius: 4px;}

.join3_1 .con2 .ul .li3 input::-webkit-input-placeholder{
    color:#c8c9cc;
    font-size:16px;
    
}
.join3_1 .con2 .ul .li3 input:-moz-placeholder {
    color:#c8c9cc;
    font-size:16px;
    
}
.join3_1 .con2 .ul .li3 input::-moz-placeholder {
    color:#c8c9cc;
    font-size:16px;
    
}
.join3_1 .con2 .ul .li3 input:-ms-input-placeholder {
    color:#c8c9cc;
    font-size:16px;
    
}


.join3_1 .con2 .ul .li.act s::before{opacity: 0;}

.join3_1 .con3 .li{padding: 0 20px 18px 40px;background: #fff;margin-bottom: 10px;}

.join3_1 .con3 .li .li_top{display: flex;justify-content: space-between;padding: 38px 0 25px;align-items: center;cursor: pointer;}

.join3_1 .con3 .li .li_top .t_le{width: calc(100% - 80px);position: relative;}

.join3_1 .con3 .li .li_top .t_le .t1{margin-bottom: 18px;position: relative; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.join3_1 .con3 .li .li_top .t_le::after{content: "";width: 5px;height: 0px;background: #1979ff;position: absolute;left: -40px;top: -1px;transition: all 0.6s;}

.join3_1 .con3 .li .li_top .t_le .t2{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #3e4a59;}


.join3_1 .con3 .li .li_top .t_le .t3{display: none; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #3e4a59;}

.join3_1 .con3 .li .li_top .t_re span{width: 40px;height: 40px;border-radius: 100%;border: 1px solid #d8dadc;display: block;transform: translateY(5px);position: relative;}

.join3_1 .con3 .li .li_top .t_re span s{display: block;position: absolutea;}

.join3_1 .con3 .li .li_top .t_re span s.s1{width: 12px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #475566;}

.join3_1 .con3 .li .li_top .t_re span s.s2{width: 2px;height: 12px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #475566;}

.join3_1 .con3 .li  .li_txt {padding-top: 25px;border-top: 1px solid #e6e7eb;display: none;}

.join3_1 .con3 .li  .li_txt .txt1{display: flex;justify-content: space-between;padding-bottom: 33px;}

.join3_1 .con3 .li .li_txt .txt1 .x{width: 1px;display: block;border-left: 1px dashed #e6e7eb;}

.join3_1 .con3 .li .li_txt .txt1 .txt_le{width: 50%;padding: 0 50px 0 0;color: #3e4a59;}

.join3_1 .con3 .li .li_txt .txt1 .txt_le:nth-child(3n){padding: 0 0 0 50px;}

.join3_1 .con3 .li .li_txt .txt1 .txt_le .t1{margin-bottom: 15px;}

.join3_1 .con3 .li .li_txt .txt1 .txt_le .t2{line-height: 24px;}

.join3_1 .con3 .li .li_txt .txt2{padding-top: 16px;display: flex;justify-content: space-between;border-top: 1px dashed #e6e7eb;}

.join3_1 .con3 .li .li_txt .txt2 .tl{display: flex;align-items: center;color: #3e4a59;}

.join3_1 .con3 .li .li_txt .txt2 .tl img{margin-right: 7px;}

.join3_1 .con3 .li .li_txt .txt2 .tl a:hover{color: #1979ff;}

.join3_1 .con3 .li .li_top:hover .t1{color: #1979ff;}

.join3_1 .con3 .li .li_top:hover .t_le .t1::after{height: 20px;}

.join3_1 .con3 .li .li_top.act .t1{color: #1979ff;}

.join3_1 .con3 .li .li_top.act .t_le::after{height: 20px;}

.join3_1 .con3 .li .li_top.act .t_re span{background: #1979ff;border: 1px solid #1979ff;}

.join3_1 .con3 .li .li_top.act .t_re span s{background: #fff;}

.join3_1 .con3 .li .li_top.act .t_re span s.s2{opacity: 0;}

.join3_1 .con3 .li .li_top.act .t_le .t3{display: block;}

.join3_1 .con3 .li .li_top.act .t_le .t2{display: none;}

.join3_1 .con3{margin-bottom: 40px;}

.fys{display: block;}

.fys .uls{display: flex;align-items: center;justify-content: center;}

.fys .uls .lis{width: 32px;height: 32px;text-align: center;line-height: 32px;border-radius: 4px;color: #3e4a59;}

.fys .uls .lis a{color: #3e4a59;}

.fys .uls .lis.li_zuo{position: relative;width: 32px;height: 32px;border: 1px solid #e1e3e6;margin: 0 20px;background: #fff;}

.fys .uls .lis.li_zuo img{opacity: 0.4;}

.fys .uls .lis.li_zuo.you {transform: rotate(180deg);}

/* .fys .uls .lis.li_zuo img:last-child{position: absolute;left: 0;top: 0;opacity: 0;} */

.fys .uls .lis input{width: 60px;height: 32px;padding-left: 15px;outline: none;border:1px solid #a8abb2;border-radius: 2px;margin: 0 8px;border-radius: 6px;}

.fys .uls .lis.in{width: auto;}

.fys .uls .lis.ls{border: 1px solid #e1e3e6;margin-left: 20px;width: 50px;}

.fys .uls .lis a{display: block;border-radius: 4px;}

.fys .uls .lis a:hover{color: #fff;background: #1979ff;}

.fys .uls .lis.li_zuo a:hover {background: none;}
 
.fys .uls .lis.li_zuo a:hover img{opacity: 1;}

.fys .uls .lis.li_zuo:hover{border: 1px solid #a8abb2;}

/*.fys .uls .lis.li_zuo a:hover img:first-child{opacity: 0;} */

.fys .uls .lis.act a{color: #fff;background: #1979ff;}

.jiaz{width: 120px;height: 40px;line-height: 40px;background: #1979ff;background-size: contain;text-align: center;color: #fff;display: block;margin: 0 auto;display: none;border-radius: 3px;}

.join3_2{}

.join3_2 .con1{text-align: center;}

.join3_2 .con2{border-radius: 6px;overflow: hidden;margin-bottom: 20px;}

.join3_2 .con2 img{width: 100%;}

.join3_2 .con3{}

.join3_2 .con3 .ul{display: flex;justify-content: space-between;}

.join3_2 .con3 .l1 {position: relative;height: 70px;display: flex;align-items: center;justify-content: center;}

.join3_2 .con3 .l1 .s{width: 70px;height: 70px;position: relative;margin: 0 auto;}

.join3_2 .con3 .l1 .t{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.join3_2 .con3 .l2{text-align: center;line-height: 1.3;margin-top: 35px;}

.join3_2 .con3 .l1 p{width: 8px;height: 13px;background: url(../images/join3_11.png) center no-repeat;background-size: 100% 100%;animation: join322 3s infinite linear alternate;}

.join3_2 .con3 .l2 p{width: 77px;height: 7px;background: url(../images/join3_12.png) center no-repeat;background-size: 100% 100%;transform: translateY(6px);animation:  join321 3s infinite linear ;}


.join3_2 .con3 .li:hover .l2{color: #1979ff;}

@keyframes join321 {
    0%{background-image: url(../images/join3_12.png);}
    20%{background-image: url(../images/join3_13.png);}
    40%{background-image: url(../images/join3_14.png);}
    60%{background-image: url(../images/join3_15.png);}
    80%{background-image: url(../images/join3_16.png);}
    100%{background-image: url(../images/join3_12.png);}

}
@keyframes join322{
    0%{opacity: 0.2;}
    100%{opacity: 1;}

}


.join3_3{background: #f7f9fc;}

.join3_3 .con1{text-align: center;}

.join3_3 .con2{}

.join3_3 .con2 .li:first-child{padding: 0 0 35px;}

.join3_3 .con2 .li{border-bottom: 1px solid #d7d8db;padding: 35px 0;}

.join3_3 .con2 .li .l1{display: flex;line-height: 30px;}

.join3_3 .con2 .li .l1 img{margin-right: 15px;}

.join3_3 .con2 .li .l2{padding-left: 45px;line-height: 24px;margin-top: 13px;}

.join3_3 .con2 .li:hover .l1 span{color: #1979ff;}


.join3_3 .con3{margin-top: 40px;}


.jianltc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 100;display: none;}

.jianltc .jian_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 800px;height: 550px;border-radius: 20px;overflow: hidden;padding: 60px 100px 0 95px;}


.jianltc .jian_con .out{width: 30px;height: 30px;background: url(../images/join3_19.png) center no-repeat;background-size: 100% 100%;right: 20px;top: 20px;border: 1px solid #dadbde;border-radius: 100%;position: absolute;cursor: pointer;}

.jianltc .jian_con .out:hover{background:#1979ff url(../images/join3_20.png) center no-repeat;background-size: 100% 100%;border: 1px solid #1979ff;}

.jianltc .jian_con .con1{text-align: center;margin-bottom: 40px;}

.jianltc .jian_con .con2 .li{display: flex;align-items: center;height: 40px;margin-bottom: 20px;position: relative;}

.jianltc .jian_con .con2 .li span.sp1{width: 12px;color: #f53d3d;}

.jianltc .jian_con .con2 .li span.sp2{width: 76px;color: #3e4a59;}

.jianltc .jian_con .con2 .li .in{width: calc(100% - 88px);height: 100%;border: 1px solid #d7d8db;border-radius: 3px;overflow: hidden;}

.jianltc .jian_con .con2 .li .in input{width: 100%;height: 100%;border: none;outline: none;padding-left: 20px;font-size: 16px;color: #475566;}

.jianltc .jian_con .con2 .li .in input::-webkit-input-placeholder{
    color:#c0c5cc;
    font-size:14px;
}
.jianltc .jian_con .con2 .li .in input:-moz-placeholder {
    color:#c0c5cc;
    font-size:14px;
}
.jianltc .jian_con .con2 .li .in input::-moz-placeholder {
    color:#c0c5cc;
    font-size:14px;
}
.jianltc .jian_con .con2 .li .in input:-ms-input-placeholder {
    color:#c0c5cc;
    font-size:14px;
  
}

.jianltc .jian_con .con2 .li .yzm{width: 160px;height: 100%;position: absolute;right: 0;top: 0;border: 1px solid #d7d8db;cursor: pointer;}

.jianltc .jian_con .con2 .li .yzm img{width: 100%;height: 100%;}

.jianltc .jian_con .con2 .li:last-child{height: 55px;}

.jianltc .jian_con .con2 .li  .jl{width: 55px;height: 55px;border: 1px dashed #d8d9dc;position: relative;cursor: pointer;border-radius: 3px;}

.jianltc .jian_con .con2 .li  .jl input{width: 100%;height: 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}

.jianltc .jian_con .con2 .li  .jl .zg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}

.jianltc .jian_con .con2 .li  .jl span{position: absolute;left:calc(100% + 15px);top: 50%;transform: translateY(-50%); white-space: nowrap;}

.jianltc .jian_con .con2 .li  .jl .zg::after{width: 20px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #d7d8db;content: "";}

.jianltc .jian_con .con2 .li  .jl .zg::before{width: 2px;height: 20px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #d7d8db;content: "";}

.jianltc .jian_con .con2 .li:last-child{margin-bottom: 15px;}

.jianltc .jian_con .con3{display: flex;justify-content: center;}

.tctss{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 150;background: rgba(0, 0, 0, 0.5);display: none;}

.tctss .tc_con{width: 300px;height: 160px;background: #fff;border-radius: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;padding-top: 30px;}

.tctss .tc_con .con2{display: flex;justify-content: center;margin-top: 20px;}

.contact1{background: #f7f9fc;}

.contact1 .con1{text-align: center;}

.contact1 .con2{}

.contact1 .con2 .ul{display: flex;justify-content: space-between;}

.contact1 .con2 .ul .li{background: #fff;width: 31.95%;padding: 50px 30px 55px;border: 1px solid #f0f0f0;text-align: center;}

.contact1 .con2 .ul .li .l1 img{width: 60px;display: block;margin: 0 auto;}

.contact1 .con2 .ul .li .l2{margin: 22px 0 15px;}

.contact1 .con2 .ul .li .l3{line-height: 24px;color: #3e4a59;}

.contact1 .con2 .ul .li .l3 a{color: #3e4a59;}

.contact1 .con2 .ul .li .l3 a:hover{color: #1979ff;}

.contact1 .con2 .ul .li:hover{box-shadow: 0 0 10px 5px #f0f0f0;}

.contact2{}

.contact2 .con1{text-align: center;}

.contact2 .con2{display: flex;justify-content: space-between;margin-bottom: 40px;}

.contact2 .con2 span{display: block;flex: 1;text-align: center;padding-bottom: 25px;position: relative;cursor: pointer;}

.contact2 .con2 span::after{content: "";height: 3px;position: absolute;background: #1979ff;left: 0;bottom: 0;transition: all 0.6s;width: 0;}

.contact2 .con2 span.act::after{width: 100%;}

.contact2 .con2 span.act{font-weight: bold;color: #1979ff;}

.contact2 .con2 span:hover:after{width: 100%;transition: all 0.6s;}

.contact2 .con2 span:hover{color: #1979ff;}

.contact2 .con3{display: flex;}

.contact2 .con3 .con_le{width: 59.72%;position: relative;}

.contact2 .con3 .con_re{width: 40.28%;background: url(../images/con2_3.jpg) center no-repeat;background-size: 100% 100%;position: relative;color: #fff;}

.contact2 .con3 .con_re::after{position: absolute;width: 16px;height: 16px;content: "";position: absolute;left: 2px;top: 50%;transform: translateX(-50%) rotate(45deg);background: #2497f7;}

.contact2 .con3 .con_le .img img{width: 100%;}

.contact2 .con3 .con_le .ding{position: absolute;left: 42%;top: 33%;width: 17.5%;}

.contact2 .con3 .con_le .ding .i img{width: 100%;}

.contact2 .con3 .con_le .ding .shan{width: 13px;height: 5px;background: #1d76f2;border-radius: 100%;margin: 0 auto;position: relative;transform: translateX(1px);}

.contact2 .con3 .con_le .ding .shan span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #1d76f260; animation:  con11 2s infinite linear alternate;width: 100%;height: 100%;display: block;border-radius: 100%;}

.contact2 .con3 .con_le .ding .shan  s{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #1d76f220; animation:  con12 2s infinite linear alternate;width: 100%;height: 100%;display: block;border-radius: 100%;}

@keyframes con11 {
    0%{transform: translate(-50%,-50%) scale(0);}
    100%{transform: translate(-50%,-50%) scale(2);}

}


@keyframes con12 {
    0%{transform: translate(-50%,-50%) scale(0);}
    100%{transform: translate(-50%,-50%) scale(3);}

}


.contact2 .con3 .con_re .res{padding: 40px 50px 10px;}

.contact2 .con3 .con_re .res .re{width: 100%;height: 100%;display: none;}

.contact2 .con3 .con_re .res .re img{opacity: 0.6;}

.contact2 .con3 .con_re .res .re .r2{line-height: 1.2;margin: 15px 0 20px;}

.contact2 .con3 .con_re .res .re .r3{display: flex;line-height: 28px;}

.contact2 .con3 .con_re .res .re .r3 img{width: 20px;height: 20px;margin-top: 5px;margin-right: 5px;}

.contact2 .con3 .con_re .res .re .r3{padding-top: 25px;border-top: 1px solid rgba(255, 255, 255, 0.1);}

.contact2 .con3 .con_re .res .re.act{display: block;}

.contact2 .con3 .con_le .le{display: none;}

.contact2 .con3 .con_le .le.act{display: block;}

.contact3{background: #fbfcfe;}


.contact3 .con1{text-align: center;}

.contact3 .con2 {}

.contact3 .con2 .ul{display: flex;justify-content: center;}

.contact3 .con2 .ul .li{background: #fff;border: 1px solid #f0f0f0;padding-bottom: 18px;border-radius: 4px;position: relative;cursor: pointer;margin-right: 100px;}

.contact3 .con2 .ul .li:last-child{margin-right: 0;}

.contact3 .con2 .ul .l1 img{width: 180px;}

.contact3 .con2 .ul .l2{display: flex;align-items: center;justify-content: center;}

.contact3 .con2 .ul .l2 img{margin-right: 5px;}

.contact3 .con2 .ul .li .fc{width: 250px;height: 250px;position: absolute;left: 50%;transform: translateX(-50%);background: #fff;top: 108%;border: 1px solid #f0f0f0;pointer-events:none;visibility: hidden;opacity: 0;z-index: 5;display: none;}

.contact3 .con2 .ul .li .fc::after{content: "";width: 12px;height: 12px;background: #fff;position: absolute;left: 50%;top: -5px;transform: translateX(-50%) rotate(45deg);border-left: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;}

.contact3 .con2 .ul .li .fc img{width: 100%;}

.contact3 .con2 .ul .li .fc.act{pointer-events:none;visibility: visible;opacity: 1;top: 105%;}

.news1{}

.news1 .con1{display: flex;justify-content: space-between;}

.news1 .con1 .con_le{width: 46.53%;}

.news1 .con1 .con_re{width:52.08%;}

.news1 .con1 .con_le a{display: block;position: relative;border-radius: 6px;overflow: hidden;}

.news1 .con1 .con_le a .img{overflow: hidden;}

.news1 .con1 .con_le a .img img{width: 100%;}

.news1 .con1 .con_le a .txt{position: absolute;bottom: 0;color: #fff;padding: 40px;width: 100%;display: flex;justify-content: space-between;background:linear-gradient(#00000000,#00000080,#00000080);}

.news1 .con1 .con_le a .txt{}

.news1 .con1 .con_le a .txt .tx_l{width: calc(100% - 100px);}

.news1 .con1 .con_le a .txt .tx_l .l2{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.news1 .con1 .con_le a .txt .tx_l .l1{display: flex;align-items: center;margin-bottom: 17px;}

.news1 .con1 .con_le a .txt .tx_l .l1 img{margin-right: 5px;}

.news1 .con1 .con_le a .txt .tx_r{position: relative;}

.news1 .con1 .con_le a .txt .tx_r .r{display: flex;align-items: center;position: absolute;right: 0;bottom: 0;}

.news1 .con1 .con_le a .txt .tx_r .i{width: 6px;height: 11px;position: relative;margin-left: 11px;}

.news1 .con1 .con_le a .txt .tx_r .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.news1 .con1 .con_le a .txt .tx_r span{white-space: nowrap;}

.news1 .con1 .con_le a:hover .l2{color: #1d76f2;}

.news1 .con1 .con_le a:hover .txt .tx_r .r span{color: #1d76f2;}


.news1 .con1 .con_le a:hover .txt .tx_r .r .i img:last-child{opacity: 1;}

.news1 .con1 .con_le a:hover .txt .tx_r .r .i img:first-child{opacity: 0;}

.news1 .con1 .con_le a:hover .img img{transform: scale(1.05);}

.news1 .con1 .con_re a{display: flex;align-items: center;border: 1px solid #f0f0f0;border-radius: 6px;margin-bottom:2.3%;}

.news1 .con1 .con_re a .img{width: 42.66%;border-radius: 6px;overflow: hidden;}

.news1 .con1 .con_re a .img img{width: 100%;}

.news1 .con1 .con_re a .txt{width: 57.34%;padding:0 40px 0 28px;}

.news1 .con1 .con_re a .txt .t1{display: flex;align-items: center;color: #999999;}

.news1 .con1 .con_re a .txt .t1 img{margin-right: 5px;}

.news1 .con1 .con_re a .txt .t2{line-height: 1.5;padding: 10px 0 25px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news1 .con1 .con_re a .txt .t3{display: flex;align-items: center;color: #878f99;}

.news1 .con1 .con_re a .txt .t3 .i{width: 6px;height: 11px;position: relative;margin-left: 10px;margin-left: 12px;}

.news1 .con1 .con_re a .txt .t3 .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.news1 .con1 .con_re a:hover .t2{color: #1d76f2;}

.news1 .con1 .con_re a:hover .t3 .i img:last-child{opacity: 1;}

.news1 .con1 .con_re a:hover .t3 span{color: #1d76f2;}

.news1 .con1 .con_re a:hover .img img{transform: scale(1.05);}

.news2{}

.news2 .ul{border-bottom: 1px solid #e6e8eb;}

.news2 .li{position: relative;border-top: 1px solid #e6e8eb;}

.news2 .li:first-child{border: 0;}

.news2 .li::after{position: absolute;left: 0;bottom: -1px;width: 0%;background: #1979ff;content: "";height: 3px;transition: all 0.6s;z-index: 1;}

.news2 .li a{display: flex;align-items: center;padding: 30px 0;}

.news2 .li .ll{width: 190px;display: flex;align-items: center;justify-content: center;}

.news2 .li .lr{width: calc(100% - 190px);padding-right: 60px;}

.news2 .li .ll .ps{width: 110px;height: 110px; background: #f5f7fa;border-radius: 6px;overflow: hidden;display: flex;align-items: center;text-align: center;justify-content: center;color: #3e4a59;}

/* .news2 .li .ll .ps p:last-child{margin-top: 2px;} */

.news2 .li .lr .r1{margin-bottom: 12px;  overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.news2 .li .lr .r2{line-height: 22px;color: #3e4a59;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news2 .li:hover:after{width: 100%;transition: all 0.6s;}

.news2 .li:hover{box-shadow: -5px 0 5px 2px #e6e8eb50;border-top: 1px solid transparent;}

.news2 .li:hover .lr .r1{color: #1979ff;}

.news2 .con{margin-top: 40px;}


.life{}

.life .con1{overflow: hidden;}

.life .con1 .con_le{float: left;width: 49.65%;border-radius: 6px;overflow: hidden;position: relative;}

.life .con1 .con_le .img {overflow: hidden;}

.life .con1 .con_le .img img{width: 100%;}

.life .con1 .con_le .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;}

.life .con1 .con_le .txt .ts{position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);width: 100%;display: flex;justify-content: space-between;align-items: center;height: 80px;padding: 0 40px;}

.life .con1 .con_le .txt .ts .tl{display: flex;align-items: center;width: calc(100% - 120px);}

.life .con1 .con_le .txt .ts .tl .sp1{width: 92px;height: 32px;display: block;text-align: center;line-height: 32px;background: #1d76f2;border-radius: 4px;overflow: hidden;margin-right: 30px;}

.life .con1 .con_le .txt .ts .tl .sp2{width: calc(100% - 130px);display: block;   overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.life .con1 .con_le .txt .ts .sp3{display: flex;align-items: center;}

.life .con1 .con_le .txt .ts .sp3 img{margin-right: 5px;}

.life .djt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;cursor: pointer;}

.life .con1 .con_le:hover .img img{transform: scale(1.05);}


.life .con1 .con_re{width: 48.9%;float: right;}

.life .con1 .con_re .re{display: flex;justify-content: space-between;margin-bottom: 2.7%;}

.life .con1 .con_re .re .r{width: 48.9%;position: relative;}


.life  .ss {overflow: hidden;border-radius: 4px;}

.life  .img img{width: 100%;}

.life  .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;display: flex;align-items: center;justify-content: center;background: rgba(29, 118, 242, 0.8);border-radius: 4px;opacity: 0;}

.life  .txt .t1 img{display: block;border: 1px solid #fff;margin: 0 auto;border-radius: 100%;}

.life  .txt .t2{line-height: 1.4;padding: 0 20px;text-align: center;margin-top: 8px;}

.life  .ss:hover .txt{opacity: 1;}

.life  .ss:hover .img img{transform: scale(1.05);}

.life .con2 {display: flex;justify-content: space-between;}

.life .con2 .co{width: 32.62%;position: relative;}

.search{background: #f7f9fc;padding: 110px 0 80px;}

.search .sear_con{background: #fff;padding: 60px 0 80px;}

.search .cons{width: 69.5%;margin: 0 auto;}

.search .cons .con1{display: flex;height: 50px;border: 1px solid #d7d8db;padding-right: 3px;border-radius: 4px;align-items: center;background: #fff;position: relative;}

.search .cons .con1::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background: #1979ff;border-radius: 100%;left: 20px;}

.search .cons .con1 input{width: calc(100% - 50px);height: 100%;border: 0;outline: none;background: none;padding-left: 35px;}

.search .cons .con1 a{height: 42px;width: 50px;background: #1979ff url(../images/join3_1.png) center no-repeat;background-size: 30px 30px;border-radius: 4px;}


.search .cons .con1 input::-webkit-input-placeholder{
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}
.search .cons .con1 input:-moz-placeholder {
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}
.search .cons .con1 input::-moz-placeholder {
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}
.search .cons .con1 input:-ms-input-placeholder {
    color:#c0c5cc;
    font-size:14px;
    font-weight: 200;
}

.search .cons .con2 .li a{display: block;padding: 50px 0;border-bottom: 1px solid #e6e8eb;}

.search .cons .con2 .li a .l1{ overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.search .cons .con2 .li a .l2{line-height: 24px;margin-top: 13px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */overflow: hidden;}

.search .cons .con2 .li a:hover .l1{color: #1979ff;}

.search .cons .con3{margin-top: 40px;}

.yszcts{width: 100%;position: fixed;left: 0;top: 0;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 100;display: none;}

.yszcts .ys_con{width: 800px;height: auto;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 5px;}

.yszcts .ys_con .con1{line-height: 45px;border-bottom: 1px solid #eee;padding: 0 20px;}

.yszcts .ys_con .con2{padding:5px 20px 5px;height: 460px;padding-right: 20px;overflow-y: auto;}

.yszcts .ys_con .con2::-webkit-scrollbar{ width:4px;height: 1px;}

.yszcts .ys_con .con2::-webkit-scrollbar-thumb{ background:#999999;}

.yszcts .ys_con .con2::-webkit-scrollbar-track{ background:#fff;} 

.yszcts .ys_con .con2 span{display: block;}

.yszcts .ys_con .con2 .c1{line-height: 18px;}

.yszcts .ys_con .con2 .sp1{margin: 15px 0;}

.yszcts .ys_con .con2 .sp2{line-height: 20px;color: #475566;}

.yszcts .ys_con .con2 .sp2 ol{padding: 10px 0;}

.yszcts .ys_con .con2 .sp2 li{display: block;padding-left: 15px;}

.yszcts .ys_con .con2 .sp2 a{color: #1979ff;}

.yszcts .ys_con .con3 {height: 60px;display: flex;justify-content: center;align-items: center;border-top: 1px solid #eee;margin-top: 20px;}


.yszcts .ys_con .con3 span{padding: 10px 20px;color: #fff;background: #1979ff;border-radius: 4px;display: block;cursor: pointer;}





.zichangl{}

.zichangl .zi1{display: flex;justify-content: center;margin-bottom: 40px;}


.zichangl .zi1 p{display: flex;align-items: center;background: #1979ff;color: #fff;padding: 12px 45px 12px 40px;border-radius: 6px;}


.zichangl .zi1 p img{margin-right: 7px;}

.zichangl .zi2{display: flex;padding: 0 160px;justify-content: space-between;}

.zichangl .zi2 .xian{width: 1px;height: auto;background: #bad7ff;}

.zichangl .zi2 .ul{width: 42.9%;}

.zichangl .zi2 .biaot{display: flex;align-items: center;justify-content: center;}

.zichangl .zi2 .biaot img{margin-right: 5px;}


.zichangl .zi2 .li:first-child{margin-bottom: 45px;}


.zichangl .zi2 .lc{display: flex;}

.zichangl .zi2 .lc .ll{width: 80px;}

.zichangl .zi2 .lc .lr{width:calc(100% - 80px);padding-bottom: 45px;}

.zichangl .zi2 .li:last-child .lr{padding-bottom: 0;}


.zichangl .zi2 .lc .ll .l1{width: 50px;height: 50px;position: relative;}
 
.zichangl .zi2 .lc .ll .l2{height: calc(100% - 50px);position: relative;width: 50px;}

.zichangl .zi2 .lc .ll .l2 s{display: block;width: 2px;height: calc(100% - 40px);border-left: 1px dashed #75afff;border-right: 1px dashed #75afff;position: absolute;right: 50%;top: 20px;}

.zichangl .zi2 .li:last-child .lc .ll .l2 s{display: none;}

.zichangl .zi2 .lc .ll .l1 img{width: 100%;}

.zichangl .zi2 .lc .ll .l1  span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #1979ff;}

.zichangl .zi2 .lc .lr .r1{line-height: 30px;padding-bottom: 12px;border-bottom: 1px solid #d7d8db;color: #2d3540;position: relative;cursor: pointer;}

.zichangl .zi2 .lc .lr .r2{margin: 12px 0 5px;line-height: 26px;color: #3e4a59;}

.zichangl .zi2 .lc .lr .r3{line-height: 22px;color: #3e4a59;}

.zichangl .zi2 .lc .lr .r1::after{width: 30px;height: 30px;background: url(../images/zichangl_4.png) center no-repeat;background-size: 100% 100%;position: absolute;right: 5px;top: 0;content: "";transition: all 0.6s;}

.zichangl .zi2 .lc .lr .r1::before{width: 20px;height: 3px;background: #1979ff;position: absolute;left: 0px;bottom: -2px;content: "";transition: all 0.6s;}


.zichangl .zi2 .lc .lr .rs{display: none;}

.zichangl .zi2 .li.act .lc .lr .r1::after{transform: rotate(180deg);}

.zichangl .zi2 .li:hover .lr .r1::before{width: 50px;transition: all 0.6s;}

.zichangl .zi2 .li.act .lr .r1::before{width: 50px;transition: all 0.6s;}



.lunbtc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;background: rgba(0, 0, 0, 0.5);display: none;}

.lunbtc .lun_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1000px;height: 600px;display: flex;align-items: center;justify-content: center;}


.lunbtc .lun_con .img img{max-width: 1000px;max-height: 600px;height: 100%;margin: 0 auto;}

.lunbtc .out{width: 40px;height: 40px;position: absolute;right: -50px;top: 0;cursor: pointer;}

.life .nn{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;display: none;}

.life .nn .swiper-slide{display: none;}

.lunbtc  .swiper-container{padding-bottom: 30px;}

.lunbtc .one-swiping .down1_sp{display: none;}


.vidd{position: relative;margin-top: 30px;}

/* .vidd .di{opacity: 0;} */

.vidd img{width: 100%;display:none  !important;}

.vidd video{width: 100%;}

.vidd .bo{width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;display:none}

.vidd.act video{opacity: 1;display: block;}

.vidd .bo:hover{transform:translate(-50%,-50%) scale(1.2) ;}







































@media screen and (max-width:1800px) {
    .join1_2 .con2 .con_re{padding: 100px 50px 20px;}

    .contact2 .con3 .con_re .res{padding: 40px 40px 0;}
}


@media screen and (max-width:1680px) {
    .tptc .tp_con{width: 800px;height: 500px;}

    .tptc .tp_con img{max-width: 800px;max-height: 500px;}

    .coll1 .con4{padding: 35px 50px;}

    .coll1 .con4 .con_con .c1{height: 30px;}

    .contact2 .con3 .con_re .res{padding: 50px 40px 10px;}

    .join1_2 .con2 .con_re{padding: 80px 50px 20px;}

    .join1_6 .con2 .txt .t{bottom: 25px;padding: 0 28px;}

    
    .pro1_2 .con1 .swiper-slide{font-size: 26px;}


    .pro1_2 .con1 .swiper-slide-active{font-size: 32px;}

    .pro1_2 .con1 p{width: 300px;}

    .shiptanc .shi_con{width: 800px;}

    .shiptanc .shi_con video{max-width: 800px;max-height: 500px;}

    .study2 .con2 .ss .t4{margin-top: 25px;}

    .study2 .con2 .ss .txt{padding-top: 30px;}

    .yszcts .ys_con .con2{height: 415px;}

    .zichangl .zi2{padding: 0 80px;}

    .contact2 .con3 .con_re .res{padding: 30px 30px 0;}
    
    .contact2 .con3 .con_re .res .re .r3{padding-top: 15px;}
}


@media screen and (max-width:1500px) {
    .contact2 .con3 .con_re .res .re .r1 img{width: 50px;}

    .contact2 .con3 .con_re .res .re .r2{margin: 20px 0 25px;}

    .contact2 .con3 .con_re .res .re .r3{padding-top: 20px;}

    .join2_3 .con2 .swiper-slide .ss .txt .ts .t2s .s1 p{-webkit-line-clamp:3;height: 66px;}
}



@media screen and (max-width:1025px) {
    .ejdh{display: none;}

    .xbdh2{margin: 20px 0;}

    .study_ban .study_con .img video{display: none;z-index: -2;pointer-events: none;visibility: hidden;}

    .about1 .con3 .ul{width: 100%;}

    .about1 .con3 .ul .li{padding: 30px 0;}

    .about1 .con4{width: 100%;}

    .about1 .con3{margin: 25px 0 20px;}

    .about2 .con2{flex-wrap: wrap;}

    .about2 .con2 .con_re{width: 100%;position: static;transform: translate(0,0);height: auto;}

    .about2 .con2 .con_re .ul .li{padding: 20px ;}

    .about2 .con2 .con_re .ul .li .l2{line-height: 1.3;}

    .about2 .con2 .con_le .txt{width: 100%;}

    .about2 .con2 .con_le{width: 100%;}

    .about3 .xbdh2{margin: 20px 0 30px;}

    .about3 .nei{margin-bottom: 50px;}

    .about3 .con2{padding-left: 5%;}

    .about5 .con2 .swiper-container{padding: 10px 10px 30px;}

    .tptc .tp_con{width: 90%;height: 80%;}

    .tptc .tp_con img{max-width: 800px;max-height: none;width: 100%;height: auto;}

    .tptc .tp_con .out{right: 0;top: -50px;}

    .study_ban .study_con .con .t2{line-height: 24px;margin-top: 20px;}

    .coll1 .con4{padding: 30px 5%;flex-wrap: wrap;height: auto;}

    .coll1 .con3{margin: 20px 0 25px;}

    .coll1 .con4 .con_le{width: 100%;}

    .coll1 .con4 .con_con1{width: 100%;}

    .coll1 .con4 .con_le .p2{line-height: 22px;}

    .coll1 .con4 .con_con2{width: 100%;}

    .coll1 .con4 s{display: none;}

    .coll1 .con4 .con_con{margin-top: 20px ;transform: translateY(0);}

    .coll1 .con4 .con_re{margin-top: 20px;}

    .coll2 .con2 .ss .txt{padding: 25px 20px;}

    .coll2 .con2 .ss .txt .t1{margin-bottom: 20px;}

    .coll2 .con2 .ss .txt{line-height: 24px;}

    .coll2 .con2 .ss .txt .t2{height: 48px;}

    .coll2 .con2 .coll2_sw{padding: 5px 5px 30px;}

    .coll3 .con2 .swiper-slide .ss .txt{line-height: 1.4;}

    .contact2 .con3 .con_le{width: 100%;}

    .contact2 .con3{flex-wrap: wrap;}

    .contact2 .con3 .con_re{width: 100%;}

    .contact2 .con3 .con_re::after{left:5%;transform:  rotate(45deg);top: -3px;background: #27a3f8;}

    .contact2 .con3 .con_re .res{padding: 50px 40px;}

    .contact2 .con2 span{padding-bottom: 15px;}

    .contact3 .con2 .ul .li{margin-right: 60px;}

    .contact3 .con2 .ul .l1 img{width: 130px;}

    .contact3 .con2 .ul .li .fc{width: 180px;height: 180px;}

    .details .con1 .cn{width: 90%;}

    .details .con1{padding: 30px 0;}

    .mbxdh{display: none;}

    .details{padding: 40px 0;}

    .details .con1 .cn .c2{flex-wrap: wrap;}

    .details .con1 .cn .c2 p{width: 100%;margin-bottom: 5px;}

    .details .con1 .cn .c3{margin: 20px 0 20px;padding: 20px 0;}

    .down1 .con2 .ss .s{padding: 20px 25px;}

    .down2 .con2 .ul .li .txt .t4{position: static;margin-top: 15px;}

    .down2 .con2 .ul .li .txt .t4 a{width: 120px;height: 40px;}

    .down2 .con2 .ul .li .img s{display: none;}

    .frbd .fr_con{width: 90%;}

    .frbd .fr_con .cons{width: 90%;}

    .frbd .fr_con{height: auto;padding: 30px 0 60px;}

    .frbd{height: auto;padding: 40px 0 60px;}

    .frbd .fr_con .con2{margin: 20px 0;line-height: 22px;}

    .frbd .fr_con .con3 .li .p1{width: 75px;}

    .frbd .fr_con .con3 .li .p2{width: calc(100% - 75px);}

    .frbd .fr_con .con3 .li .p2 .i{width: 90px;}

    .join1_2 .con2 .con_re{padding: 40px 25px 20px;}

    .join1_2 .con2 .con_re .re1 p img{width: 40px;}

    .join1_2 .con2 .con_re .re2{padding-top: 25px;}

    .join1_2 .con2 .con_re .re2 .rps{padding-right: 10px;overflow-y: auto;max-height: 190px;}

    .join1_2 .con2 .con_re .re2 .rps::-webkit-scrollbar{ width:4px;height: 1px;}

    .join1_2 .con2 .con_re .re2 .rps::-webkit-scrollbar-thumb{ background:#1979ff;}
    
    .join1_2 .con2 .con_re .re2 .rps::-webkit-scrollbar-track{ background:#ffffff50;} 

    .join1_3 .con2 .ul .l1 img{width: 50px;}
    
    .join1_3 .con2 .ul .li2{width: 40px;height: 10px;}

    .join1_3 .con2 .ul .l3{line-height: 22px;}

    .join1_1 .con2 .s2 .dou{margin-left: 80px;width: 30px;}

    .join1_1 .con2 .s3 img{width: 30px;bottom: -35px;}

    .join1_1 .con2 .s3 p:last-child{padding-right: 0px;}

    .join1_1 .con2 .ss{background-size: 200% 50%;}

    .join1_1 .con2 .ss::before{position:absolute;bottom: 0;width: 100%;height: 60%;background: #fff;content: "";left: 0;}

    .join1_4 .con2{margin-bottom: 30px;}

    .join1_4 .con3 .ul .li .l3::after{width: calc(100% - 20px);left: 10px;}

    .join1_4 .con3 .ul .li .l3 p{margin-bottom: 5px;}

    /* .join1_4 .con3 .ul .li .l3{padding: 0 0 30px;} */

    .join1_5 .con2{width: 100%;margin-bottom: 25px;}

    .join1_5 .lub .join15_sw{padding-bottom: 30px;} 

    .join3_1 .con2 .ul .li1{width: 25%;}

    .join3_1 .con2 .ul .li2{width: 25%;}

    .join3_1 .con2 .ul .li3{width: 40%;}

    .join3_1 .con3 .li{padding: 0 20px 15px 30px;}

    .join3_1 .con3 .li .li_top .t_le .t1{margin-bottom: 12px;}

    .join3_1 .con3 .li .li_top{padding: 30px 0 20px;}

    .join3_2 .con3 .l1 .s{width: 55px;height: 55px;}

    .join3_2 .con3 .l2 p{width: 50px;height: 5px;}

    .fys{display: none;}

    .jiaz{display: block;}

    .join3_1 .con3{margin-bottom: 25px;}

    .join3_2 .con3 .ul{width: 1000px;}

    .join3_2 .con3{overflow-x: auto;padding-bottom: 10px;}

    .join3_2 .con3 .l2 p{width: 60px;height: 6px;}

    .join3_2 .con3 .l2{margin-top: 25px;}

    .join3_3 .con2 .li .l1 img{margin-right: 10px;}

    .join3_3 .con2 .li .l2{padding-left: 40px;margin-top: 0px;}

    .join3_3 .con2 .li{padding: 20px 0;}

    .join3_3 .con3{margin-top: 30px;}

    .join2_2 .con3{width: 100%;}

    .join2_3 .con2 .swiper-slide .ss .txt .ts .t1 {justify-content: space-between;}

    .join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span{margin-right: 0px;}

    .join2_3 .con2 .join23_sw{padding-bottom: 30px;}

    .join2_3 .con2 .swiper-slide .ss .txt .ts{padding: 30px 20px;}

    .join2_3 .con2 .swiper-slide .ss .txt .ts .t1 span{padding-bottom: 18px;}

    .join2_1 .con2 .ul .li{padding: 30px 25px;}

    .join2_1 .con2 .ul .li .l2{padding: 20px 0 ;}

    .life .con1 .con_le .txt .ts{padding: 0 25px;height: 60px;}

    .life .con1 .con_le .txt .ts .tl .sp1{width: 80px;height: 30px;margin-right: 20px;}

    .news1 .con1{flex-wrap:wrap;}

    .news1 .con1 .con_le{width: 100%;}

    .news1 .con1 .con_re{width: 100%;margin-top: 15px;}

    .news1 .con1 .con_re a .txt{padding: 0 20px;}

    .news2 .li a{padding: 20px 0;}

    .news2 .con{margin-top: 30px;}

    .news2 .li .lr .r1{font-size: 16px;}

    .pro1_4 .con3 .ss{padding: 30px;}

    .pro1_3 .con2 .ul .li{padding:0 15px;}

    .tongy .ul{width: 100%;}

    .pro1_2 .con1 span{font-size: 18px;}

    .pro1_2 .con1 span.act{font-size: 22px;}

    .pro1_2 .con1 p{width: 180px;}

    /* .pro1_2 .con1{height: 25px;} */

    .pro1_2 .con1 .swiper-slide{font-size: 18px;height: 25px;line-height: 25px;}

    .pro1_2 .con1 .swiper-slide-active{font-size: 22px;}

    .pro1_2 .con2{overflow-x: auto;padding-bottom: 10px;}

    .pro1_2 .con2 img{width: 1000px;max-width: none;}

    .pro1_4 .con3 .swiper-container{padding: 20px 0 30px;}

    .pro1_5 .con2 .ss{padding: 30px 25px;}

    .pro1_5 .con2 .ss .s1 .img{width: 50px;margin-right: 5px;}

    .pro1_5 .con2 .ss .s3{padding-left: 55px;}

    .pro1_5 .con2 .ss .s2{margin: 7px 0 25px 55px;}

    .pro1_5 .con2 .pro15_sw{padding: 0 0 30px;}
    
    .pro2_2 .con2{width: 100%;}

    .pro2_1 .ul{width: 1100px;}

    .pro2_1 .pro21_con {overflow-x: auto;padding-bottom: 10px;} 

    .pro2_1 .ul .li .l1{width: 40px;margin-right: 15px;}

    .study_ban .study_con .con .t3{margin-top: 20px;}

    .study_ban.pro_ban .study_con .con .txt{transform: translateY(0px);}

    .search{padding: 40px 0 ;}

    .search .cons{width: 90%;}

    .search .sear_con{padding: 30px 0;}

    .search .cons .con2 .li a{padding: 25px 0;}

    .search .cons .con3{margin-top: 30px;}

    .study_ban   .ship{position: static;transform: translateY(0);margin-top: 20px;}

    .study_ban   .ship .d{width: 50px;height: 50px;}

    .shiptanc .shi_con .out{right: 0;top: -50px;}

    .study1 .qeih{display: none;}

    .study1 .con2{padding: 0 5%;}

    .study1 .con2 .stu1_sw {padding: 0 5px 30px;}

    .study1 .con2 .ss .txt{padding: 0 25px 25px;}

    .study1 .con2 .ss .txt .t1{height: 70px;}

    .study1 .con2 .ss .txt .t1 .tl{width: 30px;height: 25px;}

    .study1 .con2 .ss .txt .t1 .tr{width: 70px;height: 30px;right: 0;}

    .study1 .con2 .ss .txt .t3{margin: 25px 0 15px;}

    .study2 .con2 .swiper-slide .ss{padding: 30px 0 0;}

    .study2 .con2 .ss .t2{padding: 20px 0;}

    .study2 .stu1_prev, .study2 .stu1_next{display: none;}

    .study2 .con2 .stu2_sw::after{display: none;}

    .study2 .con2{width: 100%;padding: 0 20px;}

    .study2 .con2::before{height: calc(100% - 30px);}

    .yszcts .ys_con{width: 90%;}

    .yszcts .ys_con .con2{height: 380px;}

    .yszcts .ys_con .con3{height: 55px;}

    .zichangl .zi2{padding: 0;}

    .lunbtc .lun_con{width: 90%;height: 70%;}

    .lunbtc .out{right: 0;top: -50px;}

    .lunbtc .lun_con .img img{width: 100%;height: auto;}

    .shizha{position: relative;}


.pro1_3 .con2 .ul .li:hover{transform: translateY(0px);transition: all 0.6s;}




    


}


@media screen and (max-width:800px) {
    .about1 .con3{margin: 25px  0 10px;}

    /* .about1 .con3{overflow-x: auto;padding-bottom: 10px;} */

    /* .about1 .con3 .ul{width: 800px;} */

    .about1 .con3 .ul .li img{width: 35px;}

    .about1 .con3 .ul .li .l2{font-size: 12px;line-height: 20px;padding: 0 5px;transform: scale(0.8) ;position: absolute;bottom: 8px;left:-20%;width: 140%;white-space: nowrap;}

    .about1 .con3 .ul .li{padding: 15px 0 30px;position: relative;}

    .about2 .con2 .con_le .txt .t1 img{width: 25px;}

    .about2 .con2 .con_le .txt .t2{margin-top: 10px;}

    .about2 .con2 .con_le .txt .t3{margin: 15px 0;}

    .about2 .con2 .con_le .txt{top: 15%;}

    .about2 .con2 .con_re .ul .li{width: 50%;height: auto;border-top: 1px solid #f0f2f5;}

    .about2 .con2 .con_re::before{content: none;}

    .about2 .con2 .con_re .ul .li:nth-child(3n){border-right: 1px solid #f0f2f5;border-top: 1px solid #f0f2f5;}

    .about2 .con2 .con_re .ul .li:nth-child(2n){border-right: 0;}

    .about3 .xbdh2{margin: 20px 0 20px;}

    .about3 .con2{padding:0 5%;}

    .about3 .con2 .s2 p{margin-bottom: 8px;}

    .about4 .con2{margin-bottom: 30px;}

    .about4 .con2 .ul .li{padding:0 15px;}

    .about4 .con2 .ul .li .l2 .p2{margin-top: 0;}

    .about4 .con3 .ul {justify-content: space-between;}

    /* .about4 .con3 .ul .li{width: 49%;margin-right: 0;margin-bottom: 10px;} */

    .coll1 .con4 .con_le img{width: 60px;}

    .coll1 .con4 .con_le .p2{margin-top: 6px;}

    .coll1 .con4 .con_con .c1{height: 25px;}

    .coll1 .con4{padding: 25px 5% 10px;}

    .coll1 .con4 .con_con .c2{line-height: 24px;}

    .coll3 .con2 .coll3_sw{padding-bottom: 80px;}

    .contact2 .con3 .con_re .res{padding: 30px 20px;}

    .contact2 .con3 .con_re .res .re .r1 img{width: 35px;}

    .contact2 .con3 .con_re .res .re .r2{margin: 15px 0;}

    .contact2 .gdt{width: 100%;overflow-x: auto;padding-bottom: 10px;margin-bottom: 25px;}

    .contact2 .con2{width: 680px;margin-bottom: 0;}

    .contact3 .con2 .ul .li{margin-right: 0px;width: 30%;}

    .contact3 .con2 .ul .l1 img{width: auto;}

    .contact3 .con2 .ul{justify-content: space-between;}

    .contact3 .con2 .ul .l2 img{width: 15px;}

    .contact3 .con2 .ul .l2 {font-size: 12px;}

    .contact3 .con2 .ul .li .fc{width: 125px;height: 125px;}

    .contact1 .con2 .ul .li{padding: 30px 2px;}

    .contact1 .con2 .ul .li .l1 img{width: 35px;}

    .contact1 .con2 .ul .li .l2{margin: 15px 0 10px;}

    .contact1 .con2 .ul .li .l3{line-height: 20px;transform: scale(0.8);width: 120%;left: -10%;position: relative;}

    /* .contact1 .con2 .ul{width: 600px;} */


    /* .contact1 .con2{padding-bottom: 10px;} */

    .details .con1 .cn .c4{flex-wrap: wrap;}

    .details .con1 .cn .c4 .cl{width: 100%;margin-bottom: 20px;}

    .details .con1 .cn .c4 .cl a:first-child{margin-bottom: 10px;}

    /* .down1 .con2 .ss .s .sl img{display: none;} */

    .down1 .con2 .ss .s .sl .i{width: 40px;height: 40px;margin-right: 10px;}

    .down1 .con2 .ss .s .sl .t{bottom: 10px;}

    .down1 .con2 .ss .s{padding: 20px 15px;}

    .down1 .con2 .ss .s .sr a{width: 40px;height: 40px;}

    .down1 .con2 .ss .s .sl{width: calc(100% - 110px);}

    .down1 .con2 .ss .s .sl .s2{width: calc(100% - 50px);}

    .down1 .con2 .ss .s .sr{width: 90px;}

    .down2 .con2 .ul .li{width: 100%;padding: 30px 20px;}

    .down2 .con2 .ul .li .img{width: 45%;}

    .down2 .con2 .ul .li .txt{width: 55%;margin-left: 20px;}

    .down2 .con2 .ul .li .txt .t2{margin: 15px 0;}

    .down2 .con2 .ul .li .img s{display: block;}

    .join1_6 .con2 .txt .t{bottom: 15px;padding: 0 20px;}

    .join1_1 .con2 .s2 .dou{margin-left: 40px;}

    .join1_1 .con2 .ss{padding: 30px 25px 50px;}

    .join1_1 .con2 .s1{margin-bottom: 20px;}

    .join1_2 .con2{flex-wrap: wrap;}

    .join1_2 .con2 .con_le{width: 100%;}

    .join1_2 .con2 .con_re{width: 100%;padding: 30px 20px;}

    .join1_2 .con2 .con_re .re1 p{padding: 0 10px 10px;}

    .join1_2 .con2 .con_re .re1 p img{width: 35px;margin-right: 8px;}

    .join1_2 .con2 .con_re .re2 .rps{max-height: 230px;}

    .join1_3 .con2 {overflow-x: auto;padding-bottom: 10px;}

    .join1_3 .con2 .ul{width: 1000px;}

    .join1_3 .con2 .ul .l2{margin: 15px auto;}

    .join1_4 .con3{overflow-x: auto;padding-bottom: 10px;}

    .join1_4 .con3 .ul{width: 800px;background-size: 100% 80px;padding-bottom: 25px;}

    .join1_4 .con3 .ul .li .l1 p:first-child{margin-bottom: 12px;}

    .join1_4 .con3 .ul .li .l1{height: 80px;}

    .join1_6 .con2 ul{flex-wrap: wrap;}

    .join1_6 .con2 .ul1 .li1{flex: none;width: 100%;}

    .join1_6 .con2 .li2{width: 100% !important;}

    .join1_6 .con2 .li3{width: 100% !important;}

    .join3_1 .con2 .ul{flex-wrap: wrap;}

    .join3_1 .con2 .ul .li{width: 100%;margin-right: 0;margin-bottom: 15px;}


    .join3_1 .con3 .li .li_txt .txt1{flex-wrap: wrap;padding-bottom: 0;}

    .join3_1 .con3 .li .li_txt .txt1 .txt_le{width: 100%;margin-bottom: 20px;padding: 0;}

    .join3_1 .con3 .li .li_txt .txt1 .txt_le:nth-child(3n){padding: 0;}

    .join3_1 .con3 .li{padding: 0 20px 20px;}

    .join3_1 .con3 .li .li_txt .txt2{flex-wrap: wrap;}

    .join3_1 .con3 .li .li_txt .txt2 .tl{margin-bottom: 10px;}

    .join2_1 .con2{padding-bottom: 10px;overflow-x: auto;}

    /* .join2_1 .con2 .ul {width: 600px;} */

    /* .join2_2 .con4 {overflow-x: auto;padding-bottom: 10px;} */

    /* .join2_2 .con4 img{width: 1000px;max-width: none;} */

    .life .con1 .con_le{float: none;width: 100%;}

    .life .con1 .con_re{width: 100%;float: none;margin-top: 10px;}

    .life .con2{flex-wrap: wrap;}

    .life .con2 .co{width: 100%;margin-bottom: 10px;}

    .life .con1 .con_le .txt .ts{flex-wrap: wrap;height: auto;padding: 10px;}

    .life .con1 .con_le .txt .ts .tl{width: 100%;margin-bottom: 10px;}

    .life .con1 .con_le .txt .ts .tl .sp2{width: calc(100% - 100px);}

    .news1 .con1 .con_re a{flex-wrap: wrap;}

    .news1 .con1 .con_re a .img{width: 100%;}

    .news1 .con1 .con_re a .txt{width: 100%;padding: 30px 20px;}

    .news2 .li a{justify-content: space-between;}

    .news2 .li .ll{width: 80px;}

    .news2 .li .ll .ps{width: 70px;height: 80px;}

    .news2 .li .lr{width: calc(100% - 90px);padding-right: 0;}

    .pro1_3 .con2{overflow-x: auto;padding-bottom: 10px;padding-top: 20px;}

    .pro1_3 .con2 .ul{width: 1000px;}

    .tongy{overflow-x: auto;padding-bottom: 10px;}

    /* .tongy .ul{width: 650px !important;} */

    .pro1_1 .con2{margin-top: 30px;}

    .study_ban   .ship .d{width: 40px;height: 40px;}

    .study_ban  .ship{width: 100%;}

    .shiptanc .shi_con{width: 90%;}

    .shiptanc .shi_con video{max-width: 800px;max-height: 500px;width: 100%;}

    .study2 .con2 .swiper-slide .ss{flex-wrap: wrap;padding: 30px 0 ;}

    .study2 .con2 .ss .img{width: 100%;}

    .study2 .con2 .ss .txt{width: 100%;}

    .study2 .con2 .ss .img img{width: 50%;}

    .study2 .con2 .stu2_sw{padding-bottom: 30px;}

    .tjtc .c{width: 250px;height: 150px;}

    .zichangl .zi2{}


    .zichangl .zi2 .ul{width: 48.5%;}

    .zichangl .zi2 .xian{display: none;}

    .zichangl .zi2 .biaot img{width: 35px;}

    .zichangl .zi2 .lc .ll{width: 40px;}

    .zichangl .zi2 .lc .ll .l1{width: 30px;height: 30px;}

    .zichangl .zi2 .lc .lr{width: calc(100% - 40px);}

    .zichangl .zi2 .lc .ll .l2{width: 30px;}

    .zichangl .zi2 .lc .lr .r1{line-height: 20px;padding-right: 20px;}

    .zichangl .zi2 .lc .lr .r1::after{width: 15px;height: 15px;top: 10px;}

    .zichangl .zi2 .lc .ll .l1 span{font-size: 12px;}

    .zichangl .zi2 .lc .ll .l2 s{height: calc(100% - 10px);}

    .zichangl .zi2 .lc .lr .r2{line-height: 20px;}


    .pro1_1 .con3{margin-top: 25px;}

    .zichangl .zi1{margin-bottom: 25px;}

    .zichangl .zi2 .li:first-child{margin: 20px 0;}

    .zichangl .zi1 p{padding: 8px 20px;}

    .tongy .ul .img{width: 35px;}

    .tongy .ul .li s{width: 3px;height: 3px;margin: 0 2px;}

    .tongy .ul .li2 s::after{width: 3px;height: 3px;}

    .tongy .ul .txt{font-size: 12px; line-height: 16px;}

    .tongy .ul .li{width: 20%;text-align: center;}

    .tongy .ul .li2{width: auto;}

    .tongy .ul{align-items: flex-start;}

    .tongy .ul .li2{top: 20px;}

    .solu_1.pro1_1 .tongy .ul{width: 100% !important;}

    .about3 .con1 .c2 .one-swiping .swiper-wrapper{justify-content: left;}

    .join2_1 .con2 .ul .li .l1 img{width: 60px;}

    .join2_1 .con2 .ul .li{padding: 15px 15px 20px;}

    .join2_1 .con2 .ul .li .l3{padding-top: 20px;}

    .join2_1 .con2 .ul .li .l2{padding: 10px 0 20px;}









}



























