.w1300{width: 1300px; margin: 0 auto;}
* {margin: 0;padding: 0;}
html {
  height: 100%;
}
.head {
  width: 100%; 
  height: 150px;
  background:rgba(0, 0, 0, 0.3); 
  position: absolute;
  top: 0;left: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
}
.headerBg {
    background-color: #111111;
    height: 100px;
    transition: 1s;
}
.headerBg .head_title ul li:hover .hover_pullDown li {
    background-color: rgba(0,0,0,.5);
}
.head_title ul li .text_color{color: #7fffff;}
.head .head_logo {width: 183px;height: 66px; margin-right: 15%;}
.head .head_logo img{width: 183px;height: 66px;}
.head_title ul li a{color: #ffffff;text-decoration: none;}
.head_title ul li {margin: 0 47px;display:flex;align-items:center; flex-direction:column;width:70px;height:21px;}
.head_title ul {display: flex;list-style: none;}
.head_title ul li a:hover {color: #7fffff;}
.swiper-button-next, .swiper-button-prev {margin-left: 150px;}
.swiper-button-next, .swiper-button-next {margin-right: 150px;}

.mySwiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  z-index: 10;
  background: url('../image/prev.png');
  background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.mySwiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  z-index: 10;
  background: url('../image/next.png');
  background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.index_foot {width: 100%; height: 100px;background-color: pink; position: relative;}
.foot_bottom {position: absolute; bottom: 0;left: 0; width: 100%;height: 103px;background-color: #000000;display: flex;justify-content: center;align-items: center;}
.foot_bottom_left {color: #b8b8b8;}
.foot_bottom_right {color: #b8b8b8;font-size: 14px;}

.home_1_b .swiper-wrapper .swiper-slide {width: 1920px;}
.home_1_b .swiper-wrapper .swiper-slide img{width: 100vw;height:100vh;}


.about01 { height: 600px;background:url('../image/2b39ca947a8832a07972f233a6a7cfcb.png') no-repeat;position: relative;}
.about01 .about01_bottom {position: absolute;left: 0;bottom: 0; width: 100%; height: 80px; border-top: #42596b solid 0.5px;display: flex;align-items: center;}
.about01 .about01_bottom ul {color: #ffffff;display: flex;list-style: none; margin-left: 15.9%;}
.about01 .about01_bottom ul li {margin: 0 25px;}
.about01 .about01_bottom ul li:hover a {color: #7fffff;}
.about01 .about01_bottom ul a{color: #ffffff; text-decoration: none;}
.about01 .about01_bottom ul .text_color a{color: #7fffff;}
.about01 .about01_center_top {display: flex;color: #ffffff;font-size: 40px;}
.about01 .about01_center_top .about01_center_topEN {color: #7fffff;margin-left: 30px;}
.about01 .about01_center_top .about01_center_topCN {font-weight: bold;}
.about01 .about01_center_center {width: 80px; border: #7fffff solid 2px;margin-top: 25px;margin-bottom: 45px;}
.about01 .about01_center_bottom ul {color: #666666;display: flex;list-style: none;}
.about01 .about01_center_bottom ul a{color: #666666; text-decoration: none;}
.about01 .about01_center_bottom ul a:hover {color: #7fffff;}
.about01_center {position: absolute;top: 42%;left: 17.2%;}

.about02 {width: 100%; height: 800px; background-color: #fff;}
.about02_w1300 {height: 100%;display: flex;}
.about02 .about02_left {width: 40%;padding-top: 13%;padding-left: 2%;}
.about02 .about02_left .about02_left1 {color: #00aaaa;font-size: 16px;}
.about02 .about02_left .about02_left2 {color: #111111;font-size: 36px; font-weight: bold;}
.about02 .about02_left .about02_left3 {color: #2c2c2c;font-size: 24px;margin: 30px 0;}
.about02 .about02_left .about02_left4 {width: 100%; color: #666666;font-size: 16px;line-height: 36px;}
.about02 .about02_right {width: 60%;padding-top: 13%;position: relative;}
.about02_right .about02_right1{position: absolute;top: 10%;right: 0;z-index: 1;}

.about02_right .about02_right3{position: absolute;bottom: 13%;left: 34%; z-index: 3;}

.about02_right .about02_right2{position: absolute;bottom: 13%;right: 0;z-index: 5;}
.about02_right .about02_right6{position: absolute;left: 16%;}
.about02_right .about02_right1 img{width: 425px;height: 240px;}
.about02_right .about02_right2 img{width: 280px;height: 220px;}
.about02_right .about02_right3 img{width: 160px;height: 285px;}
.about02_right .about02_right4 img{width: 155px;height: 155px;}
.about02_right .about02_right5 img{width: 253px;height: 210px;}
.about02_right .about02_right6 img{width: 239px;height: 446px;}
.about02_right .about02_right1:hover {z-index:99;}
.about02_right .about02_right1:hover img{transform: scale(1.5);transition:all 2s;}
.about02_right .about02_right2:hover {z-index:99;}
.about02_right .about02_right2:hover img{transform: scale(1.5);transition:all 2s;}
.about02_right .about02_right3:hover {z-index:99;}
.about02_right .about02_right3:hover img{transform: scale(1.5);transition:all 2s;}
.about02_right .about02_right4:hover {z-index:99;}
.about02_right .about02_right4:hover img{transform: scale(1.5);transition:all 2s;}
.about02_right .about02_right5:hover {z-index:99;}
.about02_right .about02_right5:hover img{transform: scale(1.5);transition:all 2s;}



.about03 {width: 100%; height: 651px; background: url('../image/about03-bg.png') no-repeat;padding-top: 80px;}
.about03 .about03_top{font-size: 36px;font-weight: bold;margin-left: 2%;}
.about03_bottom_top {display: flex; padding-left: 2%; }
.about03_bottom_top1 {
  text-decoration: none;
  position: relative; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background:rgb(255, 255, 255, 0.3);
  width: 400px;
  height: 210px;
  border-radius:15px;
  border-top: #fff solid 3px;
  border-left: #fff solid 0.5px;
  border-right: #d0d4d6 solid 3px;
  border-bottom: #d0d4d6 solid 0.5px;
  margin-right: 15px;
  margin-top: 50px;
}
.about03_bottom_top1_1 {position: absolute;left: 10%;top: 12%;color: #666666;}
.about03_bottom_top1_2 {margin-bottom: 10px;overflow: hidden; position: relative; width: 69px;height: 69px;display: flex;justify-content: center;align-items: center;}
.about03_bottom_top1_3 {margin-bottom: 5px; font-size: 24px; color: #333333;}
.about03_bottom_top1_4 {font-size: 14px; color: #999999;}
.about03_bottom_top1:hover{background-color: #052347;border-top: #052347 solid 3px;border-left: #052347 solid 0.5px;border-right: #052347 solid 3px;border-bottom: #052347 solid 0.5px;}
.about03_bottom_top1:hover .about03_bottom_top1_3 {color: #ffffff;}
.about03_bottom_top1:hover .about03_bottom_top1_2 img {position: absolute;top:200px;filter: drop-shadow(#4ed4d4 0 -200px);}


.about03_bottom_bottom {display: flex; padding-left: 2%;}
.about03_bottom_bottom1 {
  text-decoration: none;
  position: relative; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background:rgb(255, 255, 255, 0.3);
  width: 602px;
  height: 210px;
  border-radius:15px;
  border-top: #fff solid 3px;
  border-left: #fff solid 0.5px;
  border-right: #d0d4d6 solid 3px;
  border-bottom: #d0d4d6 solid 0.5px;
  margin-right: 30px;
  margin-top: 50px;
}
.about03_bottom_bottom1_all{display: flex;justify-content: center;align-items: center;}
.about03_bottom_bottom1_all_text {margin-left: 70px;}
.about03_bottom_bottom1_1 {position: absolute;left: 10%;top: 12%;color: #666666;}
.about03_bottom_bottom1_2 {margin-bottom: 10px;overflow: hidden; position: relative; width: 69px;height: 69px;display: flex;justify-content: center;align-items: center;}
.about03_bottom_bottom1_3 {margin-bottom: 5px; font-size: 24px; color: #333333;}
.about03_bottom_bottom1_4 {font-size: 14px; color: #999999;}
.about03_bottom_bottom1:hover{background-color: #052347;border-top: #052347 solid 3px;border-left: #052347 solid 0.5px;border-right: #052347 solid 3px;border-bottom: #052347 solid 0.5px;}
.about03_bottom_bottom1:hover .about03_bottom_bottom1_3 {color: #ffffff;}
.about03_bottom_bottom1:hover .about03_bottom_bottom1_2 img {position: absolute;top:200px;filter: drop-shadow(#4ed4d4 0 -200px);}
.about_footer {width: 100%; height: 380px;position: relative;}
.about_foot_bottom {background:rgba(0, 0, 0, 0);border-top: #1e3650 solid 0.5px;}
.about_footer_top {height: 280px; display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;font-size: 14px;line-height: 32px;}
.about_footer_top1 { margin-bottom:5px;}
.about_footer_top1 img {width: 41px; height: 78px;}
.about_footer_top .about_footer_top1 span{font-size: 18px; color: #57ebeb;font-weight: bold;}


.case01 {background: url('../image/80fb6553a0dece9e0e74a1bc851d70ae.png');}
.case02 {padding-top: 100px; background-color: #f5f5f5;}

.case02_title {display:flex; flex-direction: column; justify-content: center;align-items: center;}
.case02_title .case02_titleEN {font-size: 16px; color: #00aaaa;letter-spacing:3px;}
.case02_title .case02_titleCN {font-size: 36px; color: #111111;font-weight: bold;margin-bottom: 30px;}
.case02_title .case02_body {text-indent:2em; width: 91%; font-size: 16px; color: #666666;line-height: 36px;}
.case03_picture {display: flex; flex-direction: column; align-items: center;}
.case03_title {font-size: 30px;font-weight: bold; color: #333333; line-height: 60px;margin-top: 50px;}
.case03_ganggang {width: 50px;border: #00aaaa solid 2px;margin-bottom: 50px;}
.case03_img {width: 600px; height: 340px;}
.case03_all {width: 100%; display: flex; flex-direction: column; align-items: center;}
.case03_two {display: flex; text-decoration: none;}

.case03_img img{width: 600px; height: 340px;}
.case03_text {width: 600px; height: 340px;display: flex;justify-content: center;align-items: center; background-color: #fff; font-size: 18px; line-height: 36px; color: #666666;}
.case03_text:hover {background-color:#163556; color:#ffffff;}
.case03_text div {width: 460px; text-indent:2em;}
.case04_hover {position: relative;top: 100px;}
.case04_hover1 {display: flex; justify-content: space-between;padding: 0 50px;}
.case04_hover1_all {box-shadow: 0 0 5px 5px #f6f6f6; text-decoration:none; display: flex;padding-top: 30px; flex-direction: column;justify-content: center;align-items: center; width: 382px;height: 310px;background: url('../image/case04-bg1.png');}
.case04_hover1_img {width: 80%; height: 65px;display: flex;align-items: center;position: relative;overflow: hidden;}
.case04_hover1_img img {width: 55px;}
.case04_hover1_text {display: flex;width: 80%;height: 30px;margin-top: 50px;margin-bottom: 50px; color: #333333;}
.case04_hover1_text .case04_hover1_p1 {font-size: 28px;line-height: 30px;}
.case04_hover1_text .case04_hover1_p2 {font-size: 20px;line-height: 30px;margin-left: 20px;}
.case04_hover1_p3 {font-size: 16px;line-height: 60px;color: #999999;width: 80%; border-top: #e4e4e4 solid 0.5px;}
.case04_hover1_all:hover {background: url('../image/case04-bg2.png');}
.case04_hover1_all:hover .case04_hover1_text {color: #ffffff;}
.case04_hover1_all:hover .case04_hover1_img img {filter: drop-shadow(55px 0 #7fffff);position: absolute;right: 306px;}
.case02_bottom {background-color: #fff;padding-top: 300px; padding-bottom: 100px;}

.case02_bottom0 {padding: 0 50px;}
.case02_bottom1 {background: url('../image/case03-bg.png') no-repeat;display: flex;}

.case02_hover1 {display: flex; justify-content: space-between;padding: 0 50px;}
.case02_hover1_all {text-decoration:none; display: flex; flex-direction: column;justify-content: center;align-items: center; width: 400px;height: 440px;}
.case02_hover1_img img {width: 55px;}
.case02_hover1_img {width: 80%; height: 70px;margin-top: 30px; display: flex;align-items: center;position: relative;overflow: hidden;}
.case02_hover1_text {display: flex;width: 80%;height: 30px;margin-top: 50px;margin-bottom: 50px; color: #ffffff;}
.case02_hover1_text .case04_hover1_p1 {font-size: 28px;line-height: 30px;}
.case02_hover1_text .case04_hover1_p2 {font-size: 20px;line-height: 30px;margin-left: 20px;}
.case02_hover1_p3 {font-size: 16px;height:60px; line-height: 30px;color: #999999;width: 80%; border-top: #e4e4e4 solid 0.5px;}
.case02_hover1_all:hover {background:rgba(5, 35, 71, 0.8);}

.case02_hover1_all:hover .case02_hover1_img img {filter: drop-shadow(55px 0 #7fffff);position: absolute;right: 319px;}
.case02_hover1_all_center:hover .case02_hover1_img img {position: absolute;right: 319px;}
.case02_hover1_all_center {border-left: #445a73 solid 0.5px;border-right: #445a73 solid 0.5px;}
.case2_02_bottom {background-color: #f5f5f5;padding-bottom: 0;padding: 0;margin-top: 200px;}
.case2_02 {background-color: #fff;}


.case2_center {display: flex;}
.case2_center_all {display: flex;}
.case2_center_bg {width: 300px;height: 244px;}
.case2_center_bg img {width: 300px;height: 244px;}
.case2_center_text {width: 300px;height: 244px;background-color: #f5f5f5; display: flex;flex-direction: column;justify-content: center;align-items: center;text-decoration: none;}
.case2_center_text_img {position: relative;overflow: hidden; width: 94px;height: 94px;background-color: #fff; border-radius: 50% ; display: flex;justify-content: center;align-items: center;}
.case2_center_text_img img {width: 55px;height: 55px;}
.case2_center_text_p {font-size: 24px;line-height: 30px;color: #333333;margin-top: 25px;}
.case2_center_text:hover .case2_center_text_img{background-color: #052347;width:104px;height:104px;transition: all 0.5s;}

.case2_center_text:hover .case2_center_text_img img{position: absolute;top: 93px; filter: drop-shadow(#4ed4d4 0 -74px); width:65px;height:65px;    transition: all 0.1s;}
.case2_center_text:hover .case2_center_text_p {margin-top:15px;}
.case2_02_case04_hover{position: relative;top: -100px;}

.caselist_body {display: flex;flex-direction: column;align-items: center; background-color: #f5f5f5;}
.caselist_body_top {display: flex; margin-top: 100px;}
.caselist_body_top_img {width: 530px;height: 360px;}
.caselist_body_top_img img{width: 530px;height: 360px;}
.caselist_body_top_text {background-color: #fff; display: flex;flex-direction: column;padding:0 50px;justify-content: center; height: 360px;}
.caselist_body_top_text1 {font-size: 16px;line-height: 30px;color: #00aaaa;letter-spacing:3px}
.caselist_body_top_text2 {font-size: 36px;font-weight: bold; line-height: 30px;color: #111111;margin-bottom: 60px;}
.caselist_body_top_text3 {text-indent:2em; font-size: 16px;line-height: 30px;color: #666666; width: 560px; height: 120px;}
.caselist_body_bottom {margin-bottom: 100px;margin-top: 150px; display: flex; justify-content: space-between;width: 1190px;}
.caselist_body_bottom1 { width: 570px; height: 400px; position: relative; background: url('../image/22fb6c32fe32297bb7b1e0bf69c8fddb.png') no-repeat;}
.caselist_body_bottom2 {background: url('../image/9751bfbc1bccf1442b2e710b87eecc58.png') no-repeat;}
.caselist_body_bottom1_overflow {overflow: hidden; width: 570px; height: 400px;}
.caselist_body_bottom_img {width: 570px;height: 400px;}
.caselist_body_bottom_img img{width: 570px;height: 400px;}
.caselist_body_bottom_son {z-index: 1; padding-left: 20px; background-color: #fff;display: flex;justify-content: flex-start;align-items: center; width: 300px;height: 120px;position: absolute;left: 0;top: -60px;}
.son_textB {font-size: 48px;font-weight: bold; color: #4ed4d4;line-height: 1;}
.son_textS {margin-left: 20px;}
.son_textS .son_text1{font-size: 24px; font-weight: bold;color: #333333; margin-bottom: 10px;}
.son_textS .son_text2{font-size: 16px; color: #999999;}
.caselist_body_bottom_hover {position: relative;left: -600px; background: rgba(5, 35, 71, 0.9); width: 570px; height: 400px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.caselist_body_bottom_hover_text {text-decoration:none; text-indent:2em; width: 460px;font-size: 16px;line-height: 30px;color: #ffffff;}
.caselist_body_bottom_hover_text:hover {color:#4ed4d4;}
.caselist_body_bottom_hover_a {width: 460px; position: relative;top: 60px;display: flex;justify-content: flex-start}
.caselist_body_bottom_hover_a a{text-decoration: none;color: #7fffff;font-size: 16px;}
.caselist_body_bottom1:hover .caselist_body_bottom_hover{position: relative;left: 0;transition:all 0.5s;}


.solve0525 {width: 100%;height: 1080px;background: url("../image/solve0525-bg.png");}
.solve0525_01 {position: relative;top: 200px;display: flex;flex-direction: column; justify-content: center;align-items: center; overflow:hidden;}
.solve0525_ganggang {width: 80px;border: #7fffff solid 2px;margin-top: 25px;margin-bottom: 30px;}
.solve0525_titleCN {font-size: 24px;color: #ffffff;margin-bottom:100px;}
.solve0525_titleEN {font-size: 36px;color: #7fffff;}
.solve0525_logo {height:100px;display: flex;justify-content:center;align-items:center; animation:rolling 18s linear infinite;margin-bottom:100px}
.solve0525_logo1 {animation:rolling1 18s linear infinite;}
.solve0525_logo:hover {animation-play-state:paused;}
.solve0525_logo_all {position:relative; margin-right:50px; width: 190px;height: 85px; display: flex;justify-content: center;align-items: center; overflow:hidden}

.solve0525_logo_all img{width: 170px;filter: drop-shadow(#ffffff 0 120px ); position:relative;bottom:120px;}
.solve0525_logo_all:hover img {filter: drop-shadow(#ffffff 0 0 2px);position:relative;bottom:0px;}



.contact01 {background: url('../image/contact-bg.png') no-repeat;height: 1080px;}
.contact01 .contact_center {width:1200px; position: relative;top: 23.3%;}
.contact_site {margin-top: 15%; display: flex;justify-content: space-around; width: 100%;height: 560px;}
.contact_site_text { width: 576px; height: 538px;display: flex;flex-direction: column;justify-content: space-around;}
.contact_site_map_big {padding: 10px;border: #4b7589 0.5px solid;border-radius:15px}
.contact_site_map { overflow: hidden; width: 750px; height: 571px;border-radius:15px}
.contact_site_text {color: #ffffff;}
.contact_site_text2 {color: #f9f9f9;}
.contact_site_text3 {color: #f9f9f9;}
.contact_site_text1CN {font-size: 24px;line-height: 30px;}
.contact_site_text1EN {font-size: 18px;line-height: 30px;}
.contact_site_text2CN {font-size: 16px;line-height: 30px;}
.contact_site_text2EN {font-size: 16px;line-height: 30px;}

.contact_w1300 {width: 90%;}

.about_footer_erweima {display:flex; margin-left:20px;}
.about_footer_weima {display:flex;justify-content:space-between;align-items:center;}
.about_footer_weima_img {display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:10px;}
.about_footer_weima_img1 {width: 80px;height: 80px;background-color:#ffffff;}
.about_footer_weima_img1 img{width: 80px;height: 80px;}


#index_vanta {
    width: 100vw;
    height: 100vh;
}

.index_vanta_a {
    position: relative;
}
.index_vanta_img {
    position: absolute;
    top: 35vh;
    left: 15vw;
    width: 650px;
    height: 120px;
    background-color: #ffffff;
}
#index_vanta_img{
    width: 800px;
    height: 120px;
    background: url('../image/first_logo.png') no-repeat;
    
}

@media (max-width:1440px) {
.contact_site_map {width:750px;}
.contact_site_text {width:500px}
.contact_site_map_big {position:relative;left:3vw;}
.contact_site {margin-top:20%}
}
.foot_bottom_left_a {color:#b8b8b8;margin-right: 1em; }
.head_title ul li .hover_pullDown {
    display: flex;
    flex-direction: column;
    margin: 0;
}
.head_title ul li .hover_pullDown li {
    margin: 0;
    font-size: 13px;
    line-height: 32px;
    color: #ffffff;
    display: none;
    height: 32px;
}
.head_title ul li:hover .hover_pullDown li {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255,255,255,.5);
    padding: 5px 15px;
}
.head_title ul li:hover .hover_pullDown {
    padding-top: 5px;
}