.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}

/*header*/
.h_top {
  z-index:2;
  font-family:"Microsoft Yahei";
  color:#333;
  width:100%;
}
.head_c{display: flex;align-items: center;height: 148px;}
.t_logo {
  width:18.75%;
  background:#fff;
  text-align:center;
  display:flex;
  height:100%;
  align-items:center;
  justify-content:center;
  left: 2%;
    position: relative;
}
.t_logo img {width: 100%;
}
.t_text {
  font-size:24px;
  font-weight:bold;
  color:#333;
  padding:0 0 0 26px;
  display: none;
}
.t_text span {
  display:block;
  font-weight:normal;
  font-size:20px;
  letter-spacing:1px;
  margin-top:18px;
}
.menu {height:100%;font-size:16px;display:flex;align-items:center;width:65%;justify-content:space-around;}
.menu li {text-align:center;line-height: 148px;}
.menu li a {color:#333;display:block;position:relative;z-index:1;padding:0 2px;font-size:16px;line-height: 148px;}
.menu li>a:before {content:"";position:absolute;width:0;height:2px;bottom: 35%;left:25%;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;z-index:-1;background:#2eabeb;}
.menu li a.cur a,.menu li a:hover {color:#2eabeb;}
.menu li.cur>a:before, .menu li>a:hover:before {content:"";position:absolute;width:50%;}
.yc_box>span{font-size: 20px;color: #fff;width: 35px;height: 35px;border-radius: 100%;background: #333;text-align: center;line-height: 35px;position: relative;display: block;}
.yc_box{height: 100%;display: flex;align-items: center;position: relative; margin-left:30px;}
.yc_box>p{position: absolute;top: 148px;right: 0;background: rgba(255,255,255,0.8);font-size: 26px;transform-origin: top;transform:rotateX(90deg);transition: all .5s;padding: 30px;text-align: center;z-index: 99;white-space: nowrap;}
.yc_box:hover>p{transform: rotateX(0deg);}
.menu>ul {display: flex;width: 92%;justify-content: space-between;padding-left: 7%;height: 100%;position: relative;}

.erji_menu {width: 100%;position: absolute;left: 0;border-top: 1px solid #eee;background-color: #fff;z-index: 999;top: 148px;padding: 40px 50px;display: none;min-width: 745px;}
.erjinr {margin:0 auto;width:100%;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;}
.erjinr1 {float:left;background:url() no-repeat;font-size:20px;font-weight:bold;color:#333; line-height:26px !important;padding-top:8px;}
.erji_menu a {font-size:13px;}
.erji_menu .erjinr1 a {display:block;width:120px;height:32px;font-family:Arial,Helvetica,sans-serif;color:#999 !important;font-size:13px;line-height:32px;text-align:center;text-transform:uppercase;border:1px solid #cecece;margin-top:16px;font-weight:normal!important;}
.erjinr2 {float:left;}
.erji_menu .erjinr2 a {display:block; line-height:36px;height:auto;font-size:14px; color:#333 !important; width: inherit !important;    text-align: left;}
.erjinr21 {float:left;padding-right:25px;border-right:1px solid #e9e9e9;}
.erjinr22 {float:left;padding-left:25px;}
.erjinr3 {float:right;padding: 20px 30px;border:1px solid #eee;text-align:center;color:#333;background: #2eabeb;}
.erjinr3 img {width:100%;}
.erji_menu .erjinr3 a {line-height:30px;height:auto;font-size:13px;}
.erjinr3 span{display:block;}
.erjinr2 a {font-size: 14px!important;color: #333;font-weight: 100!important;}

@media screen and (max-width:1520px) {
  .t_text{font-size: 20px;}
  .t_text span{font-size: 18px;}
  .menu>ul{padding-left: 3%;}
}
@media screen and (max-width:1400px) {
  .menu li a{font-size: 15px;}
  .menu>ul{padding-left: 1%;}
  .t_text{padding-left: 20px;}
}


#colee{overflow:hidden;height:666px;width:1130px;}

.cptx{background:url(images/20220510163708_6561855113.jpg) no-repeat center; height:888px; }
.cptxtitle{text-align: center;font-size: 40px;color: #fff;}
.cptxtitle em{color: #fff;}
.cptxtitle span{display: block;font-size: 18px;color: #fff;margin:15px 0 20px 0;}
.cptxtitle i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.cptxtitle i::after,.cptxtitle i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.cptxtitle i::after{right: 0px;left: inherit;background:#fff;animation:allTitleAfter 3s infinite linear;}
.cptxtitle i::before{background:#fff;animation:allTitleBefore 3s infinite linear;}
.cptxtitle t{width: 30px;height: 5px;background:#fff;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
.traul{ width:1400px; margin:0 auto; padding:50px; background:#fff;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;    box-shadow: 0px 0px 13.8px 1.2px rgba(51, 51, 51, 0.1);}
.traul li{ display:inline-block; vertical-align:top; box-sizing: border-box; width:300px; height:490px; border:1px dashed #e1e0de; padding:0 30px;transition:all .3s ease; position:relative; z-index:3;}
.traul li+li{ margin-left:33px;}
.traul li p{ position:relative; z-index:3;}
.trac{ font-size:14px; color:#838281; line-height:34px; transition:all .3s ease;}
.traicon{ display:inline-block; width:68px; height:66px; background:url(images/20220510142715_7102768613.png) no-repeat left top; margin:40px 0 20px 0;transition:all .3s ease;}
.traul li:nth-child(2) .traicon{ background-position-x:-86px;}
.traul li:nth-child(3) .traicon{ background-position-x:-181px;}
.traul li:nth-child(4) .traicon{ background-position-x:-294px;}
.trat{ font-size:28px; color:#343331; padding-bottom:50px; position:relative; transition:all .3s ease;}
.trabtn a{ display:inline-block; text-align:center; width:168px; line-height:38px; border-radius:20px; position:relative; background:#545351; transition:all .3s ease; font-size:14px; color:#fff;}
.trabtn a i{ display:inline-block; padding-left:43px; background:url(images/20220510143141_1761330938.png) no-repeat left center;}
.trabtn a i:hover{color:#fff !important;}
.trabtn a:after{ content:''; display:block; position:absolute; z-index:-1; width:100%; height:100%; left:0; top:6px; background:#161514; border-radius:20px;}
.trabtn{ margin-top:40px;}
.trat i{ display:block; position:absolute; left:0; right:0; margin:0 auto; width:10px; height:10px; border:1px solid #343331; background:#fff;bottom:25px;border-radius: 50%;}
.traul li:after{ content:''; display:block; position:absolute; width:300px; height:490px; box-sizing:border-box; border:2px solid #2eabeb; opacity:0; transition:all .3s ease; top:-1px; left:-1px;}
.traul li:hover:after{ opacity:1;}
.traul li:hover .traicon{background-position-y:-90px;}
.traul li:hover .trat{ color:#2eabeb; padding-bottom:70px;}
.traul li:hover .trabtn a{ background:#2eabeb;}
.traul li:hover .trabtn a:after{ background:#2eabeb;}
.traul li:hover .trat i{ width:10px; height:10px; border:1px solid #2eabeb; background:#fff;bottom:40px;}
.trat i:after{ content:''; display:block; position:absolute; top:13px; width:1px; height:14px; background:#343331; opacity:1; left:0; right:0; margin:0 auto; transition:all .3s ease;}
.traul li:hover .trat i:after{ opacity:1; height:14px; background:#2eabeb;}



.adv{background:url(images/20220510163708_3505801140.jpg) no-repeat center; height:895px;}
/*优势内容*/
.advbj{ width:1400px; height:690px; margin:0 auto; background:#fff; box-shadow: 0px 0px 13.8px 1.2px rgba(51, 51, 51, 0.1);}
.adv_t{z-index: 2;}
.adv_t_text{width:490px; margin-top:10px; padding: 42px 60px;}
.adv_t_text *{display: block;}
.adv_t_text t{font-size: 55px;color:#0f0964;line-height: 70px;}
.adv_t_text b{margin-top: 15px;font-size: 30px;color:#333;}
.adv_t_text span{font-size: 14px;color:#ccc;line-height: 28px; text-transform: uppercase;}
.adv_t_text span:after{content: "";display: block;width:60px;height:2px;margin:25px 0 25px 0;background: #2eabeb;}
.adv_t_text p{font-size: 15px;color:#999;line-height: 40px;}
.shared_a{display: block;width:180px;height:50px;line-height: 50px;margin-top: 105px; background: #333;text-align: center;font-size: 18px;color:#fff;float:right;border-radius: 100px;}
.shared_a:hover{color: #fff; background: #2eabeb;}
.adv_t_text .shared_a{float:left;margin-top:23px; color:#fff;}
.adv_t_text a{font-size: 18px !important; color:#fff !important;}
.adv_t_img{position: absolute;top: 50px;right: 30px; width: 786px;}
.adv_t_img img{ border: 10px #f8f8f8 solid;}
.adv_t_tel{width: 280px;padding-left: 60px;position: absolute;top: 605px;left: 288px;}
.adv_t_tel p{font-size: 18px;color:#999;}
.adv_t_tel span{font-size:30px;color:#2eabeb;}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(237, 107, 27, .0);

                box-shadow: 0 0 0 40px rgba(237, 107, 27, .0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
                box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
    }
}
/*优势切换*/
.adv_b{width:487px;height:120px;background: #fff;box-shadow: 0px 0px 13.8px 1.2px rgba(51, 51, 51, 0.1);border-radius: 0 10px 10px 0;position: absolute;  margin-top: 515px;z-index: 2;  margin-left: 53px;}
.adv_b_page{margin-left: 22px;}
.adv_b li{float: left;width:24%;height:120px;align-items: center;display: flex;justify-content: center;cursor: pointer;position: relative;}
.adv_i{ width:26px;height:25px;}

.adv_b li.on:before{margin-right: 25px;}
.adv_b li:after{content: "";display: block;width:66px;height:66px; position: absolute;left: 21px;transition: all 0.3s;transform: scale(0);}
.adv_b li.on:after{transform: scale(1);}
.adv_b li t:after{content:"";display: block;width:1px;height:75px;background: #eee;position: absolute;right: 0;top: 25px;}
.adv_b li:last-child t:after{background: none;}
.adv_b li *{display: block;}
.adv_b b{font-size:18px;color:#333;    padding-top: 10px;}
.adv_b li.on b{ color:#2eabeb;}
.adv_b i{ width:26px;height:25px;  text-align: center; padding-left: 22px;}


.cj_bc {
    padding: 60px 0;
}

.cj_ic {
    margin-top: 50px;
}

.cj_ic ul img {
    width: 100%;
    height: 452px;
}

.cj_ic ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 25px;
}

.cj_ic li {
    width: 23.65%;
    border-radius: 40px 0 40px 0;
    overflow: hidden;
    position: relative;
}

.cj_ic li p a {
        width: 100%;
    font-size: 16px;
    background: rgba(46, 171, 235, 0.8);
    height: 50px;
    border-top-right-radius: 22px;
    color: #fff;
    padding-left: 15px;
    align-items: center;
    z-index: 2;
    display: block;
    line-height: 50px;
}

.cj_ic li:after {
    position: absolute;
    content: "";
    background: rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s;
}

.cj_ic li:hover:after {
    opacity: 1;
}