@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none; font-family:"微软雅黑";}
@font-face {
font-family: 'FZXH1JW';
src:url('font/FZXH1JW.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
body{ background:#fff}
a{ text-decoration:none; transition:all 0.5s ease; color:#000}
ul,li,p,img{ transition:all 0.5s ease;}
  html, body {
        position: relative;
        height: 100%;
    }
a:hover{ color:#e50023}
.clear{ width:100%; clear:both;}
.width,.w1300{ width: 75%; margin: auto;}
.fl{ float: left;}
.fr{ float: right;}
.top{ width: 100%; height: 35px; background: #f3f2f2; line-height: 35px; font-size: 14px; color: #666;}
.navbox .width{ width: 85%;}
.navbox{ width: 100%; display: inline-block; /* position: fixed; z-index: 9; border-bottom: 1px solid rgba(255,255,255,0.2); */}
.navbox h1{ width: 31%; margin-top:1.5%;}
.navbox h1 img{ width: 100%; transform: translateY(-108px);  filter: drop-shadow(#fff  0 108px);}
.navbox h1 span{ font-size: 14px; float: right; font-weight: 300; padding-top: 2.5%; box-sizing: border-box; color: #fff;}
.navbox h1 span p{ font-size: 18px; font-weight: bold; line-height: 35px;}
.navbox h1 a{ float: left; width: 38%;}
.navbox ul{ width: 62%;}
.navbox ul li{ float: left; width: 11%; text-align: center; height: 107px; padding-top: 3%; box-sizing: border-box;}
.navbox ul li:last-child{ margin-right: 0px;}
.navbox ul li span{ width: 100%; display: inline-block;}
.navbox ul li a{ font-size: 16px; color: #fff;}
.navbox ul li a i{ width: 25px; height: 25px; display: block; background: url(../images/ico.png) no-repeat; margin: auto; margin-bottom: 5px;}
.navbox ul li:hover,.navbox ul li.on{ background: #e50023;}
.navbox ul li:hover a,.navbox ul li.on a{ color: #fff;}
.navbox ul li .a1{background-position: -25px 0;}
.navbox ul li .a2{background-position: -25px -28px;}
.navbox ul li .a3{background-position: -25px -56px;}
.navbox ul li .a4{background-position: -25px -85px;}
.navbox ul li .a5{background-position: -25px -110px;}
.navbox ul li .a6{background-position: -25px -140px;}
.navbox ul li .a7{background-position: -25px -170px;}
.navbox ul li .a8{background-position: -25px -198px;}
.navbox ul li .a9{background-position: -25px -228px}
.navbox ul li:hover .a1,.navbox ul li.on .a1{background-position: -25px 0px;}
.navbox ul li:hover .a2,.navbox ul li.on .a2{background-position: -25px -28px;}
.navbox ul li:hover .a3,.navbox ul li.on .a3{background-position: -25px -56px;}
.navbox ul li:hover .a4,.navbox ul li.on .a4{background-position: -25px -85px;}
.navbox ul li:hover .a5,.navbox ul li.on .a5{background-position: -25px -110px;}
.navbox ul li:hover .a6,.navbox ul li.on .a6{background-position: -25px -140px;}
.navbox ul li:hover .a7,.navbox ul li.on .a7{background-position: -25px -170px;}
.navbox ul li:hover .a8,.navbox ul li.on .a8{background-position: -25px -198px;}
.navbox ul li:hover .a9,.navbox ul li.on .a9{background-position:-25px -228px;}
.index-hear{ width: 100%; display: inline-block; position: fixed; z-index: 9;border-bottom: 1px solid rgba(255,255,255,0.4);height: 107px;}
.index-hear.inner{ position: fixed; z-index: 9;}
.index-hear.inner .navbox h1 img{ width: 100%; transform: translateY(0px);  filter: drop-shadow(#fff  0 0px);}
.index-hear.inner .top{ display: none;}
.index-hear.inner .navbox{ background: rgba(255,255,255,1);}
.index-hear.inner .navbox ul li a{ color:#000;}
.index-hear.inner .navbox ul li.on a,.index-hear.inner .navbox ul li:hover a{ color: #fff;}
.index-hear.inner .navbox h1 span{ color: #000;}
.index-hear.inner .navbox ul li .a1{background-position: 0 0;}
.index-hear.inner .navbox ul li .a2{background-position: 0 -28px;}
.index-hear.inner .navbox ul li .a3{background-position: 0 -56px;}
.index-hear.inner .navbox ul li .a4{background-position: 0 -85px;}
.index-hear.inner .navbox ul li .a5{background-position: 0 -110px;}
.index-hear.inner .navbox ul li .a4{background-position: 0 -85px;}
.index-hear.inner .navbox ul li .a6{background-position: 0 -140px;}
.index-hear.inner .navbox ul li .a4{background-position: 0 -85px;}
.index-hear.inner .navbox ul li .a7{background-position: 0 -170px;}
.index-hear.inner .navbox ul li .a4{background-position: 0 -85px;}
.index-hear.inner .navbox ul li .a8{background-position: 0 -198px;}
.index-hear.inner .navbox ul li .a4{background-position: 0 -85px;}
.index-hear.inner .navbox ul li .a9{background-position: 0 -228px}
.index-hear.inner .navbox ul li:hover .a1,.index-hear.inner .navbox ul li.on .a1{background-position: -25px 0px;}
.index-hear.inner .navbox ul li:hover .a2,.index-hear.inner .navbox ul li.on .a2{background-position: -25px -28px;}
.index-hear.inner .navbox ul li:hover .a3,.index-hear.inner .navbox ul li.on .a3{background-position: -25px -56px;}
.index-hear.inner .navbox ul li:hover .a4,.index-hear.inner .navbox ul li.on .a4{background-position: -25px -85px;}
.index-hear.inner .navbox ul li:hover .a5,.index-hear.inner .navbox ul li.on .a5{background-position: -25px -110px;}
.index-hear.inner .navbox ul li:hover .a6,.index-hear.inner .navbox ul li.on .a6{background-position: -25px -140px;}
.index-hear.inner .navbox ul li:hover .a7,.index-hear.inner .navbox ul li.on .a7{background-position: -25px -170px;}
.index-hear.inner .navbox ul li:hover .a8,.index-hear.inner .navbox ul li.on .a8{background-position: -25px -198px;}
.index-hear.inner .navbox ul li:hover .a9,.index-hear.inner .navbox ul li.on .a9{background-position:-25px -228px;}


.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.lb .swiper-container>.swiper-pagination-bullets{ bottom: 3% !important;}
.lb .swiper-pagination-bullet{width: 64px !important; height: 4px !important; background: #fff; opacity:0.5;border-radius: 0px;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 83% !important; top: 94%;outline: none;color: #fff;border: 3px solid #fff; width: 40px;height: 40px;border-radius: 50%;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 25px !important;font-weight: bold;}
.lb .swiper-button-next{ right: 10% !important;top: 94%;outline: none;color: #fff;border: 3px solid #fff; width: 40px;height: 40px;border-radius: 50%;}
.lb .swiper-slide img{width: 100%;height: auto;min-height: 100%;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: rgba(255,255,255,0.5);}
.why-list{ width: 100%; display: inline-block; }
.why-list ul li{ width: 31%; margin-right: 2%; float: left; position: relative; box-sizing: border-box; display: block; background: #fff; padding:0px 40px;padding-top: 160px; padding-bottom: 60px;}
.why-list ul li:last-child{ margin-right: 0px;}
.why-list ul li img{ width: 70%; position: absolute; top: 0px; right: 0px;}
.why-list ul li .p1{ font-size: 30px; line-height: 48px; margin-bottom: 20px;}
.why-list ul li .p2{height: 240px; line-height: 32px; font-size: 14px; color: #666; }
.why-list ul li  i{position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #00BAFF 0%, #3000FF 100%);
    transition: all .3s ease-out; }
.why-list ul li:hover i{ width: 100%;}
.box-two {margin-top: 50px; margin-bottom: 50px;}
.box-two ul {margin-top: 50px;position: relative;display: inline-block;}
.box-two ul:before { content: '';position: absolute; left: 45%;width: 100px;height: 100px;bottom: 0px;margin-left: -50px;z-index: -1;}
.box-two li { float: left; box-sizing: border-box;padding: 30px;}
.box-two li:nth-child(1) {width: 45%; background: #fff; border: 1px solid #eee; box-shadow: 0px 0px 10px 0 rgba(255, 95, 0, 0.5);border-radius: 20px 20px 50px 20px;}
.box-two li:nth-child(2) { width: 55%; margin-top: 30px;padding: 30px 30px 34px 30px;z-index: -1;border-radius: 0px 20px 20px 0px; background: #797cfd;}
.two_img {margin: auto; display: block; height: 320px;}
.box-two li:nth-child(2) .two_img {height: 288px;}
.two_text {box-sizing: border-box;}
.two_text h3 { line-height: 35px; font-size: 20px; height: 70px; overflow: hidden; /* white-space: nowrap;text-overflow: ellipsis; */position: relative; font-weight: bold;}
.two_text h3:after {content: ''; width: 35px; height: 3px;position: absolute; bottom: 0px; left: 0px; border-radius: 3px;}
.two li:nth-child(2) .two_text h3:after {background: #fff}
.two_text .p {padding-top: 15px;font-size: 16px;color: #494949;display: -webkit-box; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height: 60px;line-height: 30px;}
.box-two li .more {width: 273px;line-height: 63px;box-shadow: -1px 8px 20px 0px rgba(255, 104, 44, 0.38); border-radius: 31px;background-image: linear-gradient(to right, #ff682c, #ff2525, #ff682c, #ff2525);font-size: 18px; margin: 25px auto 0;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;display: block;text-align: center;}
.box-two li:nth-child(2) .more {background: #fff;box-shadow: -1px 8px 20px 0px rgba(228, 83, 26, 0.56);}
.box-two li:hover .more {transform: translate3d(0, -5px, 0px);}
.box-two li:nth-child(2) .two_text h3,.box-two li:nth-child(2) .two_text p{ color: #fff;}
.box-two li:nth-child(1) .more{ color: #fff;}
.box-two ul:before{ background: #797cfd; position: absolute; bottom: 0px;}
.title {
    text-align: center;
    position: relative;
}
.title h2{ font-size: 34px;font-weight: 500; color: #333333;text-align: center;padding: 0px 129px;overflow: hidden; box-sizing: border-box;display: inline-block;position: relative;line-height: 40px; height: 40px;}
.title .triangle {text-align: center;line-height: 40px;color: #999;margin: 10px 0; font-size: 16px;}
.title .triangle span {border: 5px solid transparent; border-left-color: #ccc;display: inline-block;margin-left: 5px;vertical-align: middle;}
.title h2:before,.title h2 b:before,.title h2 b:after, .title h2 em:before, .title h2 em:after,.title h2:after{ background:#e50023;}
.title h2 b, .title h2 em {
    position: relative;
    display: block;
}
/* .title h2:before {
    content: '';
    height: 3px;
    width: 90px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1.5px;
    border-radius: 3px;
}
.title h2 b:before {
    content: '';
    height: 30px;
    width: 3px;
    border-radius: 3px;
    position: absolute;
    left: -30px;
    top: 5px;
}
.title h2 b:after {
    content: '';
    height: 30px;
    width: 3px;
    border-radius: 3px;
    position: absolute;
    right: -30px;
    top: 5px;
}
.title h2 em:before {
    content: '';
    height: 20px;
    width: 3px;
    border-radius: 3px;
    position: absolute;
    left: -40px;
    top: -30px;
}
.title h2 em:after {
    content: '';
    height: 20px;
    width: 3px;
    border-radius: 3px;
    position: absolute;
    right: -40px;
    top: -30px;
}
.title h2:after {
    content: '';
    height: 3px;
    width: 90px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -1.5px;
    border-radius: 3px;
}
 */
/**/
.index-why{ background: #f5f6fa; padding-top: 50px; padding-bottom: 80px; }
.value {
  background-color: #F0F3F8;
  padding-bottom: 40px;
  margin-top: 50px;
  padding-top: 50px;
}

.value .valueBox {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 40px;
}


.value .valueBox .phoneBox {
  position: relative;
  padding: 0 130px;
}

.value .valueBox .arrow1 {
  position: absolute;
  left: 0;
  top: 80px;
}

.value .valueBox .arrow2 {
  position: absolute;
  right: 0;
  top: 80px;
}

.value .valueBox .arrow3 {
  position: absolute;
  left: 0;
  top: 240px;
}

.value .valueBox .arrow4 {
  position: absolute;
  right: 0;
  top: 240px;
}

.value .valueBox .type {
  padding: 25px;
  background: #FFFFFF;
  box-shadow: 0px 0px 13px 0px rgba(211, 219, 254, 0.38);
  border-radius: 10px;
  margin-bottom: 30px;
}

.value .valueBox .typeTitle {
  font-size: 14px;
  color: #333333;
  line-height: 28px;
  text-align: center;
  margin-top: 15px;
}

.value .valueBox .type-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  width: 300px;
  margin-bottom: 20px;
  position: relative;
}

.value .valueBox .type-box::after{
  position: absolute;
  content: '';
  right: -10px;
  top: 0;
  bottom: 0;
  width: 20px;
  background-color: #fff;
  box-shadow: -12px 0 5px rgba(250, 250, 250, .6);
}

.value .valueBox .type-box .type-item {
  width: 230px;
  flex-shrink: 0;
}

.value .valueBox .type-box .type-item .item-title {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  line-height: 24px;
  position: relative;
  padding-left: 25px;
}

.value .valueBox .type-box .type-item .item-title::before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left-color: #C8DAFA;
  left: 0;
  top: 2px;
}

.value .valueBox .type-box .type-item .item-info {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
}
.box-three{ background: url(../images/zs_weboxbg.jpg) no-repeat; background-size: 100%; width: 100%; display: inline-block; padding-top: 60px;padding-bottom: 50px;background-position: center center; background-attachment: fixed; }
  .pttg_four_w120{ margin-top: 30px;}
  .pttg_four_w120 > div{width:32%; height:190px; padding: 40px; float: left; margin-bottom: 27px; margin-right: 1.2%; box-sizing: border-box; background-size: 20%; border-radius: 20px;}
   .pttg_four_w120 > div:nth-child(3n){ margin-right: 0px;}
  .pttg_four_w120 > div b{ font-size: 20px; display: block;}
  .pttg_four_w120 > div > span{ width: 64%; font-size: 16px; line-height: 25px; display: block;padding: 10px 0 15px 0; box-sizing: border-box;}
  .pttg_four_w120 > div > div a{color: #bfa58b; border: 1px solid #bfa58b; padding: 3px 10px; border-radius: 27px;display: block; float: left; margin-right: 5px; margin-bottom: 5px;}
  .pttg_four_w120 > div >div{ width: 80%; }
  .pttg_four_w120 > div:hover{background-position-x: 100% !important; transition: all 0.5s;}
/* .pttg_four_w120 > div:nth-child(1) a{ border: 1px solid #bfa58b; color: #bfa58b; }
 .pttg_four_w120 > div:nth-child(2) a{ border: 1px solid #946c45; color: #946c45; }
 .pttg_four_w120 > div:nth-child(3) a{ border: 1px solid #348cf9; color: #348cf9; }
 .pttg_four_w120 > div:nth-child(4) a{ border: 1px solid #fca19e; color: #fca19e; }
 .pttg_four_w120 > div:nth-child(5) a{ border: 1px solid #e95784; color: #e95784; }
 .pttg_four_w120 > div:nth-child(6) a{ border: 1px solid #fab62a; color: #fab62a; }
 .pttg_four_w120 > div:nth-child(7) a{ border: 1px solid #fd7a23; color: #fd7a23; }
 .pttg_four_w120 > div:nth-child(8) a{ border: 1px solid #e94672; color: #e94672; } */
.pttg_four_w120 div a{border: 1px solid #c7c7c7 !important;color: #666666 !important;}
.pttg_four_w120 > div:hover{border-bottom: 2px solid #e50023;} 
.part1_bigbox{ background: url(../images/part1_bg.jpg) no-repeat center center; width: 100%; display: inline-block; padding-top: 50px;}
.index-about{ width: 55%; background: #fff; border-radius: 40px;}
.index-about p{ font-size: 30px; font-weight: bold; padding-left: 6%;}
.aboutDydyy_con1_nr p.num_title{ font-size: 14px; font-weight: 300; }
.aboutDydyy_con h5 , .part6_bigbox h5{ font-size: 15px; color: #3e3e3e; margin: 2px auto; font-weight: normal; text-align: center; }
.aboutDydyy_con h2 , .part6_bigbox h2{ font-size: 35px; color: #212529; margin: 0 auto 10px; text-align: center; }
.aboutDydyy_con h3{ font-size: 30px; color: #212529; margin: 50px auto 10px;  }
.aboutDydyy_con1{ margin: 70px auto 30px; }
.aboutDydyy_img{ width: 100%; padding: 15px; box-sizing: border-box; font-size: 16px; line-height: 40px; background: #fff; }
.part2 img{ width: 100%; }
.aboutDydyy_con1_nr{ width: 100%; }
.aboutDydyy_con1_nr h4{ font-size: 42px; color: #000; }
.aboutDydyy_con1_nr h4 .num_zi{ font-size: 24px;}
.aboutDydyy_con1_nr h4:before{     
    content: '';
    width: 23px;
    height: 21px;
    margin-right: 12px;
    background: url(../images/square.png) no-repeat;
    display: inline-block;
}
.aboutDydyy_con1_nr p{ font-size: 16px; color: #777;margin: 10px 0 30px; line-height: 22px; padding-right: 33px; box-sizing: border-box;}
.aboutDydyy_img2{ width: 40.5%; }
.aboutDydyy_bigbox2 h3{ font-size: 28px; font-weight: normal; text-align: center; }
.aboutDydyy_con1_nr ul li{ width: 33%; float: left;}
.box-four{ width: 100%; display: inline-block; background: url(../images/202204121502038918.jpg) no-repeat center top; margin-top: 40px; padding-bottom: 30px;}
.box-four{ padding-top: 30px;}
.box-four h4{ font-size: 36px; text-align: center; color: #fff;}
.box-four p{ text-align: center; color: #fff; line-height: 40px;}
.liucheng{ margin-top: 25px;}
.liucheng ul li{width: 25%; float: left; line-height: 90px; background: url(../images/dian.png) no-repeat right  center; background-position-x: 90%; }
.liucheng span{ width: 90px; height: 90px; display: block; border-radius: 20px; background-image: linear-gradient(to right, #fa8693 , #ac4ff8);display: flex;align-items: center; float: left; margin-right: 20px;}
.liucheng span img{ width: 60%; display: block; margin: auto;}
.liucheng ul li b{ color: #fff; font-style: initial; font-size: 24px;}
.liucheng ul li:nth-child(4){ background: none;}
.liumoer span{ background-image: linear-gradient(to right, #fa8693 , #ac4ff8); line-height: 70px; padding: 20px 80px; border-radius: 60px; color: #fff; font-size: 24px;}
.liumoer span img{ width: 2%; margin-left: 20px;}
.liumoer span a{ color: #fff;}
.liumoer span:first-child{ margin-left: 20%; margin-right: 40px;}
.liumoer{ margin-top: 30px; width: 100%; display: inline-block;}
.liumoer span:hover{ transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}

/* .service-cont { margin-top: 40px;}
.service-cont ul li{ float: left; margin-right: 30px; width: 214px; height: 518px; overflow: hidden; background: #000; border-radius: 20px;  position: relative; }
.service-cont ul li:last-child{ margin-right: 0px;}
.service-cont ul li .serv_t .text{ position: absolute; top: 20%; writing-mode:vertical-lr; right: 32px; color:#fff;}
.service-cont ul li .serv_t img{ opacity: 0.7;}
.service-cont ul li .serv_t .text p{ font-size: 40px; font-weight: bold;}
.service-cont ul li .serv_t .text span{ font-size: 16px;text-transform:uppercase; }
.service-cont ul li .serv_t .serv_b{ display: none;}
.service-cont ul li .serv_t .serv_b{position: absolute; top: 0px;width: 60%;text-align: center; color: #fff; background: linear-gradient(120deg, #00BAFF 0%, #3000FF 100%); height: 100%; padding-top: 15%; box-sizing: border-box; }
.service-cont ul li .serv_t .serv_b a{color: #fff;}
.service-cont ul li .serv_t .serv_b p{font-size: 40px; font-weight: bold;}
.service-cont ul li .serv_t .serv_b span{ font-size: 16px;text-transform:uppercase; line-height: 35px; }
.service-cont ul li .serv_t .serv_b .serv-digest{ margin: 0px 30px; height: 150px; overflow: hidden; margin-top: 30px; font-size: 16px; line-height: 30px; text-align: left;}
.service-cont ul li .serv_t .serv_b .serv-list{ margin-top: 80px;}
.service-cont ul li .serv_t .serv_b .serv-list dl dt{ width: 26%; height: 35px; line-height: 35px; float: left; margin: 0px 15px; background: #e50023; border-radius: 18px;}
.service-cont ul li.on .serv_t img{ opacity: 0.24;}
.service-cont ul li.on .serv_t .text { display: none;}
.service-cont ul li.on .serv_t .serv_b{display: block; }
.box-service{ margin-top: 50px; width: 100%; display: inline-block; margin-bottom: 50px } */
.box-xiangmu { margin-top: 40px;}
.box-five{ margin-top: 45px;}
.box-xiangmu ul li{ width: 15%; float: left; overflow: hidden; border-radius: 20px; height: 518px; margin-right: 20px; position: relative; display: block; background:#3d2ba0;}

.box-xiangmu ul li .serv_t .text{ position: absolute; top: 20%; writing-mode:vertical-lr; right: 32px; color:#fff;}
.box-xiangmu ul li .serv_t img{ opacity: 0.2;}
.box-xiangmu ul li .serv_t .text p{ font-size: 32px; font-weight: bold;}
.box-xiangmu ul li .serv_t .text span{ font-size: 16px;text-transform:uppercase; }
.box-xiangmu ul li .serv_t .serv_b{position: absolute; top: 0px;width: 50%;text-align: center; color: #fff; background: linear-gradient(120deg, #7593e7 0%, #3d2ba0 100%); height: 100%; padding-top: 15%; box-sizing: border-box; display: none; }
.box-xiangmu ul li .serv_t .serv_b a{color: #000;}
.box-xiangmu ul li .serv_t .serv_b p{font-size: 30px; font-weight: bold; }
.box-xiangmu ul li .serv_t .serv_b span{ font-size: 16px;text-transform:uppercase; line-height: 35px; }
.box-xiangmu ul li .serv_t .serv_b .serv-digest{ margin: 0px 30px; height: 150px; overflow: hidden; margin-top: 30px; font-size: 16px; line-height: 30px; text-align: left;}
.box-xiangmu ul li .serv_t .serv_b .serv-list{ margin-top: 80px;}
.box-xiangmu ul li .serv_t .serv_b .serv-list dl dt{ width: 30%; height: 35px; line-height: 35px; float: left; margin: 0px 15px; background: #fff; border-radius: 18px;}
.box-xiangmu  ul li.on{ width: 49%; display: block;}
.box-xiangmu  ul li.on .serv_t img{ opacity: 0.7;}
.box-xiangmu  ul li.on .serv_t .text { display: none;}
.box-xiangmu  ul li.on .serv_t .serv_b{display: block; transition:all 1s 3s linear; }
.box-five{  width: 100%; display:inline-block;}
.box-fiv{ width: 100%; display: inline-block; background: url(../images/zhimg.jpg) no-repeat; padding-top: 50px; padding-bottom: 50px;background-position: center center; background-attachment: fixed; position: relative;}
.box-title h2{ color: #fff;}
.fiv-lsit{ width: 100%; overflow: hidden; display: inline-block; position: relative;}
.fiv-lsit .fiv-lib{ width: 100%; float: left; flex-shrink: 0;}
.fiv-lib .fiv-img{ width: 50%; height:500px; overflow: hidden;}
.fiv-lib .fiv-img img{ width: 100%; height: 100%; object-fit:cover;}
.fiv-lib .fiv-cont{ width: 50%; height: 500px; background: #fff; display: block; padding: 30px; box-sizing: border-box;}
.fiv-cont p{ font-size: 24px; line-height: 35px; font-weight: bold; margin-top: 5%; padding-bottom: 5px; border-bottom: 1px solid #dedede;}
.fiv-cont span{ font-size: 36px; color:#e50023; float: left; width: 33%; font-weight: bold; margin-top: 5%;}
.fiv-cont span i{ color: #333; font-style: initial; font-size: 18px; font-weight: 300; line-height: 40px;}
.shuju{ width: 100%; display: inline-block;}
.fiv-cont .fangan{ font-size: 16px; line-height: 35px; margin-top: 30px; display: block; }
.fiv-cont .fangan i{ font-style: initial; font-weight: 500px;}
.fiv-cont  .fiv-moer{width: 120px; height: 30px; line-height: 30px; color: #fff; background:#e50023; border-radius: 15px; text-align: center; margin-top: 40px;}
.fiv-case{ width: 100%; display: inline-block; overflow: hidden; padding-bottom: 30px;}
.fiv-case  .fiv-caseimg{ float: left; flex-shrink: 0; width:320px; margin-right: 20px; display: block;}
.fiv-case  .fiv-caseimg .fiv-thumb{ width: 100%; height: 625px; overflow: hidden;}
.fiv-case  .fiv-caseimg p{width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 16px; background: #fff;}
.fiv-case  .fiv-caseimg img{width: 100%;} 
.box-fiv .swiper-button-prev:after{ font-size: 20px; background: #333; color: #fff; padding: 10px 25px;}
.box-fiv .swiper-button-next:after{ font-size: 20px; background: #e50023; color: #fff; padding: 10px 25px;}
.box-fiv .swiper-button-next{ right: 47%; top: 96%;}
.box-fiv .swiper-button-prev{ left: 47%;top: 96%;}
.box-six{ width: 100%; display: inline-block;  margin-top: 50px;background: url(../images/new20.png) no-repeat; padding-top: 40px; padding-bottom: 40px;}
.box-six ul { width: 100%; margin-top: 40px; display: block;}
.box-six ul li{ float: left;width: 32%;margin-right: 1.8%; margin-bottom: 30px;position: relative; padding-bottom: 1.5%;padding: 10px 10px 10px 30px;box-sizing: border-box;color: #999; background: #fff;  border-radius: 20px 0px 20px 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); height: 140px; padding-top: 20px;}
.box-six ul li:nth-child(3n){ margin-right: 0px;}
.box-six ul li i{ width: 82px; height: 82px; display: block; float: left;}
.box-six ul li:before {
    content: '';
    width: 100%;
    height: 120px;
    position: absolute;
    left: 10px;
    top: 0px;
    z-index: -1;
    border-radius: 20px 50px 20px 50px;
    box-sizing: border-box;
	background:#e50023;
}
/* .box-six ul li:after {
    content: '';
    width: 100%;
    height: 120px;
    background: #7926d6;
    position: absolute;
    left: 0px;
    top: 20px;
    z-index: -2;
    border-radius: 50px 0px 50px 20px;
} */
.box-six ul li p {
    line-height: 35px;
    height: 35px;
	   overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: bold;
	color: #333;
	 width: 75%; float: right;
}
.box-six ul li span{ width: 75%; float: right;}
.box-news{ width: 100%; display: inline-block; padding-top: 50px; /* background: #f3f7ff; */ padding-bottom: 40px;}
.news-list{ width: 100%; display:inline-block; margin-top: 30px;}
.news_cont{ /* border-bottom: 1px solid #cacaca; */ padding-bottom: 10px; width: 32%; margin-right: 1.5%; float: left; background: #fff; /* border-radius: 15px; */  overflow: hidden; padding: 10px; border: 1px solid #eaeaea ;  box-sizing: border-box; /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2); */}
.news_cont:nth-child(3){ margin-right: 0px;}
.news_cont .new_img{ width: 100%; height: 240px; overflow: hidden;}
.news_cont .new_img img{ width: 100%; min-height: 100%; object-fit: cover;}
.news_cont h4{ font-size: 20px; font-weight: 500; margin-top: 30px;white-space: nowrap;text-overflow: ellipsis; padding: 0px 10px; box-sizing: border-box; line-height: 50px;}
.news_cont span{ line-height: 36px; font-size: 16px;padding: 0px 10px; box-sizing: border-box;  width: 100%; display: block;}
.news_cont span i{ font-size: 14px; color: #999; float: left; font-style: initial; width: 25%; border: 1px solid #eaeaea; height: 40px; line-height: 40px; text-align: center; padding-top: 3%; box-sizing: border-box; margin-top: 20px;}
.news_cont span i img{ width: 30%;}
.news_cont p{ font-size: 14px; line-height: 20px;padding: 0px 10px; box-sizing: border-box; }
.news_cont p:nth-child(4){ line-height: 30px; height: 60px; font-size: 14px;overflow: hidden; margin-top: 15px;}
.news_cont{ margin-bottom: 10px;}
.news ul{ width: 100%; display: block;}
.news ul li{ font-size: 20px; line-height: 45px; width: 32%; margin-right: 1.5%; float: left;}
.news ul li:nth-child(3n){ margin-right:0px}
.news ul li span{ font-size: 18px; width: 80%; white-space: nowrap; text-overflow: ellipsis;}
.news ul li i{ font-size: 14px; font-style: initial; float: right;} 

.box-news dl{ margin-top: 30px;}
.box-news dl dt{float: left; width: 29.5%; margin-right: 1.5%; font-weight: 300; border: 1px solid #bebebe; /* border-radius: 15px; */ padding: 18px; margin-bottom: 10px;}
.box-news dl dt:nth-child(3n){ margin-right: 0px;}
.box-news dl dt i{ float: left;  padding-right:10px;font-size:14px; color: #333; position: relative; font-style: initial;}
.box-news dl dt b{ font-size: 40px; color:#000; font-weight:bold; float: right;}
.box-news dl dt i::after{content: ''; width: 1px; height: 100%; background: #bebebe; display: block; position: absolute; right:0px; top: 0px;}
.box-news dl dt:hover span{ color:#e50023 ;}
.box-news dl dt:hover p{ color:#e50023 ;}
.box-news dl dt p{ font-size: 20px; color: #333; font-weight: 500;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-sytit{ float: right;width: 80%;}
.news-sytit span{ width: 100%; display: block; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }
.news-moer img{ margin-left: 10px;}
.news_cont:hover .new_img img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.news_cont:hover h4,.news_cont:hover span,.news_cont:hover p { color: #e50023;}
.news ul li:hover a{ color: #e50023;}
.box-seven{ width: 100%; display: inline-block; background: url(../images/bj.png) no-repeat top; padding-top: 5%; padding-bottom: 150px;} 
.box-seven .seven-tel{ width: 100%; display: inline-block;}
.box-seven .seven-tel b{ font-size: 24px; color: #fff; font-weight: 400; width: 255px; display: block; background: #e50023; height: 55px; line-height: 55px; padding: 0px 15px; box-sizing: border-box; float: left; }
.box-seven .seven-tel  span{ width: 340px; float: left; height: 55px; line-height: 55px; border: 2px solid #e50023; padding: 0px 15px; box-sizing: border-box; font-weight: bold; font-size: 30px;}
.box-seven .seven-tel span img{ width: 10%; float: left; margin-right: 20px;  margin-top: 10px;}
.box-seven p{ font-size: 36px; color: #666;}
.box-seven p i{ font-size: 20px; font-style: initial; line-height: 30px;}
.box-seven h5{font-size: 60px; font-weight:bold; color: #e50023; margin-top: 30px; margin-bottom: 30px;} 
.box-seven h6{font-size: 32px; color: #999; line-height: 70px; font-weight: 400; }
.box-8{ background: #292929;width: 100%;display: inline-block;}
.box-8 .box-ftitle{ border-bottom: 1px solid #7d7d7d;height: 85px;line-height: 85px;}
.box-8 .box-ftitle .tile-list{ width: 75%;margin: auto;}
.box-8 .box-ftitle .tile-list span,.box-8 .box-ftitle .tile-list a{ color: #fff;}
.box-8 .box-ftitle .tile-list span{font-size: 18px;}
.box-8 .box-foot{ width: 75%;margin: auto;}
.box-8 .box-ftitle .tile-list a{font-size: 15px;margin: 0px 0.5%;}
.box-logo{ margin-top: 40px; width: 100%;display: inline-block;}
.box-logo img{width: 18%;}
.box-lainxi{ margin-top: 10px;}
.box-lainxi .box-tel{width: 35%;}
.box-lainxi .box-tel ul li{height: 25px;color: #fff;line-height: 25px;margin-bottom: 30px;font-size: 16px;}
.box-lainxi .box-tel ul li img{ width: 22px;height: auto;margin-top: 3px;float: left;margin-right: 10px;}
.box-lainxi .box-tel ul li span{ line-height: 25px;}
.box-sao{width: 28%;border-left: 1px solid #fff;padding-left: 3%;box-sizing: border-box;}
.box-sao .erweima{ width: 40%;display: block;}
.box-sao .sao-img{width: 50%;display: block;}
.box-sao .erweima img{ width: 90%;}
.box-sao .erweima p{ font-size: 14px;color: #fff;line-height: 25px;} 
.box-bootm{ display: inline-block; width: 100%;padding-bottom: 30px;}
.boot-foot{ width: 100%;display: inline-block;background: #fff;height: 38px;line-height: 38px;color: #000;font-size: 16px;}
.boot-foot ul { display: flex; flex-direction: row; justify-content: center;}
.boot-foot ul li{ margin: 0px 10px;}
.boot-foot ul li img{ margin-top: 3%;float: left;margin-right: 10px; width: 22px ;}
.boot-foot ul li:first-child img{ margin-top: 4%;}
.box-tel p{ font-size: 20px; color: #fff;}
.box-tel  a{ width: 33.3%; color: #fff; font-size: 16px;  text-align: left; line-height: 40px; display: block; float: left;}
.banner-image{ height: 590px; background-position: center;}
.mcrumbs{ width: 30%;float: right;line-height: 60px;}
.mcrumbs i{ float: left;margin-right: 15px;margin-top: 4%;}
.mcrumbs span{ width: 88%;overflow: hidden;line-height: 60px;display: block;}
.showsearch{ background: #f2f2f2;border-bottom: 0px; width: 100%; display: inline-block;}
.inside-title{ float: left; width: 75%;}
.inside-title ul li{ line-height: 60px;font-size: 18px;margin: 0px 2%; float: left; }
.inside-title ul li.on a{ color: #dd3641;}
.inside-title ul li:hover a{ color: #172b7d;}
.left_seach{ width: 69%; float: left; line-height: 60px; font-size: 16px;}
.left_seach i{ color: #dd3641; font-style: inherit;}
.left_seach a{ margin: 0px 8px;}
.relation{display: inline-block; /* margin-top: 50px; */ width: 100%;}
.map{width: 55%;height: 665px;}
.contact{ width: 45%;height: 665px;background: #5072ff;padding: 30px;box-sizing: border-box;}
.contact ul li span i{ width: 38px; float: left;margin-right: 15px;}
.contact ul li span i img{ width: 100%;}
.contact h4{ font-size: 30px;color: #fff;font-weight: 500;line-height: 50px; width: 75%;}
.contact h4 i {font-size: 24px;font-style: initial;text-transform:uppercase;  }
.contact ul{width: 75%;}
.contact ul li{ margin-bottom: 10%;}
.contact ul li span{ font-size: 24px;line-height: 38px;color: #fff;line-height: 40px;}
.contact ul li p{ font-size: 24px;color: #fff;padding-left: 9%;box-sizing: border-box;line-height: 40px;}
.contact ul li:first-child{ margin-top: 10%;}
.contact ul li:first-child p {font-size: 28px;}
.join_book_box{ padding:0.2rem 0; height:auto; overflow:hidden}
.join_contact_box{ width:39%; float:left; padding:0.1rem; margin-left:0.1rem; box-shadow:0px 0px 0.1rem #ccc;overflow:hidden}
.join_contact_box .join_contact{ height:100%; border:1px solid #282828; padding:0.24rem 6%; }
.join_contact_box .join_contact h3{ font-size:0.24rem; color:#ec1728; margin-bottom:0.4rem;}
.join_contact_box .join_contact h3 span{ color:#282828;}
.join_contact_box .join_contact p{ line-height:0.3rem; font-size:0.2rem; padding-bottom:0.22rem;}
.join_contact_en{ font-size:1.32rem; color:#fdf4f4; text-indent:-0.8rem}
.join_book{ width:100%;}
.join_book .book{ padding: 0px 5%; box-sizing: border-box;}
.join_book h3{ line-height:0.5rem; font-size:0.2rem; padding-top:0.28rem}
.index_title.red_txt{ text-align:center; }
.index_title.red_txt .cn{ font-size:36px; color:#ec1728; border-bottom:0px}
.index_title.red_txt .cn span{ color:#000000;}
.guest li{ clear:both;line-height:45px; font-size:18px; color:#282828; margin-bottom:30px; }
.guest li span{ display:inline-block; width:100px; vertical-align:top}
.guest li input.txt{ width:32%; height:65px; line-height:65px; border:none; background:none; font-size:16px; border-radius:15px; padding: 10px; box-sizing: border-box;background: rgba(224,224,224,0.8); box-sizing: border-box; margin-right: 7px;}
.guest li input.txt:nth-child(3){ margin-right: 0px;}
span.tel{ text-align:center}
.guest li textarea{ width:96%; height:120px; line-height:30px; border:none; background:none; font-size:14px; border-radius:15px; padding:15px;background: rgba(224,224,224,0.8);}
.guest li .submit{ width:220px; height:60px; text-align:center; line-height:60px; color:#fff; font-size:18px; background:#de2f19; border:0;  border-radius:10px; display: block; margin: auto;}
.index_title {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    margin: 50px 0px 30px;
}
.index_title .en {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    color: #e5e5e5;
    font-size: 48px;
    width: 100%;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: uppercase;
}
.index_title .cn {
    position: relative;
    z-index: 2;
}
.rpo-value{ width: 100%; display: inline-block; /* background: #F4F4F4; */padding-top: 40px; padding-bottom: 50px;}
.rpo-value ul{ width: 100%; display:inline-block; background: url(../images/dzbei2.png) no-repeat; height: 546px; margin-top: 60px; background-position: center; position: relative; }
.rpo-value ul li{ width: 50%; height: 140px; display: block;}
.rpo-value ul li p{ font-size: 24px; line-height: 30px;}
.rpo-value ul li span{ font-size: 16px; line-height: 30px; color: #646464; margin-top: 10px; display: block;}
.rpo-value ul li:nth-child(1){ padding-right: 24%; text-align: right; box-sizing: border-box; position: absolute;}
.rpo-value ul li:nth-child(3){ padding-right: 28%; text-align: right; box-sizing: border-box; position: absolute; top:42%; left: 0px;}
.rpo-value ul li:nth-child(5){ padding-right: 24%; text-align: right; box-sizing: border-box; position: absolute;top:78%; left: 0px;}
.rpo-value ul li:nth-child(2){ float: right; position: absolute; right: 0px; padding-left: 24%; text-align: left; box-sizing: border-box;}
.rpo-value ul li:nth-child(4){ float: right; position: absolute;right: 0px; padding-left: 28%; text-align: left;top:42%; box-sizing: border-box;}
.rpo-value ul li:nth-child(6){ float: right;position: absolute;right: 0px; padding-left: 24%; text-align: left;top:78%; box-sizing: border-box;}
.titles{ text-align: center;}
.titles .zhu-title{font-size: 40px; color: #333; line-height: 60px; font-weight: bold;}
.titles .zhu-title span{ color: #de2f19;}
.titles .fu-title{ line-height: 40px; height: 40px;}
.titles .fu-title span{ font-size: 16px;   color: #999; margin: 0px 10px;}
.titles .fu-title i img{ display: inline-block;}
.list-case {width: 100%; display: inline-block; margin-top: 50px;}
.list-case ul{ display: inline-block;}
.list-case ul li{ width: 32%; height: 360px; float: left; margin-right: 1.5%; margin-bottom: 25px; position: relative;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);}
.list-case ul li:nth-child(3n){ margin-right: 0px;} 
.list-case ul li:hover .lsit-thumb img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.list-case ul li .lsit-thumb{width: 100%; height:100%; overflow: hidden;}
.list-case ul li .lsit-thumb img{ width: 100%;height: 100%; object-fit: cover;}
.list-case ul li .case-title{ width: 100%;  text-align: center; height: 70px; position: absolute;  bottom: 0px; line-height: 70px; background: #fff;}
.case-img{ width: 100%; height: 100%; position: absolute; background: rgba(255,95,0,0.7); top: 0px; padding: 0px 40px; box-sizing: border-box; display: none;}
.case-img a{ color: #fff;}
.case-img p:nth-child(1){ font-size: 20px; line-height: 24px; margin: 50px 0px; text-align: center;}
.case-img p:nth-child(2){ font-size: 16px; line-height: 36px; }
 .case-img span{ width: 40%; margin: auto; margin-top: 15px; height: 45px; line-height: 45px; background: #fff; border-radius: 10px; display: block; color: #de2f19; text-align: center;}
.list-case ul li:hover .case-img{display: block;}
.list-case ul li:hover .case-title{display: none;}
.v9_pages{ text-align: center;margin-top: 40px;display: inline-block; width: 100%; margin-bottom: 40px;}
.v9_pages a{ padding: 10px 16px;border: 1px solid #666;margin: 0px 5px;border-radius: 6px;font-size: 18px;}
.v9_pages span{ padding: 10px 16px;margin: 0px 5px;border-radius: 6px;background: #dd3641;color: #fff;font-size: 18px; }
.news-pages{ width: 100%;display: inline-block;}
.news-pages ul li {width: 100%;display: inline-block;}
.news-pages ul li .news-middle{ width: 75.5%;padding: 27px 0px;box-sizing: border-box;margin: auto;display:block;}  
.news-figure{ width: 25.4%;height: 250px;border-radius: 10px;overflow: hidden;}
.news-figure img{ width: 100%;height: 100%;object-fit: cover;}
.news-arr{ width: 11.1%;}
.news-mark{ width: 63%;}
.news-arr span{ font-size: 60px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;height: 90px;border-right: 1px solid #999;display: block; width: 100%;text-align: left;padding-left: 10%;box-sizing: border-box;margin-top: 30%;}
.news-arr span i{ font-weight: 300;font-size: 20px;font-style: initial;}
.news-mark{ padding: 0px 3%;box-sizing: border-box;}
.news-mark h4{ font-size: 24px;color: #000;font-weight: bold;}
.news-mark p{ font-size: 16px;line-height: 30px;margin: 35px 0px;display: block;}
.news-mark span{ width: 170px;height: 48px;color: #fff;background: #dd3641;display: block;line-height: 48px;text-align: center;border-radius: 15px 0px 15px 0px;}
.news-pages ul li:hover{ background: #f5f5f5;} 
.news-pages{ margin-top: 50px;display: inline-block; width: 100%;}
.about-pages{background: url(../images/c14.jpg) no-repeat top center; background-size: 100%; padding-top: 3%; /* display: inline-block; */}
.about-pages .abour-inisd{position: relative; display: inline-block; width: 100%; height: auto;  }
.left-pages{ width: 56.7%; height: 627px; display: block; position: relative;}
.left-pages span{ width: 95%; height: 95%; border: 5px solid #345a98;  display: block; float: right; border-radius: 20px;}
.left-pages img{ position: absolute; width: 95%; height: 95%; border-radius: 20px; left: 0px; bottom: 0px;}
.right-pahes{ width: 40%; padding-top: 52px;}
.right-pahes p{ font-size: 26px; text-transform:uppercase;}
.right-pahes h4{ font-size: 34px; font-weight: bold; color: #d7000f; padding: 20px 0px; border-bottom: 1px solid #dedede;}
.right-pahes .about-pcont{ font-size: 16px; line-height: 32px; text-indent:2em; color: #000;}
.about-pages .num{ position: absolute; width: 62%;  right: 0px; top: 82%;}
.about-pages .num_value{ font-family: "ali"; font-size: 54px;}
.about-pages .num_title{ font-size: 21px; color: #000; font-weight: 500;}
.about-pages .num_zi{ color: #000;}
.about-pages .num dl dt{ background: #fff;box-shadow:0px 0px 5px 5px rgba(62,98,157,0.2); height: 156px; border-radius: 20px; padding-top: 2%;  padding-left: 8%; box-sizing: border-box;}
.force{width: 100%; display: inline-block; background: url(../images/c16.jpg) top center; margin-top: 9%; background-size: 100%; padding-top: 120px; padding-bottom: 150px;background-image-part-image: url(../images/c16.jpg);background-position: center center; background-attachment: fixed;}
.title h6{font-size: 48px; color: #fff;}
.force .title span{ background: #fff; margin: 15px auto;}
.force-comt,.force-comt>div,.force-comt p{ font-size: 20px; color: #fff; line-height: 48px; text-align: center; text-indent:2em; margin-top: 80px;}
.num dl dt {
    width: 31%;
    margin-right: 2%;
    float: left;
    font-size: 20px;
    margin-top: 4%;
}
.num dl dt b {
    color: #d51d0f;
    display: inline-table;
    font-weight: bold;
}
.culture_scroll{ position:relative; height:auto; overflow:hidden; margin-top:80px}
.culture_scroll .swiper-slide{ width:31.2%; float:left; height:190px; background:#ffffff; margin-right:2%; border-radius:20px; margin-bottom:45px; text-align:center;  transition:all 0.7s; color:#000000; overflow:hidden; margin-top:0 !important}
.culture_scroll .swiper-slide h3{ padding-top:12px; line-height:48px; font-size:24px;}
.culture_scroll .swiper-slide p { line-height:30px; padding:0 3%; font-size:18px;}
.culture_scroll .swiper-slide>div { line-height:30px; padding:0 3%; font-size:18px;}
.culture_scroll .swiper-slide:nth-child(2) div{ font-size: 16px; line-height: 24px;}
.culture_scroll .swiper-slide:hover { background:#c8161d; color: #fff;}
.culthd{ text-align: center; display: flex;}
.culthd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; background: #fff; border-radius: 50%;}
.culthd ul li.on{ background: #c8161d;}
	.culthd .next{ width: 40px; height: 50px; display: block; background: url(../images/prev11.png)  no-repeat;background-size: 100%; float: left; margin-left: 34%;   color: #fff; }
	.culthd ul{ width: 15%; display: block; margin: auto; text-align: center; height: 50px;display:flex;justify-content:center; padding-top: 1%; }
	.culthd .prev{ width: 40px; height: 50px; display: block; background: url(../images/next11.png) no-repeat; background-size: 100%; float: right; margin-right: 37%;   color: #fff; margin-top: 0%; }
	.culthd ul li{ margin-top: 5%; width: 16px; height: 16px; margin: 0px 5px;}
	.zhaopin-peixun-swiper {
	  width: 100%;
	  overflow: hidden;
	  padding-bottom: 60px;
	  position: relative;
	}
	.zhaopin-peixun-swiper-slide img {
	  width: 100%;
	}
		.zhaopin-peixun-swiper-slide{flex-shrink: 0;}
	.zhaopin-peixun-swiper-pagination {
	  height: 17px;
	  position: absolute;
	  width: 100%;
	  left: 0;
	  bottom: 0;
	}
.zhaopin-peixun-swiper-pagination span {
	  width: 17px;
	  height: 17px;
	  border-radius: 17px;
	  margin-right: 40px;
	  background-color: #000;
	}
.zhaopin-peixun-swiper-pagination span:last-child {
	  margin-right: 0;
	}
.zhaopin-peixun-swiper-pagination span.on {
	  width: 90px;
	  background-color: #e70012;
	}
.zhaopin-peixun-container {
  padding: 1.1rem 0;
}
.container {
    width: 75%;
    height: 100%;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
.flex {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.flex-center {
    justify-content: center;
    align-items: center;
}
.inside-main-title span {
    display: inline-block;
    height: 40px;
     font-size: 40px;
    line-height: 40px;
    color: #000;
    font-weight: bold;
}
.inside-main-title{ text-align: center;}
.big-title-box { width: 100%; display: inline-block; margin-top: 40px;}
.big-title-box ul{ margin-top: 40px; display: inline-block; width: 100%;}
.big-title-box ul li{ float: left; width: 19%; margin-right: 1.2%; text-align: center; line-height: 30px;}
 .big-title-box ul li:nth-child(5){margin-right: 0px;}
.big-title-box ul li  .bog-img{ width: 70%; display: block; margin: auto;}
.big-title-box ul li .bog-img img{ width: 100%;}
.big-title-box ul li p{ text-align: center; font-size: 18px; padding: 0px 3%; box-sizing: border-box; margin-top: 2%;}
.big-title-box ul li p.div{ text-align: center;}
.jn-plan{width: 100%;display: inline-block;background: url(../images/jineng.jpg) no-repeat; padding-top: 42px; padding-bottom: 48px;}
.jn-plan .title p{color: #fff;}
.jn-plan .title p span{color: #fff;}
.jnplan-list{ background: url(../images/jineng1.png) no-repeat;background-size: 100%;margin-top: 48px;background-position-y: 25%; height: 440px;}
.jnplan-list ul li{ width: 48%; margin-left: 2%;  box-sizing: border-box; color: #fff;}
.jnplan-list ul li p{ font-size: 24px;}
.jnplan-list ul li span{ font-size: 15px;line-height: 30px; height: 60px; overflow: hidden;  margin-top: 20px;display: block;}
.jnplan-list ul li:nth-child(1){ float: left;padding-right: 18%;}
.jnplan-list ul li:nth-child(3){ float: left;padding-right: 18%; margin-top: 5%;}
.jnplan-list ul li:nth-child(2n){ float: right;padding-left: 18%; padding-right: 2%;}
.jnplan-list ul li:nth-child(2) p{ text-align: right;} 
.jnplan-list ul li:nth-child(4) p{ text-align: right;} 
.jnplan-list ul li:nth-child(4) { margin-top: 5%;}
.jnplan-list ul li:nth-child(5){ text-align: center; margin-left: 26%; margin-top: 6%; float: left;}
#promise {
  position: relative; width: 100%; display: inline-block;
}
#promise::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/promise-bg.png) no-repeat bottom center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

#promise .promise-img {
  width: 50%;
  position: relative;
  overflow: hidden;
}
#promise .promise-img img{ width: 100%; height: 100%; object-fit: cover;}

#promise .promise-desc {
  width: 50%;
}
#promise .promise-desc li {
  margin-bottom: 35px;
}
#promise .promise-desc .num {
  font-family: AKZIDENZGROTESK-BOLDCOND;
  font-size: 140px;
  line-height: 1;
  color: #f7f7f7;
  display: inline-block;
}
#promise .promise-desc .txt {
  display: inline-block;
  vertical-align: text-bottom;
}
#promise .promise-desc .icon,
#promise .promise-desc .txt-desc {
  display: inline-block;
  vertical-align: top;
}
#promise .promise-desc .icon {
  margin-right: 20px;
}
#promise .promise-desc .txt-desc{ width: 80%;}
#promise .promise-desc .txt-desc::after {
  content: '';
  width: 40px;
  height: 7px;
  background: #c92027;
  display: block;
  margin-top: 10px;
}
#promise .promise-desc p {
  font-size: 24px;
  line-height: 1;
  color: #333;
  margin-bottom: 15px;
}
#promise .promise-desc span {
  font-size: 14px;
  line-height: 26px;
  color: #868686;
}
.prom-cont{ margin-top: 40px; padding-bottom: 60px; width: 100%; display: inline-block;}
.promote{ width: 100%; display: inline-block;  margin-top: 50px; margin-bottom: 40px;} 
.promote .promote-box {
  position: relative;
  padding: 0 120px;
  --swiper-navigation-size: 18 px;
}
.promote .promote-box .swiper {
  overflow: hidden;
}
.promote .promote-box .swiper-button-next,
.promote .promote-box .swiper-button-prev {
  color: #999999;
  font-weight: bold;
  width: 44px;
  height: 126px;
  background: #EDEEFC;
  border-radius: 10px;
  color: #C2C7EC;
  margin-top: -60px;
}
.promote .promote-box .swiper-button-next:hover,
.promote .promote-box .swiper-button-prev:hover {
  color: #FFFFFF;
  background: #4C5DE6;
}
.promote .promote-box .promote-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.promote .promote-box .promote-img {
  background: #EDEEFC;
  padding: 15px 12px 0;
  border-radius: 40px 40px 0px 0px;
  margin-right: 70px;
  width: 36%;
  height: 423px;
  overflow: hidden;
}
.promote .promote-box .promote-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 40px 40px 0px 0px;}
.promote .promote-box .promote-info {
  flex: 1;
}

.promote .promote-box .promote-title {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  line-height: 28px;
}

.promote .promote-box .promote-title span {
  color: #4C5DE6;
/*  margin: 0 20px; */
}

.promote .promote-box .promote-desc {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin-top: 15px;
  width: 480px;
}

.promote .promote-box .promote-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.promote .promote-box .promote-data .data-name {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.promote .promote-box .promote-data .data-name::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 22px;
  height: 1px;
  background-color: #eee;
}

.promote .promote-box .promote-data .data-num {
  font-size: 30px;
  font-weight: bold;
  color: #E3372F;
}
.zhu-title i{ font-style: initial; color:#E3372F ;}
.douyin-box{ width: 100%; display: inline-block; padding: 50px 0px;  background: url(../images/20220907164957194.jpg) no-repeat top center;}
.douyin-about p{ width: 90%; font-size: 18px; line-height: 30px; text-align: center;text-indent:2em; margin-top: 20px;}
.douyin-three{ margin-top: 0px;}
.douyin-about img{ display: block; margin: auto; margin-top: 40px;}
.liucehng-douyin ul li{ float: left; width: 20%;}
.liucehng-douyin{ width: 100%; display: inline-block; background: #F2F5FA; padding-top: 40px;}
.liucehng-douyin ul{ width: 100%; display: inline-block; margin-top: 20px;}
.liucehng-douyin ul li .liucehng-img{ width: 105px; display: block; margin-bottom: 20px;}
.liucehng-img img { width: 100%;}
.liucehng-douyin ul li p{ font-size: 18px; font-weight: bold; line-height: 35px;}
.liucehng-douyin ul li span{ font-size: 16px; line-height: 30px; color: #666;} 
.douyin-lanV{ width: 100%;  display: inline-block; margin-top: 50px;}
.douyin-lanV ul { width: 100%; display: inline-block; margin: 30px 0px;}
.douyin-lanV ul li{ width: 24%; margin-right: 1.2%; float: left; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding: 30px; border-radius: 10px; box-sizing: border-box; text-align: center;}
.douyin-lanV ul li:last-child{ margin-right: 0px;}
.douyin-lanV ul li .lanv-img{ width: 68px; height: 68px; display: block; margin: auto; margin-top: 6%;background-position: 0 0;}
.douyin-lanV ul li p{ font-size: 20px; line-height: 60px; font-weight: bold; margin-top: 2%;}
.douyin-lanV ul li span{ font-size: 14px; line-height: 25px; color: #666; margin-top: 10px; height: 170px; overflow: hidden; display: block;}
.douyin-lanV ul li:hover{ background: #d51d0f; color: #fff;}
.douyin-lanV ul li:nth-child(1) .lanv-img{ background-position: 0 0; background: url(../images/icon11.png);}
.douyin-lanV ul li:nth-child(2) .lanv-img{ background-position: 0 0; background: url(../images/icon12.png);}
.douyin-lanV ul li:nth-child(3) .lanv-img{ background-position: 0 0; background: url(../images/icon13.png);}
.douyin-lanV ul li:nth-child(4) .lanv-img{ background-position: 0 0; background: url(../images/icon14.png);}
.douyin-lanV ul li:hover .lanv-img{ background-position: -68px 0;}
.douyin-lanV ul li:hover span,.douyin-lanV ul li:hover p{ color: #fff !important;}
.dayun-hao{ width:100%; display: inline-block; margin-top: 50px; margin-bottom: 50px;}
.dayun-hao ul li{ width: 15.6%; margin-right: 1%; float: left; padding: 30px; border-radius: 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-sizing: border-box;}
.dayun-hao ul li .hao-img{ width: 37px; display: block; margin: auto;}
.hao-img img{ width: 100%;}
.dayun-hao ul li  p{ font-size: 20px; line-height: 70px; font-weight: bold; text-align: center;}
.dayun-hao ul li span{ font-size: 14px !important; text-align: center; color: #666; line-height: 25px; height: 80px; overflow: hidden; display: block;}
.dayun-hao ul{ margin-top: 20px;}
.part10_bigbox{ padding: 80px 0; background: url(../images/part10_bg.jpg) no-repeat center center;  display: inline-block; width: 100%;}
.part10_con{ width: 52.5%; padding: 40px 0 45px; }
.part10_con h3{ font-size: 35px; color: #fff; margin: 0; }
.part10_con h5{ font-size: 14px; color: #8a8a8a; text-align: left; }
.part10_con .tit10:before{ content: ""; display: inline-block; width: 131px; height: 75px; margin-right: 20px; float: left;
background: url(../images/part10_tit.png) no-repeat center left;}
.part10_con ul{ margin: 60px 0 40px 151px; }
.part10_con ul li{ height: 86px; padding: 10px 0 10px 105px; margin-bottom: 40px; box-sizing: border-box; }
.part10_con ul li:first-child{ background: url(../images/part10_con_ic01.png) no-repeat top left; }
.part10_con ul li:last-child{ background: url(../images/part10_con_ic02.png) no-repeat top left; }
.part10_con ul li h4{ font-size: 27px; color: #fff; }
.part10_con ul li p{ font-size: 17px; color: #fff; margin-top: 8px; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.yunying-list ul li span{ text-align: left; font-size: 16px; height: 114px;}
.yunying-list .titles{ background: url(../images/part9_tit_bg.png) no-repeat top center;
    padding-top: 35px;
    margin-top: 30px;}
	
.part15_bigbox{background: url(../images/part19_bg.jpg) no-repeat center center; }
.part15_con ul li:first-child{ background: url(../images/part10_con_ic03.png) no-repeat top left; }
.part15_con ul li:last-child{ background: url(../images/part10_con_ic04.png) no-repeat top left; }
.part15_con .tit10:before{background: url(../images/part11_tit.png) no-repeat center left;}

.fabu-list ul li span{ text-align: left; font-size: 16px; height: 114px;}
.fabu-list .titles{ background: url(../images/part11_tit_bg.png) no-repeat top center;
    padding-top: 35px;
    margin-top: 30px;}
	.fabu-list ul li:nth-child(1) .lanv-img{ background-position: 0 0; background: url(../images/icon18.png);}
	.fabu-list ul li:nth-child(2) .lanv-img{ background-position: 0 0; background: url(../images/icon19.png);}
	.fabu-list ul li:nth-child(3) .lanv-img{ background-position: 0 0; background: url(../images/icon20.png);}
	.fabu-list ul li:nth-child(4) .lanv-img{ background-position: 0 0; background: url(../images/icon21.png);}
	.fabu-list ul li:hover .lanv-img{ background-position: -68px 0;}
	.rpo-service{ width: 100%; display: inline-block; margin-top: 40px; margin-bottom: 50px;}
	.rpo-service dl dt{ width: 100%; margin-top: 40px; display: inline-block;}
	.rpo-service dl dt .rposer-img{ width: 12.72%; height: 130px; overflow: hidden; border-radius: 10px 0px 0px 10px;}
	.rposer-img img{ width: 100%;}
	.rpo-service dl dt .rposer-cont{ width: 85%; background: #f4f4f4; border-radius: 0px 10px 10px 0px; height: 130px; padding: 0px 34px; box-sizing: border-box;}
	.rposer-cont p{ font-size: 24px; line-height: 36px; margin-top: 25px;}
	.rposer-cont span{ font-size: 16px; line-height: 24px; color: #666;}
	.rpo-service dl dt:hover .rposer-cont{ background: #d51d0f; color: #fff;}
	.rpo-service dl dt:hover .rposer-cont span{ color: #fff;}
	.rpo-service dl dt:hover .rposer-img img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
	
	.inside-show{ margin-top: 54px;}
	.left-show{ width: 75.7%;}
	.left-show .picinstde-show > p:first-child{ font-size: 26px;text-align: center;line-height: 50px;}
	.left-show .xiaoboao{ font-size: 16px;color: #666;text-align: center; width: 100%;display: block;line-height: 30px;}
	.left-show .xiaoboao a{ color: #666;}
	.show-cont{ line-height: 36px;}
	.show-cont>div{ line-height: 36px;}
	.show-cont p{ line-height: 36px;}
	.show-cont span{ line-height: 36px;}
	.page_turn span{ text-align: left; width: 100%;display: block;line-height: 40px;}
	.page_turn { margin-top: 50px;margin-bottom: 30px;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
	.xianguan{ font-size: 24px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px dashed #999;}
	.xianguan i{ width: 11px; height: 11px;display: block;background: #fff;border-radius: 50%;border: 3px solid #172c82; float: left;margin-right: 15px;margin-top: 10px;}
	.xianguan span{ font-weight: 200;font-size: 16px;float: right; text-transform:uppercase;  }
	.rel-news{ margin-bottom: 40px;}
	.rel-news ul li{ float: left; width: 48%; height: 50px; font-size: 16px; line-height: 50px; margin-right: 4%; border-bottom: 1px dashed #999;} 
	.rel-news ul{ margin-top: 2%;}
	.rel-news ul li:nth-child(2n){ margin-right: 0px;}
	.rel-news ul li span { width: 80%; float: left; overflow: hidden;}
	.rel-news ul li i{ float: right; font-size: 16px; font-style: inherit;}
	.relevant { width: 100%;display: inline-block;}
	.rel-pic{ position: relative; width: 100%;display: inline-block;}
	.rec{ width: 100%;overflow: hidden;margin-top: 30px;}
	.rec-img{width: 340px !important; flex-shrink: 0;border: 2px solid #e7e7e7;margin-right: 30px;}
	.rec-img .rel-img{ width: 100%;height: 214px;overflow: hidden;}
	.rec-img .rel-img img {width: 100%;}
	.rec-img span{ width: 100%;height: 50px;font-size: 18px;text-align: center;line-height: 50px;display: block;background: #e7e7e7;}
	.rec .swiper-button-next, .rec .swiper-button-prev{ width: 52px;height: 52px;background: rgba(0,0,0,0.5);border-radius: 50%;top: 55%; }
	.rec .swiper-button-prev:after, .rec .swiper-button-next:after{ font-size: 30px;color: #fff;}
	.rec .swiper-button-prev{ left: -2%;}
	.rec .swiper-button-next{ right: -2%;}
	.right-show{ width: 22.2%;}
	.show-title{ width: 100%;height: 110px;background: #d51d0f;text-align: center;border-radius: 15px 15px 0px 0px;color: #fff;padding: 20px 0px;box-sizing: border-box;}
	.show-title p{ font-size: 36px;font-weight: bold;}
	.show-title span{ font-size: 16px;font-weight: 200;text-transform:uppercase;line-height: 30px;}
	.recommend ul li{ width: 99.4%;border: 1px solid #bfbfbf;margin-bottom: 20px;}
	.recommend ul li .rightrec-img{ width: 100%;height: 224px;overflow: hidden;display: flex;align-items: center;}
	.rightrec-img img{ width: 90%;display: block;margin: auto;}
	.rightrec-cont{ background: #e5e5e5;padding: 26px;box-sizing: border-box;}
	.rightrec-cont h4{ font-size: 18px;font-weight: 500;}
	.rightrec-cont p{ color: #333333;font-size: 16px;font-weight: 200;line-height: 36px;}
	.rightrec-cont span{ width: 50%;height: 45px;line-height: 45px;text-align: center;font-size: 16px;font-weight: 200px;background-image: linear-gradient(to right, #fe0200, #d9611c);display: block;color: #fff;border-radius: 10px;margin-top: 15px;}
	.show-lainxi{width: 99.4%;border: 1px solid #bfbfbf;padding: 18px;box-sizing: border-box;}
	.show-lainxi ul li{ font-size: 20px;line-height: 36px;}
	.show-lainxi ul li i{ font-style: initial;padding-left: 18%;box-sizing: border-box;}
	.show-lainxi ul li img{ width: 85%;display: block;margin: auto;}
	.right-piccont li:first-child{ font-size: 30px;}
	.right-piccont li:nth-child(2){ font-size: 20px;line-height: 48px; text-transform:uppercase; text-indent:2em;margin-top: 8%;min-height: 192px;}
	.right-piccont .show-tel{ margin-top: 20%;}
	.pic-top{ width: 100%;display: inline-block;background: #f8fcff;padding: 47px 30px 30px 30px;box-sizing: border-box; height: 520px;}
	.pic-top .left-picimg{width: 55%;display: flex;align-items: center;height: 100%;}
	.left-picimg img{ width: 85%;display: block;margin: auto;} 
	.pic-top .right-piccont{width: 45%;}
	.show-tel span{ float: left;}
	.show-tel span:first-child{ width: 45%;height: 57px;line-height: 57px;text-align: center;background: #dd3641;border-radius: 10px;display: block;font-size: 18px;color: #fff;}
	.show-tel span:first-child a{ color: #fff;font-size: 18px;}
	.show-tel span:nth-child(2){ font-size: 24px;font-weight: bold;color: #dd3641;line-height: 30px;margin-left:5%;} 
	.promote-datas {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-top: 30px;
	  padding-top: 30px;
	  border-top: 1px solid #eee;
	}
	
	.promote-datas .data-name {
	  font-size: 14px;
	  color: #666666;
	  line-height: 24px;
	  position: relative;
	  padding-bottom: 20px;
	  margin-bottom: 20px;
	}
	
	.promote-datas .data-name::after {
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  content: '';
	  width: 22px;
	  height: 1px;
	  background-color: #eee;
	}
	
	.promote-datas .data-num {
	  font-size: 30px;
	  font-weight: bold;
	  color: #E3372F;
	}
	.picinstde-show { width: 100%;display: inline-block;margin-top: 50px;}
	.picinstde-show span{ width: 100%;height: 40px;line-height: 40px;font-size: 30px; font-weight: bold;}
	.picinstde-show span i{ width: 40px;height: 40px; float: left;margin-right: 2%;}
	.picinstde-show ul{ margin-top: 30px; }
	.picinstde-show img{ max-width: 55%;}
#aside .aside-nav {
  position: fixed;
  right: 25px;
  top: 45%;
  z-index: 10000;
}
#aside .aside-nav-close {
  margin: 0 auto;
  width: 54px;
  height: 54px;
  line-height: 52px;
  background: #e75c1e;
  border-radius: 50%;
  text-align: center;
  visibility: visible;
  cursor: pointer;
}
#aside .aside-nav-in.close {
  transform: translateX(100px);
  visibility: hidden;
  transition: 0.3s;
}
#aside .aside-nav-one {
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
  height: 54px;
  width: 54px;
  line-height: 52px;
  text-align: right;
}
#aside .aside-nav-one-img {
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 10;
  width: 54px;
  height: 54px;
  text-align: center;
  transition: 0.3s;
}
#aside .aside-nav-one-img img {
  width: 22px;

}
#aside .aside-nav-one img{margin: auto;margin-top: 31%;}
#aside .more-width:hover .aside-nav-one-img {
  left: -73px;
}
#aside .more-width-call:hover .aside-nav-one-img {
  left: -102px;
}
#aside .aside-nav-one-desc {
  position: absolute;
  right: 0;
  padding-right: 16px;
  width: 54px;
  height: 54px;
  font-size: 14px;
  line-height: 52px;
  background: #e00012;
  color: #e00012;
  border-radius: 50px;
  overflow: hidden;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
  transition: 0.3s, color 0.1s;
}
#aside .aside-nav-one-desc .qq-name {
/*  display: inline-block;
  margin-right: 15px; */
  width: 54px;
  height: 54px;
  font-size: 14px;
  line-height: 52px;
  text-align: center;
}
#aside .aside-nav-one-desc .qq-name i {
  width: 54px;
  height: 54px;
  display: inline-block;
  vertical-align: middle;
}
#aside .aside-nav-one-desc .qq-name span {
  font-size: 14px;
  color: #e00012;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}
#aside .qq-name-box {
/*  position: absolute;
  right: 0px; */

}
#aside .more-width:hover .aside-nav-one-desc {
  width: 125px;
  color: #fff;
  transition: 0.3s;
}
#aside .more-width-call:hover .aside-nav-one-desc {
  width: 156px;
}
#aside .more-width-qq:hover .aside-nav-one-desc {
  /* width: 110px; */
  padding-right: 15px;
}
#aside .more-width-qq:hover .aside-nav-one-desc span {
  transition: 0.3s 0.1s;
  color: #fff;
}
#aside .more-width-qq:hover .aside-nav-one-desc .qq-name { width: 100%;}
#aside .more-width-qq:hover .aside-nav-one-img {
  left: -223px;
}
#aside .aside-nav-one-qrcode {
  position: absolute;
  left: -200px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
#aside .aside-nav-one:hover .aside-nav-one-qrcode {
  left: -140px;
  opacity: 1;
  visibility: visible;
}
#aside .more-weixin a {
  width: 54px;
  height: 54px;
  background: #e00012;
  display: block;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 2;
}
#aside .more-weixin .wx-code {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.45s;
  visibility: hidden;
  z-index: -1;
}
#aside .more-weixin .wx-code img {
  width: 100px;
  height: 100px;
}
#aside .more-weixin:hover .wx-code {
  opacity: 1;
  visibility: visible;
  right: 110%;
  transition: 0.45s;
}
#aside .aside-nav-one-desc .qq-name i{ background: url(../images/icon_qq.png) no-repeat center;}
.five_bottom {
    clear: both;
	margin-bottom: 40px;    display: flex;
}

.five_bottom li {
    float: left;
    width: 33%;
    margin-right: 0.5%;
    margin-top: 0.5%;
    position: relative;
    height: 330px;
    overflow: hidden;
}

.five_bottom li:nth-child(3n) {
    margin-right: 0
}

.five_bottom li img {
    width: 100%;
    display: block;
    height: 100%;
    transition: all 0.6s;
}

.five_bottom li:hover img, .five_left li:hover img {
    transform: scale(1.1);
}

.five_texts {
    position: absolute;
    padding: 70px 60px 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.five_texts h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: #fff;
}

.five_texts p {
    margin-top: 20px;
		color: #fff;
}

.five_texts .tb {
    margin-top: 85px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    text-align: center;
    font-size: 25px;
    line-height: 45px;
    transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    /* IE 9 */
    -webkit-transform: rotate(-30deg);
    /* Safari and Chrome */
	color: #fff;
}
.five_texts .tb a{ color: #fff;}

.five_bottom li:hover .five_texts .tb {
    border-color: #da251c;
}