@import url("font_2830497_z9lgv22cxyd.css");
@import url("master.css");
@import url("wow.css");

#back_top { position: fixed; right: 3vw; bottom: 0px; z-index: 999; opacity: 0; visibility: hidden; }
#back_top.onshow { opacity: 1; visibility: visible; bottom: 6vw; }
#back_top img { width: 35px; }
.header { position: fixed; width: 100%; left: 0px; top: 0px; z-index: 999; padding: 0px 4vw; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.082) 0px 0px 15px 0px; }
.header .logo { display: inline-block; padding: 0vw 0px; }
.header .logo img { height: 80px; }
.header .nav { margin-right: 5vw; }
.header .nav > li { margin-right: 3vw; }
.header .nav > li > a { font-size: 18px; position: relative; line-height: 55px; padding: 0.8vw 0px; color: rgb(0, 0, 0); }
.header .nav > li > a::after { content: ""; position: absolute; bottom: 0px; left: 50%; width: 0px; height: 4px; background-color: rgb(196, 0, 11); transition: all 0.35s ease 0s; opacity: 0; }
.header .nav > li > a.on { color: rgb(196, 0, 11); font-weight: bold; }
.header .nav > li > a.on::after { width: 100%; left: 0px; opacity: 1; }
.header.onshow .nav > li > a::after { background-color: rgb(196, 0, 11); }
.header .nav > li:last-child { margin-right: 0px; }
.header .phone { padding: 0.8vw 0px; }
.header .phone .phone_line { height: 55px; align-items: center; justify-content: center; }
.header .phone .phone_line .phoneIcon { height: 18px; margin-right: 0.6vw; }
.header .phone .phone_line .phoneIcon img { height: 100%; }
.header .phone .phone_line .phonetxt { font-size: 20px; font-family: TT0140M; font-weight: bold; line-height: 27.5px; color: rgb(196, 0, 11); }
.header::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1); }
.header.onshow { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
.header.onshow .nav > li > a { color: rgb(51, 51, 51); }
.header.onshow .phone .phone_line .phonetxt { color: #225e82; }
.header.onshow .nav > li > a.on { color: #225e82; font-weight: bold; }
.header.onshow .nav > li > a.on::after { background-color: #225e82; }
.header .menu { position: absolute; right: 0px; top: 0px; }
.header .menu .menu_btn { width: 50px; height: 50px; line-height: 50px; display: none; }
.header .menu .menu_btn::after { display: none; }
.header .menu .menu_btn span { background: rgb(255, 255, 255); position: absolute; width: 18px; height: 2px; left: 50%; margin-left: -9px; }
.header .menu .menu_btn span:nth-child(1) { top: 18px; }
.header .menu .menu_btn span:nth-child(2) { top: 50%; margin-top: -1px; }
.header .menu .menu_btn span:nth-child(3) { bottom: 18px; }
.header.mobile_side .menu .menu_btn span:nth-child(1) { top: 24px; transform: rotate(-45deg); }
.header.mobile_side .menu .menu_btn span:nth-child(2) { opacity: 0; visibility: hidden; }
.header.mobile_side .menu .menu_btn span:nth-child(3) { bottom: 24px; transform: rotate(45deg); }
.nav_two { position: absolute; top: 110%; left: 50%; padding: 0.5vw 0px; width: 120px; margin-left: -60px; border-radius: 3px; opacity: 0; visibility: hidden; }
.nav_two::before { content: ""; position: absolute; top: -6px; left: 50%; width: 0px; height: 0px; margin-left: -6px; border-style: solid; border-width: 6px; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent transparent; transform: rotate(-45deg); box-shadow: rgba(153, 153, 153, 0.1) 2px -2px 2px; }
.kuan { width: 240px; margin-left: -120px; }
.nav_two > li > a { white-space: nowrap; line-height: 38px; }
.nav_two > li.on > a { color: #225e82; }
.nav_two > li > a { font-size: 16px; }



.lxdh{position: relative; margin-left: 2vw; font-size: 22px;}
#homeBanner { width: 100%; height: 100vh; overflow: hidden; z-index: 2; }
#homeBanner .homeBanner_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }

.spbox{position: absolute; left: 50%; top: 52%; transform: translate(-50%,-30%); z-index: 99999;}
.spbox img{width: 120px;}
.spbox::before{content:"";width: 120px; height: 120px; position: absolute; left: 0; top: 0; background-color: #c4000b; z-index:-1; border-radius: 50%; animation: da 2s linear infinite;}

@keyframes da{
  0%{transform: scale(1);opacity: 0.4;}
  100%{transform: scale(1.5); opacity: 0;}
}
#homeBanner .homeBanner_bg img { width: 100%; height: 100%; object-fit: cover; }
#homeBanner .homeBanner_cnt { position: absolute; top: 0px; align-items: center; justify-content: center; z-index: 2; height: 100%; }
#homeBanner .homeBanner_h { font-size: 2.5vw; line-height: 2.5vw; font-weight: bold; letter-spacing: 0.6vw; text-shadow: rgba(0, 0, 0, 0.4) 8px 10px 12px; }
#homeBanner .homeBanner_p { font-size: 18px; text-transform: uppercase; margin-top: 1.4vw; margin-bottom: 1vw; letter-spacing: 0.2vw; }
#homeBanner .homeBanner_h.tbg { background: url("/images/img/tbg.png") center center / auto 72% no-repeat; }
#homeBanner .mouse-of { position: absolute; left: 50%; bottom: 4vw; width: 24px; height: 40px; border-radius: 40px; border: 2px solid rgba(255, 255, 255, 0.8); margin-left: -20px; z-index: 50; overflow: hidden; }
#homeBanner .mouse-of > i { position: absolute; width: 3px; height: 9px; left: 50%; margin-left: -1.5px; top: 2px; animation: 1.5s ease-out 0s infinite normal none running mouseof; }
@keyframes mouseof { 
  0% { top: -9px; opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
@-webkit-keyframes mouseof { 
  0% { top: -9px; opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
#homeBanner .banner_bubble { width: 6vw; height: 6vw; position: absolute; left: 50%; bottom: 3vw; margin-left: -3vw; z-index: 15; }
#homeBanner .swiper-slide { overflow: hidden; }
#homeBanner #video_open { width: 100%; height: 100%; }
#homeBanner .homeBanner_switch { background: rgba(0, 0, 0, 0.7); width: 90px; height: 90px; line-height: 90px; }
#homeBanner .homeBanner_switch i { font-size: 24px; margin: 20px; }
#homeBanner .homeBanner_switch.swiper-button-prev { left: -30px; }
#homeBanner .homeBanner_switch.swiper-button-next { right: -30px; }
.secondNav > div { align-items: center; }
.secondNav_list { margin: 0px -2vw; }
.secondNav_list li { padding: 0px 2vw; position: relative; }
.secondNav_list li::after { content: ""; position: absolute; width: 1px; height: 20px; top: 50%; right: 0px; margin-top: -10px; background-color: rgb(232, 239, 243); }
.secondNav_list li:last-child::after { display: none; }
.secondNav_list li > a { line-height: 72px; position: relative;font-size: 16px;}
.secondNav_list li > a::after { content: ""; position: absolute; bottom: 0px; left: 50%; width: 0px; height: 2px; background-color: #225e82; transition: all 0.35s ease 0s; opacity: 0; }
.secondNav_list li > a.on { color: #225e82; font-weight: bold; }
.secondNav_list li > a.on::after { width: 100%; left: 0px; opacity: 1; }
.secondNav_loc { margin-left: auto; line-height: 72px; }
.secondNav_loc i { font-size: 24px; vertical-align: sub; margin-right: 5px; }
.secondNav_loc span, .secondNav_loc a { color: rgb(102, 102, 102); }
.bubble { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.bubble span, .back_bubble span { display: block; width: 20px; height: 20px; border-radius: 50%; z-index: -1; transition: all 1s ease 0s; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); opacity: 0; }
.bubble span:nth-child(1) { animation: 4s linear 0s infinite normal none running pao; background: rgba(255, 255, 255, 0.6); }
.bubble span:nth-child(2) { animation: 6s linear 0s infinite normal none running pao3; transition-delay: 0.3s; background: rgba(255, 255, 255, 0.8); }
.bubble span:nth-child(3) { animation: 3s linear 0s infinite normal none running pao2; transition-delay: 0.8s; background: rgb(255, 255, 255); }
.bubble span:nth-child(4) { animation: 9s linear 0s infinite normal none running pao4; background: rgba(255, 255, 255, 0.3); }
.bubble span:nth-child(5) { animation: 7s linear 0s infinite normal none running pao5; background: rgba(255, 255, 255, 0.5); }
@keyframes pao { 
  0% { transform: translate(200%, -30px) rotate(360deg) scale(0.4, 0.4); opacity: 1; }
  50% { transform: translate(0%, -70px) rotate(360deg) scale(0.8, 0.8); opacity: 0.5; }
  100% { transform: translate(-200%, -100px) rotate(360deg) scale(1, 1); opacity: 0; }
}
@keyframes pao2 { 
  0% { transform: translate(-200%, 0px) rotate(360deg) scale(1, 1); opacity: 1; }
  50% { transform: translate(250%, -50px) rotate(360deg) scale(0.8, 0.8); opacity: 0.5; }
  100% { transform: translate(100%, -100px) rotate(360deg) scale(0.4, 0.4); opacity: 0; }
}
@keyframes pao3 { 
  0% { transform: translate(0%, 0px) rotate(360deg) scale(1, 1); opacity: 1; }
  50% { transform: translate(-250%, -50px) rotate(360deg) scale(0.8, 0.8); opacity: 0.5; }
  100% { transform: translate(-300%, -100px) rotate(360deg) scale(0.4, 0.4); opacity: 0; }
}
@keyframes pao4 { 
  0% { transform: translate(400%, 0px) rotate(360deg) scale(1, 1); opacity: 1; }
  50% { transform: translate(400%, -50px) rotate(360deg) scale(0.8, 0.8); opacity: 0.5; }
  100% { transform: translate(-100%, -100px) rotate(360deg) scale(0.4, 0.4); opacity: 0; }
}
@keyframes pao5 { 
  0% { transform: translate(-400%, 0px) rotate(360deg) scale(0.1, 0.1); opacity: 1; }
  50% { transform: translate(-400%, -50px) rotate(360deg) scale(0.6, 0.6); opacity: 0.5; }
  100% { transform: translate(0%, -100px) rotate(360deg) scale(1, 1); opacity: 0; }
}

.gjcbg{background: url("/images/img/pgnavbg.jpg") no-repeat; background-size: 100% 100%;}

.masterTitle01 { z-index: 2; align-items: flex-end; }
.masterTitle01 .masterTitle01_initials { height: 100%; }
.masterTitle01 .masterTitle01_initials > img { height: 100%; }
.homeAbout { padding-top: 6vw; }
.homeAbout .masterTitle01 { height: 5.26vw; }
.homeAbout .homeAbout_title { font-size: 2.08vw; line-height: 2.08vw; font-weight: bold; position: absolute; bottom: 0px; left: 0px; }
.homeAbout .homeAbout_info { font-size: 24px; margin-top: 0.8vw; }
.homeAbout .homeAbout_line { color: rgb(85, 85, 85); margin-top: 2vw; line-height: 30px; font-size: 16px; }
.data_item .data_number > em { font-size: 1.2vw; padding-top: 10px; color: rgb(102, 102, 102); }
.homeAbout_data { padding: 2vw 0px; }
.homeAbout_data .data_line { padding: 2vw 0px; }
.homeAbout_data .data_item:first-child { width: 60%; padding-right: 1vw; }
.data_item .data_number { align-items: center; line-height: 2.7vw; margin-bottom: 0.5vw; color: rgb(62, 62, 62); }
.data_item .data_number > span { font-size: 2.7vw; font-family: TT0140M; color: rgb(196, 0, 11); }
.data_item .data_number > em { font-size: 1.66667vw; }
.data_item .data_p { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.homeAbout .homeAbout_earth { padding-left:0vw; align-items: center; justify-content: right; }
.homeStufft { background: url("/images/img/stuffbg.jpg") center bottom / cover no-repeat; padding-top: 6vw; }
.homeStufft_t { align-items: center; }
.homeStufft_t .homeStufft_title { padding-right: 8vw; }
.homeStufft_t .homeStufft_title h3 { font-size: 2.08vw; line-height: 1.875vw; margin-bottom: 1.5vw; font-weight: bold; }
.homeStufft_t .homeStufft_title h3 span { font-size: 24px; font-weight: normal; }
.homeStufft_t .homeStufft_title p { font-size: 16px; line-height: 32px; }
.homeStufft_box { margin-top: 6vw; padding-bottom: 6vw; }
.homeStufftTab { width: 27%; }
.homeStufftTab li > a { padding: 2vw 0px 2vw 5vw; background-color: rgb(230, 239, 245); align-items: center; z-index: 2; }
.homeStufftTab li > a::after { content: ""; position: absolute; width: 100%; height: 0px; top: 50%; left: 0px; background-color: rgb(191, 210, 222); z-index: -1; transition: all 0.35s ease 0s; }
.homeStufftTab li > a.on::after { height: 100%; top: 0px; }
.homeStufftTab li > a.on .homeStufftTab_icon > div { transform: translateY(-100%); }
.homeStufftTab .homeStufftTab_txt { padding-left: 1.2vw; font-size: 22px; }
.homeStufftTab .homeStufftTab_icon { width: 46px; height: 46px; overflow: hidden; display: none;}
.homeTraffic_box ul{overflow: hidden; width: 100%; padding-bottom:2vw; padding-top: 2vw;}
.homeTraffic_box ul li{float: left; width: 23%; margin: 1%; border:10px solid #ffffff6f;overflow: hidden;}
.homeTraffic_box ul li img{width: 100%; transition: 0.4s;}
.homeTraffic_box ul li:hover img{transform: scale(1.1);}
.homeStufftTab .homeStufftTab_icon > div { width: 100%; height: 100%; }
.homeStufftTab .homeStufftTab_icon > div > p { align-items: center; justify-content: center; width: 100%; height: 100%; }
.homeStufftTab .homeStufftTab_icon > div > p img { max-width: 100%; max-height: 100%; }
.homeStufftList { padding-left: 4vw; padding-top: 0vw; width: 73%; }
.homeStufftList .homeStufft_item > a { width: 100%; height: 0px; padding-bottom: 75%; overflow: hidden; }
.homeStufftList .homeStufft_item > a::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(34, 94, 130, 0.5); opacity: 0; transition: all 0.5s ease 0s; }
.homeStufftList .homeStufft_item > a > img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.homeStufftList .homeStufft_see { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; align-items: center; justify-content: center; transform: scale(2); z-index: 2; }
.homeStufftList .homeStufft_see > img { width: 48px; }
.homeStufftList .homeStufft_txt { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 2; transform: scale(0.5); }
.homeStufftList .homeStufft_txt .homeStufft_name { font-size: 24px; margin-bottom: 2vw; padding: 1vw;}
.homeStufftList .homeStufft_txt .homeStufft_icon > img { width: 36px; }
.homeStufftList .homeStufft_names { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; padding-bottom: 1vw; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); align-items: flex-end; justify-content: center; font-size: 24px; padding: 1vw;}
.homeStufftList .datalist { margin: -2vw -5px; }
.homeStufftList .datalist .datalist_item { padding: 2vw 5px; min-width: 25%; }
.homeStufftList .datalist .datalist_number { font-family: TT0140M; }
.homeStufftList .datalist .datalist_number span { font-size: 32px; }
.homeStufftList .datalist .datalist_number em { font-size: 16px; }
.homeStufftList .datalist .datalist_name { font-size: 16px; margin-top: 5px; }
.homeStufft_obj { width: 100%; }
.homeStufft_obj .homeStufft_li { position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; overflow: hidden; }
.homeStufft_obj .homeStufft_li.on { position: relative; opacity: 1; z-index: 50; }
.homeStufft_nav { height: 48px; line-height: 48px; padding-right: 5vw; margin-top: 2.5vw; }
.homeStufft_btn > a { width: 48px; height: 48px; color: rgb(201, 218, 228); }
.homeStufft_btn > a > i { font-size: 18px; }
.homeStufft_btn > a::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border-radius: 50%; border:0px solid rgb(201, 218, 228); transition: all 0.35s ease 0s;background-color: #c4000b;z-index: -1;}
.homeStufft_btn > a:hover:after{background-color: #225e82;}
.homeStufft_btn > a > i{color: #fff;}
.homeStufft_btn > a:first-child { margin-right: 1.6vw; }
.homeStufft_line { height: 100%; width: 100%; }
.homeStufft_line::after { content: ""; position: absolute; width:50%; height: 1px; top: 50%; right: 2%; background-color: rgb(220, 231, 239); }
.homeStufft_number { font-family: TT0140M; }
.homeStufft_number span { font-size: 23px; padding-right: 5px; }
.homeMaster_more a { background-color: #225e82; width: 160px; height: 44px; line-height: 44px; border-radius: 3px; }
.homeMaster_more a span { margin-right: 10px; font-size: 16px; }
.homeMaster_more a i { vertical-align: -1px; }
.relevant { padding: 2vw 0px; }
.relevant_box .relevant_title { font-size: 18px; white-space: nowrap; }
.relevant_list { margin: -0.5vw 0px; padding-right: 1.5vw; }
.relevant_list li { padding: 0.5vw 0px; }
.relevant_list li a { font-size: 18px; padding: 0px 1.2vw; }
.relevant_more { position: absolute; top: 0px; right: 0px; height: 100%; }
.relevant_more a > i { font-size: 18px; vertical-align: middle; }
.homeIndustry { padding-top: 6vw; padding-bottom: 10.5vw; }
.homeIndustry .homeIndustry_txt { width: 55%; overflow: hidden; padding-right: 2.5vw; }
.homeIndustry .masterTitle01 { height: 5.78vw; }
.homeIndustry .homeIndustry_title { font-size: 1.875vw; line-height: 1.875vw; position: absolute; bottom: 0px; left: 0px; }
.homeIndustry .homeIndustry_line { margin-top: 1.5vw; font-size: 16px; line-height: 32px; }
.homeIndustry_type .homeIndustry_icon { width: 36px; height: 36px; overflow: hidden; }
.homeIndustry_type .homeIndustry_icon > div { width: 100%; height: 100%; }
.homeIndustry_type .homeIndustry_icon > div > p { align-items: center; justify-content: center; width: 100%; height: 100%; }
.homeIndustry_type .homeIndustry_icon > div > p img { max-width: 100%; }
.homeIndustry_type { margin-top: 3vw; margin-bottom: 2vw; }
.homeIndustry_type li > a { display: block; }
.homeIndustry_type .homeIndustry_typename { margin-top: 0.5vw; font-size: 16px; }
.homeIndustry_relevant { margin-top: 5vw; }
.homeIndustry_relevant .homeIndustry_relevant_title { font-size: 18px; margin-bottom: 1vw; }
.homeIndustry_relevant .homeIndustry_relevant_ul { margin: 0.5vw -1.5vw; }
.homeIndustry_relevant .homeIndustry_relevant_ul li { padding: 0.5vw 0px; }
.homeIndustry_relevant .homeIndustry_relevant_ul li a { font-size: 16px; padding: 0px 1.5vw; }
.matching { padding-left: 2.5vw; width: 45%; }
.matching .matching_item { height: 100%; }
.matching .matching_item:first-child { padding-right: 0.5vw; }
.matching .matching_item:last-child { padding-left: 0.5vw; transform: translateY(4vw); }
.matching .matching_item a { height: 100%; width: 100%; overflow: hidden; }
.matching .matching_item a img { height: 105%; width: 105%; object-fit: cover; transform: translateX(-2.5%) translateY(-5%); }
.matching .matching_more { position: absolute; top: 2vw; right: 1.5vw; bottom: 2vw; writing-mode: tb-rl; letter-spacing: 1px; }
.matching .matching_more span:first-child { font-size: 24px; }
.matching .matching_more span:last-child { font-size: 16px; }
.homeTraffic { padding-top:7vw; background: url("/images/img/hometrafficbg.jpg") center center / cover no-repeat fixed; z-index: 2; padding-bottom: 7vw;}
.homeTraffic::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(34, 94, 130, 0.8); z-index: -1; }
.homeTraffic .homeTraffic_title h3 { font-size: 2.08vw; line-height: 1.875vw; margin-bottom: 1.2vw;font-weight: bold;}
.homeTraffic .homeTraffic_title p { font-size: 20px; line-height: 36px; }
.homeTraffic .homeTraffic_title { padding-bottom: 1.5vw; }
.homeTraffic .homeTraffic_title::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 80%; height: 1px; background-color: rgba(255, 255, 255, 0.2); }
.homeTraffic .homeTraffic_relevant { margin-top: 1.5vw; }
.homeTraffic .homeTraffic_relevant_title { font-size: 16px; white-space: nowrap; }
.homeTraffic .traffic_list { margin: -0.5vw 0px; }
.homeTraffic .traffic_list li { padding: 0.5vw 0px; }
.homeTraffic .traffic_list li a { padding: 0px 1.2vw; font-size: 16px; }
.homeTraffic .traffic_more { margin-left: 1.2vw; }
.homeTraffic .traffic_more a > i { vertical-align: middle; }
.homeTraffic .homeTraffic_b { align-items: flex-end; margin-top: 2vw; }
.homeTraffic_b li a { border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 2vw 3vw; }
.homeTraffic_b .homeTraffic_name { align-items: center; font-size: 20px; text-transform: uppercase; justify-content: center; }
.homeTraffic_b .homeTraffic_name img { margin-right: 1vw; height: 32px; }
.homeTraffic_b .homeTraffic_p { color: rgba(255, 255, 255, 0.8); font-size: 16px; line-height: 32px; height: 0px; overflow: hidden; }
.homeTraffic_b .homeTraffic_p > div { padding-top: 1vw; }
.homeTraffic_b .homeTraffic_p p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.homeTraffic_b li:nth-child(1) a { background-color: #225e82; }
.homeTraffic_b li:nth-child(2) a { background-color: rgb(248, 196, 0); }
.homeTraffic_b li:nth-child(3) a { background-color: #c4000b; }
.masterTitle02 { background: url("/images/img/tbg01.png") center center / auto 56% no-repeat; }
.masterTitle02 h2 { font-size: 2.29vw; line-height: 2.29vw; margin-bottom: 0.8vw;font-weight: bold;}
.masterTitle02 p { font-size: 24px; text-transform: uppercase;color: #999;}
.homeCase { padding: 6vw 0; }
.homeCasec_list { padding-top: 3vw; margin: -0.5vw; padding-bottom: 3.5vw; }
.homeCasec_list .homeCasec_item > div { width: 100%; height: 0px; padding-bottom: 75%; }
.homeCasec_list .homeCasec_item a { position: absolute; inset: 0.5vw; overflow: hidden; }
.homeCasec_list .homeCasec_item a img { width: 100%; height: 100%; object-fit: cover; }
.homeCasec_list .homeCasec_title { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; z-index: 2; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); align-items: flex-end; justify-content: center; }
.homeCasec_txt { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(34, 94, 130, 0.9); align-items: center; justify-content: center; z-index: 5; }
.homeCasec_txt .homeCasec_line { position: absolute; }
.homeCasec_txt .homeCasec_line::after, .homeCasec_txt .homeCasec_line::before { content: ""; position: absolute; transition: all 0.75s ease 0s; }
.homeCasec_txt .homeCasec_line::after { border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); width: 100%; height: 0px; top: 50%; left: 0px; }
.homeCasec_txt .homeCasec_line::before { border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); width: 0px; height: 100%; left: 50%; top: 0px; }
.homeCasec_txt .homeCasec_name { margin-bottom: 8%; padding-bottom: 6%; transform: translateY(-2vw); }
.homeCasec_txt .homeCasec_name span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.homeCasec_txt .homeCasec_name::after { content: ""; position: absolute; bottom: 0px; left: 50%; margin-left: -7%; width: 14%; height: 1px; background-color: rgb(255, 255, 255); }
.homeCasec_txt .homeCasec_p { color: rgba(255, 255, 255, 0.6); margin-bottom: 10%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transform: translateY(2vw); }
.homeCasec_txt .homeCasec_btn { transform: translateY(2vw); }
.homeCasec_txt .homeCasec_btn::after { content: ""; position: absolute; width: 100%; height: 100%; border: 1px solid rgb(255, 255, 255); top: 0px; left: 0px; border-radius: 50%; }
.homeCasec_list > .homeCasec_item .homeCasec_txt .homeCasec_cnt { width: 50%; }
.homeCasec_list > .homeCasec_item .homeCasec_name { font-size: 24px; }
.homeCasec_list > .homeCasec_item .homeCasec_btn { width: 48px; height: 48px; line-height: 48px; }
.homeCasec_list > .homeCasec_item .homeCasec_p { font-size: 16px; line-height: 32px; }
.homeCasec_list > .homeCasec_item .homeCasec_txt .homeCasec_line { inset: 1.2vw; }
.homeCasec_list > .homeCasec_item .homeCasec_title { padding-bottom: 1.5vw; font-size: 24px; }
.homeCasec_ul .homeCasec_txt .homeCasec_cnt { width: 65%; }
.homeCasec_ul .homeCasec_name { font-size: 18px; }
.homeCasec_ul .homeCasec_btn { width: 38px; height: 38px; line-height: 38px; }
.homeCasec_ul .homeCasec_item .homeCasec_p { font-size: 14px; line-height: 26px; }
.homeCasec_ul .homeCasec_txt .homeCasec_btn > i { font-size: 14px; }
.homeCasec_ul .homeCasec_item .homeCasec_txt .homeCasec_line { inset: 1vw; }
.homeCasec_ul .homeCasec_item .homeCasec_title { padding-bottom: 1vw; font-size: 18px; }
.homeCasec_ul .homeCasec_item .homeCasec_title span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.homeMaster_more01 { width: 190px; height: 51px; line-height: 40px; }
.homeMaster_more01 > a { width: 100%; height: 100%; padding: 5px; }

.nyban{position: relative;}
.nyban .nywenzi{position: absolute; text-align: center; color: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);text-shadow:0 0 10px #0000004d;}
.nyban .nywenzi h2{font-size: 36px; font-weight: bold; line-height: 50px; }
.nyban .nywenzi p{font-size: 24px; text-transform: uppercase;}
.homeTraffic_box .homeMaster_more01 > a::after{border: 1px solid #fff;}
.homeTraffic_box .homeMaster_more01 > a span {color: #fff;}
.homeTraffic_box .homeMaster_more01 > a i{background-color: #fff;}
.homeTraffic_box .co-0{color: #396185;}
.homeMaster_more01 > a::after { position: absolute; content: ""; border: 1px solid #c4000b; border-radius: 50px; top: 0px; left: 0px; width: 100%; height: 100%; }
.homeMaster_more01 > a span { font-size: 18px; color: #c4000b; }
.homeMaster_more01 > a i { width: 40px; height: 40px; background-color: #c4000b; display: inline-block; margin-left: auto; font-size: 18px; }
.homeorder { padding-top: 7vw; }
.homeorder_cnt { margin-top: 4vw; }
.homeorder_cnt img { width: 100%; }
.homeNews { padding: 6vw 0px 5vw; }
.homeNews_list { padding-top: 3vw; padding-bottom: 3.5vw; }
.homeNews_list .homeNews_l { width: 60%; margin: -1vw; }
.homeNews_list .homeNews_r { width: 40%; padding-left: 3vw; }
.homeNews_l .homeNews_img { height: 0px; padding-bottom: 65%; overflow: hidden; }
.homeNews_l .homeNews_img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.homeNews_list .homeNews_title { font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.homeNews_list .homeNews_p { font-size: 16px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.homeNews_l .homeNews_txt { padding-top: 1.2vw; }
.homeNews_l .homeNews_title { margin-bottom: 0.6vw; }
.homeNews_l .homeNews_title::after { content: ""; width: 0px; height: 1px; background-color: #c4000b; position: absolute; bottom: 0px; left: 0px; transition: all 1s ease 0s; }
.homeNews_l .homeNews_item { padding: 1vw; }
.homeNews_l .homeNews_time { font-size: 20px; position: absolute; bottom: 0px; left: 0px; background-color: #c4000b; padding: 0.4vw 1.2vw; }
.homeNews_r .homeNews_times { flex-direction: column; justify-content: center; align-items: center; padding-right: 3vw; }
.homeNews_r .homeNews_times span { font-size: 3.5vw; line-height: 3.5vw; margin-bottom: 2px; font-family: TT0140M; }
.homeNews_r .homeNews_item { height: 50%; }
.homeNews_r .homeNews_item > a { align-items: center; height: 100%; border-bottom: 1px dashed rgb(224, 224, 224); }
.homeNews_r .homeNews_item:first-child > a { border-top: 1px dashed rgb(224, 224, 224); }
.homeNews_r .homeNews_title { margin-bottom: 0.8vw; }



.client{padding:6vw 0 5vw;overflow: hidden;position: relative;}
.client ._bg{position: absolute;z-index: -1;width: 100%;height: 120%;top: 0;left: 0;transform: translate3d(0px, 0px, 0px) !important;}
.client ._bg img{width: 100%;height: 100%;object-fit: cover;}
.clientList{height: 0;width: 100%;padding-bottom: 40%;position: relative;}
.clientList ._logo{width: 19.86111111111111%;position: absolute;top: 20%;left: 50%;transform: translateX(-50%);}
.clientList ._logo>div{width: 100%;height: 0;padding-bottom: 100%;background-color:#fff;border-radius: 50%;position: relative;box-shadow: 0 0 20px #dcdcdc;}
.clientList ._logo ._cir{position: absolute;top: 0;left: 0;width:100%;height:100%;border: 1px solid var(--color1);border-radius: 50%;
animation: spread1 10s linear infinite;opacity:0;will-change: transform;z-index: -1;}
@keyframes spread1 {
    0% {
    	transform: scale(1);
        opacity: .1
    }
    100% {
        transform: scale(5);
        opacity: 0
    }
}
:root{
	--color1:#225e82;
	--color2:#c4000b;
	--color3:#1c2b5f;
	--bcr1:cubic-bezier(.4,.4,0,1);
	--bcr2:cubic-bezier(0.075, 0.82, 0.165, 1);
}
.clientList ._logo ._cir.j1{animation-delay: 0s;}
.clientList ._logo ._cir.j2{animation-delay: 2s;}
.clientList ._logo ._cir.j3{animation-delay: 4s;}
.clientList ._logo ._cir.j4{animation-delay: 6s;}
.clientList ._logo ._cir.j5{animation-delay: 8s;}
.clientList ._logo img{position: absolute;top: 50%;width: 80%;left: 10%;transform: translateY(-50%);}
@keyframes spin1{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.clientList ._brand{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.clientList ._brand ._item{position: absolute;transform-origin: 40% 40%;animation: spin1 9s infinite linear;will-change: transform;}
.clientList ._brand ._item ._pal{width: 100%;height: 100%;justify-content: center;align-items: center;animation-duration: 1.5s;
background-color: #fff;border-radius: 50%;overflow: hidden;padding: .2rem;box-shadow: 0 .15rem .3rem rgba(255,147,51,.05);will-change: transform;}
.clientList ._brand ._item ._pal img{max-width: 100%;max-height: 100%;object-fit: contain;}
.clientList ._brand ._item.cir1{left: 2%;top: 14%;width: 7vw;height: 7vw;animation: spin1 7s infinite linear;}
.clientList ._brand ._item.cir1 ._pal img{animation: spin1 7s infinite linear reverse;}
.clientList ._brand ._item.cir2{left: 3%;top: 63%;width: 7.2vw;height: 7.2vw;animation: spin2 5s infinite linear;}
.clientList ._brand ._item.cir2 ._pal img{animation: spin2 5s infinite linear reverse;}
.clientList ._brand ._item.cir3{left: 11%;top: 40%;width: 8vw;height: 8vw;animation: spin2 9s infinite linear;}
.clientList ._brand ._item.cir3 ._pal img{animation: spin2 9s infinite linear reverse;}
.clientList ._brand ._item.cir4{left: 27%;top: 62%;width: 9vw;height: 9vw;animation: spin2 6s infinite linear;}
.clientList ._brand ._item.cir4 ._pal img{animation: spin2 6s infinite linear reverse;}
.clientList ._brand ._item.cir5{left: 24%;top: 20%;width: 8vw;height: 8vw;animation: spin1 8s infinite linear;}
.clientList ._brand ._item.cir5 ._pal img{animation: spin1 8s infinite linear reverse;}
.clientList ._brand ._item.cir6{left: 17%;top: -5%;width: 8.3vw;height: 8.3vw;animation: spin2 10s infinite linear;}
.clientList ._brand ._item.cir6 ._pal img{animation: spin2 10s infinite linear reverse;}
.clientList ._brand ._item.cir7{right: 27%;top: 2%;width: 8vw;height: 8vw;animation: spin1 9s infinite linear;}
.clientList ._brand ._item.cir7 ._pal img{animation: spin1 9s infinite linear reverse;}
.clientList ._brand ._item.cir8{right: 23%;top: 48%;width: 8vw;height: 8vw;animation: spin2 7s infinite linear;}
.clientList ._brand ._item.cir8 ._pal img{animation: spin2 7s infinite linear reverse;}
.clientList ._brand ._item.cir9{right: 13%;top: 20%;width: 8.4vw;height: 8.4vw;animation: spin1 10s infinite linear;}
.clientList ._brand ._item.cir9 ._pal img{animation: spin1 10s infinite linear reverse;}
.clientList ._brand ._item.cir10{right: 4%;top: 68%;width: 8.4vw;height: 8.4vw;animation: spin2 5s infinite linear;}
.clientList ._brand ._item.cir10 ._pal img{animation: spin2 5s infinite linear reverse;}
.clientList ._brand ._item.cir11{right: 0%;top: 40%;width: 7.4vw;height: 7.4vw;animation: spin2 8s infinite linear;}
.clientList ._brand ._item.cir11 ._pal img{animation: spin2 8s infinite linear reverse;}
.clientList ._brand ._item.cir12{right: 6%;top: -8%;width: 7vw;height: 7vw;animation: spin1 6s infinite linear;}
.clientList ._brand ._item.cir12 ._pal img{animation: spin1 6s infinite linear reverse;}





.footer { padding-top: 2.5vw; padding-bottom:3vw; background:url(/images/img/ftbg.png) no-repeat top center; background-size: 100% 100%;}
.footer_box { padding: 0px 4vw; }
.footer_box .footer_t { align-items: center; padding-bottom: 2vw; }
.footer_box .footer_t::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: rgba(150, 150, 150, 0.1); }
.footer_box .footer_logo img { height: 62px; }
.footer_box .footer_nav { margin-left: auto; }
.footer_box .footer_nav li { padding-left: 3.4vw; }
.footer_box .footer_nav li:first-child { padding-left: 0px; }
.footer_box .footer_nav li a { font-size: 16px; color: rgba(255, 255, 255, 0.7); }
.footer_box .footer_b { padding-top: 3vw; }
.footer_box .footer_b_title { color: rgba(255, 255, 255, 0.8); margin-bottom: 1.5vw; }
.footer_box .footer_b_title h5 { font-size: 24px; margin-bottom: 5px; }
.footer_box .footer_b_title p { font-size: 16px; }
.footer_box .footer_b_line { line-height: 32px; font-size: 16px; color: rgba(255, 255, 255, 0.7); word-break: break-all; }
.footer_box .footer_b_line a { color: rgba(255, 255, 255, 0.7); }
.footer_code{float: right;}
.footer_code > div { background-color: rgba(150, 150, 150, 0.7); padding: 10px; }
.footer_code .footer_code_img { width: 140px; margin-bottom: 5px; }
.footer_code .footer_code_img img { width: 100%; }
.footer_code p { font-size: 16px; }
.footer_box .footer_b .flex_item { padding: 0px 2vw; }
.trafficbaner_txt .trafficbaner_title h1 { font-size: 2.91vw; line-height: 2.91vw; font-weight: bold; margin-bottom: 1vw; }
.trafficbaner_txt .trafficbaner_title p { font-size: 20px; }
.trafficbaner_txt .trafficbaner_title { margin-bottom: 2vw; }
.trafficbaner_txt .trafficbaner_line { line-height: 38px; font-size: 18px; color: rgb(68, 68, 68); }
.trafficbaner_href { padding-top: 4vw; width: 700px; margin: -0.5vw; }
.trafficbaner_href li { padding: 0.5vw; }
.trafficbaner_href li a { height: 0px; padding-bottom: 100%; }
.trafficbaner_href li a > div { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; align-items: center; justify-content: center; border: 1px solid rgb(224, 224, 224); z-index: 2; }
.trafficbaner_href li a > div > div { width: 100%; }
.trafficbaner_href li a > div::after { content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; background-color: #225e82; transform: rotate(-135deg); opacity: 0; transition: all 0.5s ease 0s; }
.trafficbaner_href .trafficbaner_href_name { color: rgb(68, 68, 68); font-size: 16px; margin-top: 0.5vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.trafficbaner_href .trafficbaner_icon { width: 30px; height: 30px; overflow: hidden; }
.trafficbaner_href .trafficbaner_icon > div { width: 100%; height: 100%; }
.trafficbaner_href .trafficbaner_icon > div > p { align-items: center; justify-content: center; width: 100%; height: 100%; }
.trafficbaner_href .trafficbaner_icon > div > p img { max-width: 100%; max-height: 100%; }
.product { padding-top: 6vw; }
.product_box { padding-top: 2vw; margin: 0px -1vw; }
.product_box li { padding: 0px 1vw; }
.product_box li a { border: 1px solid rgb(224, 224, 224); }
.product_box .product_img { width: 100%; padding-bottom: 60%; overflow: hidden; }
.product_box .product_img img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.product_box .product_title { font-size: 22px; padding: 1.5vw 0px; }
.pageCases { padding-top: 6vw; }
.pageCases .pageCases_box { padding-top: 2vw; padding-bottom: 10vw; }
.master_title h3 { font-size: 2.08vw; line-height: 2.08vw; margin-bottom: 5px; }
.master_title p { font-size: 18px; text-transform: uppercase; }
.solution { padding-top: 6vw; padding-bottom: 8vw; }
.solution_tab { justify-content: center; padding-top: 2vw; }
.solution_tab li { padding: 0px 1vw; }
.solution_tab li a { line-height: 40px; padding: 0px 1.3vw; font-size: 18px; position: relative; }
.solution_tab li a::before, .solution_tab li a::after { content: ""; position: absolute; height: 1px; background-color: #225e82; top: 50%; width: 0px; transition: all 0.5s ease 0s; }
.solution_tab li a::before { left: 0px; }
.solution_tab li a::after { right: 0px; }
.solution_tab li a.on { color: #225e82; }
.solution_tab li a.on::before, .solution_tab li a.on::after { width: 1vw; }
.solution_list { margin-top: 3.5vw; }
.solution_item > a { width: 100%; height: 0px; padding-bottom: 65%; }
.solution_item .solution_img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
.solution_item .solution_img img { width: 100%; height: 100%; object-fit: cover; }
.solution_list .solution_line > a { width: 44px; height: 44px; line-height: 44px; position: absolute; top: 50%; margin-top: -47px; z-index: 10; }
.solution_list .solution_line > a::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border-radius: 50%; border: 1px solid #225e82; transition: all 0.35s ease 0s; }
.solution_list .solution_prev { left: 4vw; }
.solution_list .solution_next { right: 4vw; }
.solution_list .solution_line > a > i { font-size: 18px; }
.solution_item .solution_txt { position: absolute; width: 100%; height: 30%; left: 0px; bottom: 0px; align-items: center; justify-content: center; z-index: 5; }
.solution_item .solution_txt h5 { font-size: 20px; margin-bottom: 2px; }
.solution_item .solution_txt p { color: rgba(255, 255, 255, 0.5); text-transform: uppercase; }
.solution_item > a::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; z-index: 2; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }
.solution_item > a::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(34, 94, 130, 0.9); z-index: 3; opacity: 0; transition: all 0.5s ease 0s; }
.solution_item .solution_more { width: 48px; height: 48px; line-height: 48px; background-color: rgb(248, 196, 0); position: absolute; bottom: -24px; left: 50%; margin-left: -24px; z-index: 5; transform: rotate(-360deg) scale(0.5); opacity: 0; }
.solution_item .solution_more i { font-size: 20px; }
.solution_item .solution_more::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(1.4); background-color: rgba(248, 196, 0, 0.2); border-radius: 50%; }
.solution .solution_line { position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; }
.solution .solution_line.on { position: relative; opacity: 1; z-index: 50; transition: all 0.5s ease 0s; }
.solution .solution_line .swiper-container { padding-bottom: 50px; }
.science_txt { align-items: center; position: relative; z-index: 10; }
.science_txt .science_title { width: 25vw; height: 25vw; background: url("/images/img/science01.png") center center / cover no-repeat; align-items: center; justify-content: center; }
.science_txt .science_title h3 { font-size: 2.29vw; line-height: 2.29vw; }
.science_txt .science_title h3:first-child { font-weight: bold; margin-bottom: 1vw; }
.science_txt .science_title h3:last-child { font-weight: 100; }
.science_txt .science_line { padding-left: 8vw; }
.science_line .science_p { padding-bottom: 4vw; }
.science_line .science_p:last-child { padding-bottom: 0px; }
.science_line .science_p h5 { font-size: 20px; font-weight: bold; margin-bottom: 0.5vw; }
.science_line .science_p p { font-size: 16px; line-height: 32px; color: rgb(34, 34, 34); }
.science { padding: 10vw 0px; }
.science_bg { position: absolute; width: 70%; align-items: center; left: -15%; z-index: -1; }
.science_bg img { width: 100%; }
#h-banner { z-index: 2; align-items: center; }
.pagebanner { background-size: cover; background-position: center center; animation: 2s linear 0s 1 normal forwards running narrowimg; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; align-items: center; }
@-webkit-keyframes narrowimg { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@keyframes narrowimg { 
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.pagebanner.imgshow { position: relative; }
.pagebanner.imgshow > img { width: 100%; }
.pagetitle h3 { font-size: 2.5vw; line-height: 2.5vw; margin-bottom: 0.8vw; }
.pagetitle p { font-size: 1.875vw; line-height: 1.875vw; text-transform: uppercase; }
.case { padding:5vw 0px; }
.secondNav{background: #f8f8f8;}
.case_box { overflow: hidden; padding-bottom: 2.2vw; }
.case_list { margin: -1.8vw -0.7vw; }
.case_list .case_item { padding: 1.8vw 0.7vw; }
.case_list .case_item .case_img { width: 100%; height: 0px; padding-bottom: 65%; overflow: hidden; }
.case_list .case_item .case_img img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; }
.case_list .case_item .case_title { align-items: center; padding: 1vw; }
.case_list .case_item .case_title span { font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;width: 100%;text-align: center;}
.case_list .case_item .case_title i { font-size: 26px; margin-left: auto; }
.case_list .case_item .case_title::after { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(238, 238, 238); bottom: 0px; left: 0px; }
.paging { justify-content: center; }
.paging li { padding: 0px 0.5vw; }
.paging li a { border: 1px solid rgb(224, 224, 224); width: 44px; height: 44px; line-height: 44px; border-radius: 5px; }
.paging li a i { font-size: 16px; }
.paging li a.on { background: #225e82; color: rgb(255, 255, 255); border-color: #225e82; }
.casedtl { padding-top: 8vw; padding-bottom: 7vw; background-size: cover; background-position: center center; }
.casedtl_box .casedtl_title { padding: 0px 4vw; }
.casedtl_box .casedtl_title h3 { font-size: 1.875vw; line-height: 1.875vw; margin-bottom: 1.5vw; }
.casedtl_box .casedtl_title p { font-size: 16px; line-height: 32px; }
#casedtl_list { margin-top: 3vw; margin-bottom: 5.5vw; }
#casedtl_list .swiper-slide { width: 60%; }
#casedtl_list .casedtl_item { width: 100%; padding-bottom: 65%; height: 0px; border: 1vw solid rgb(255, 255, 255); }
#casedtl_list .casedtl_item img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
#casedtl_list > a { width: 44px; height: 44px; line-height: 44px; position: absolute; top: 50%; margin-top: -22px; z-index: 20; }
#casedtl_list > a::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border-radius: 50%; border: 1px solid #225e82; transition: all 0.35s ease 0s; }
#casedtl_list .casedtl_prev { left: 4vw; }
#casedtl_list .casedtl_next { right: 4vw; }
.casedtl_box .casedtl_switch { width: 600px; }
.dtl_switch li a { display: inline-block; height: 36px; line-height: 36px; border-radius: 36px; padding: 0px 15px; letter-spacing: 2px; align-items: center; }
.dtl_switch li a span { font-size: 16px; }
.dtl_switch li a i { font-size: 20px; width: 36px; height: 36px; vertical-align: bottom; margin-right: 10px; display: inline-block; }
.party { padding: 6vw 0px; }
.party_box { margin-bottom: 4vw; border-top: 1px solid rgb(234, 234, 234); }
.party_item a { align-items: center; padding: 2.5vw 2vw; border-bottom: 1px solid rgb(234, 234, 234); }
.party_item a::after { content: ""; position: absolute; top: 0px; left: 10%; width: 80%; height: 100%; background-color: rgb(209, 13, 29); z-index: -1; opacity: 0; transition: all 0.5s ease 0s; }
.party_txt > div { align-items: center; }
.party_txt .party_time { display: list-item; font-family: TT0140M; padding-right: 3vw; }
.party_txt .party_time span { font-size: 2.5vw; line-height: 2.5vw; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid rgb(224, 224, 224); }
.party_txt .party_time em { font-size: 16px; }
.party_info h5 { font-size: 24px; margin-bottom: 1vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.party_info p { font-size: 16px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.new { padding: 7vw 0px; background-color: rgb(246, 246, 246); }
.new_box { overflow: hidden; padding-bottom: 3vw; }
.new_list { margin: -1vw; }
.new_item { padding:1vw; }
.col-8{width: 12.5%;}
.hzhb{ background: #fff;padding:4vw 0px;}
.hzhb .new_item .new_img{border: 1px solid #dcdcdc;}
.new_item .new_img { width: 100%; height: 0px; padding-bottom: 100%; overflow: hidden; }
.new_item .new_img img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; object-fit: cover; }
.new_item .new_info { padding: 1.5vw 1vw; }
.new_item .new_info::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 4px; background-color: #225e82; transition: all 1s ease 0s; }
.new_item .new_title { font-size: 20px; margin-bottom: 0.8vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.new_item .new_p { font-size: 16px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 64px; }
.new_item .new_time { font-size: 16px; margin-top: 1.5vw; }
.newdtl { padding-top:3vw; padding-bottom: 8vw; background-color:#fff}
.newdtl .newdtl_info { width:100%;  }
.newdtl .newdtl_info > div { padding: 4vw;border: 1px solid #f1f1f1; box-shadow: 0 0 30px #f0f0f0;}
.newdtl_info .newdtl_record { font-family: TT0140M; font-size: 16px; }
.newdtl_info .newdtl_record span { margin-right: 2vw; display: inline-block; }
.newdtl_info .newdtl_record span:last-child { margin-right: 0px; }
.newdtl_info .newdtl_title { padding-bottom:1.2vw; text-align: center;}
.newdtl_info .newdtl_title h4 { font-size: 24px; margin-bottom: 2vw; }
.newdtl_info .newdtl_title::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: rgb(238, 238, 238); }
.newdtl_info .newdtl_content { font-size: 16px; line-height: 32px; padding: 3vw 0px; }
.newdtl_info .newdtl_content img { max-width: 100%; display: inline-block; margin: 0px auto; }
.newdtl_info .newdtl_switch { width: 75%; }
.shiming{overflow: hidden;}
.newdtl .newdtl_Hot { width: 30%; padding: 1.5vw 0px; }
.newdtl_Hot .Hot_box { padding: 1.5vw; }
.newdtl_Hot .Hot_title { align-items: center; padding: 0px 1.5vw; }
.newdtl_Hot .Hot_title::after { content: ""; position: absolute; width: 5px; height: 100%; background-color: #225e82; left: 0px; top: 0px; }
.newdtl_Hot .Hot_title span { font-size: 1.5625vw; font-weight: bold; }
.newdtl_Hot .Hot_title a { font-size: 16px; margin-left: auto; font-family: TT0140M; }
.newdtl_info .fzlc{padding: 0; font-size: 16px; line-height: 40px;}
.newdtl_info .fzlc p{text-indent: 2em;}
.Hot_box .new_item { padding: 0px; }
.Hot_box .new_item .new_info { padding-bottom: 2.5vw; }
.Hot_box .new_item .new_info::after { display: none; }
.Hot_box .new_item .new_info::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: rgb(230, 234, 236); }
.newdtl_Hot .Hot_list { padding-top: 1.5vw; }
.Hot_list li a { position: relative; padding: 0.8vw 0px 0.8vw 1.5vw; }
.Hot_list li a p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.Hot_list li a::before { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background-color: rgb(51, 51, 51); border-radius: 50%; }
.sbn .sbn_line { width: 100%; }
.sbn .sbn_line img { width: 100%; }
.sbnCase { padding-top: 7vw; padding-bottom: 8vw; }
.sbnCase .sbnCase_title h3 { font-size: 2.91vw; font-weight: bold; }
.sbnCase .homeCasec_list { padding-bottom: 0px; }
.barrier_title { width: 40%; }
.barrier_title h1 { font-size: 2.91vw; line-height: 2.91vw; font-weight: bold; margin-bottom: 2vw; }
.barrier_title p { line-height: 40px; font-size: 22px; color: rgb(34, 34, 34); }
.mpc { padding-top: 14vw; overflow: hidden; }
.mpc .mpc_info { width: 75%; background-color: rgb(247, 247, 247); padding: 6vw 6vw 6vw 10vw; }
.mpc .mpc_cnt { width: 60%; }
.wrapper { position: relative; }
.wrapper .scroller { position: absolute; }
#mpc_tab { overflow: hidden; width: 100%; height: 60px; line-height: 60px; }
#mpc_tab li a { font-size: 18px; padding: 0px 25px; position: relative; }
#mpc_tab li a::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border-top: 1px solid #225e82; border-bottom: 1px solid #225e82; border-left: 1px solid #225e82; border-image: initial; border-right: none; }
#mpc_tab li:last-child a::after { border-right: 1px solid #225e82; }
#mpc_tab li.cur a { background-color: #225e82; color: rgb(255, 255, 255); }
.mpc_cnt .mpc_line { margin-top: 4vw; }
.mpc_cnt .mpc_line > div { display: none; }
.mpc_cnt .mpc_line > div.on { display: block; }
.mpc_cnt .mpc_line h4 { font-size: 30px; line-height: 30px; margin-bottom: 1vw; font-weight: bold; }
.mpc_cnt .mpc_line .mpc_line_txt { font-size: 16px; line-height: 32px; height: 192px; overflow-y: auto; }
.mpc_cnt .mpc_switch { margin-bottom: 3vw; font-size: 0px; margin-top: 2vw; }
.mpc_cnt .mpc_switch > a { width: 42px; height: 42px; line-height: 42px; display: inline-block; }
.mpc_cnt .mpc_switch > a:first-child { margin-right: 1vw; }
.mpc_cnt .mpc_switch > a::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: 1px solid #225e82; transition: all 0.35s ease 0s; }
.mpc_cnt .mpc_switch > a > i { font-size: 18px; }
#mpc_img { width: 57%; top: -6vw; right: -12vw; height: 100%; position: absolute; }
#mpc_img .mpc_img_item { width: 100%; height: 100%; z-index: 3; }
#mpc_img .mpc_img_item::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; z-index: 1; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); }
#mpc_img .mpc_img_item img { width: 100%; height: 100%; object-fit: cover; }
#mpc_img .mpc_img_txt { position: absolute; bottom: 0px; left: 0px; padding: 2vw; z-index: 2; }
#mpc_img .mpc_img_txt h5 { font-size: 24px; margin-bottom: 5px; }
#mpc_img .mpc_img_txt p { font-size: 16px; }
.master_title02 h4 { font-size: 1.5625vw; line-height: 1.5625vw; padding-bottom: 1.5vw; }
.master_title02 h4::after { content: ""; position: absolute; width: 2.2vw; height: 1px; bottom: 0px; left: 0px; background-color: rgb(51, 51, 51); }
.master_title02 p { font-size: 16px; line-height: 31px; margin-top: 1vw; }
.contact { width: 100%; }
.contact .contact_txt { padding-left: 10vw; background-color: rgb(238, 243, 247); }
.contact .contact_txt > div { padding: 8vw 10vw 8vw 0px; }
.contact_txt .contact_info { align-items: center; margin-top: 4vw; }
.contact_txt .contact_line { padding-bottom: 1vw; line-height: 30px; font-size: 16px; }
.contact_txt .contact_line:last-child { padding-bottom: 0px; }
.contact_txt .contact_line .contact_icon { width: 30px; height: 30px; align-items: center; justify-content: center; margin-right: 10px; }
.contact_txt .contact_line .contact_icon img { max-width: 100%; max-height: 100%; }
.contact_txt .contact_code { margin-top: 3vw; display: inline-block; }
.contact_txt .contact_code .contact_code_img { width: 112px; margin-bottom: 5px; }
.contact_txt .contact_code .contact_code_img img { width: 100%; }
.contact_txt .contact_line span { word-break: break-all; }
.contact_map #container_map { width: 100%; height: 100%; }
.comment { padding-top: 3vw; }
.comment .comment_box { padding-top: 5vw; padding-bottom: 8vw; width: 100%; background-position: center center; background-size: cover; }
.comment_txt { padding-right: 8vw; }
.comment_txt .comment_phone { margin-top: 5vw; }
.comment_txt .comment_phone p { font-size: 16px; margin-bottom: 0.5vw; }
.comment_txt .comment_phone h4 { font-size:2.458vw; line-height: 2.458vw; font-family: TT0140M; }
.comment_form .comment_form_line { padding: 0.5vw 0px; margin-bottom: 1vw; }
.comment_form .comment_form_line:last-child { margin-bottom: 0px; }
.comment_form .comment_form_line::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: rgb(209, 222, 231); }
.comment_form .comment_form_name { font-size: 16px; }
.comment_form .comment_form_in { font-size: 14px; border: none; height: 40px; width: 100%; background: none; }
.comment_form .comment_form_in::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.comment_form .comment_submit { margin-top: 2.5vw; }
.comment_form .comment_submit > button { border: none; width: 150px; height: 46px; }
.about_info { width: 960px; }
.about_info h4 { font-size: 28px; font-weight: bold; padding-bottom: 1.5vw; }
.about_info .about_info_p { text-indent: 2em; margin-bottom: 1vw; line-height: 35px; }
.about_info .about_info_p:last-child { margin-bottom: 0px; }
.about_info .about_info_p span { font-size: 16px; }
.about_info .about_info_p s { font-weight: bold; font-size: 18px; text-decoration: none; }
.about_info > div { overflow-y: auto; max-height: 40vh; padding-right: 2vw; margin-top: 1vw; }
.about_info > div::-webkit-scrollbar { width: 2px; height: 2px; }
.master_title03 h2 { font-size: 2.29vw; line-height: 2.29vw; margin-bottom: 5px; }
.master_title03 p { font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }
.avg { padding: 7vw 0px; }
.avg_box .avg_l { width: 60%; padding-right: 4vw; }
.avg_box .avg_r { width: 40%; padding-left: 4vw; }
.avg_box .avg_txt { padding-top: 3vw; }
.avg_box .avg_line { margin-bottom: 3vw; background: url("/images/img/about_icon01.png") left top / 17px no-repeat; padding-top: 25px; }
.avg_box .avg_line h4 { color: #c4000b; font-size: 1.5625vw; line-height: 1.5625vw; margin-bottom: 1.2vw; }
.avg_box .avg_line p { font-size: 16px; line-height: 28px; }
.avg_box .avg_img { height: 100%; }
.avg_box .avg_img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.avg .avg_eg { position: absolute; z-index: -1; top: 3.5vw; left: 0px; font-size: 8.3vw; color: rgb(246, 246, 246); width: 200vw; text-transform: uppercase; font-family: TT0140M; font-weight: bold; letter-spacing: 2vw; animation: 12s linear 0s infinite normal none running letters; }
.avg .avg_eg span { display: inline-block; width: 100vw; }
@-webkit-keyframes letters { 
  0% { transform: none; }
  100% { transform: translateX(-100vw); }
}
@keyframes letters { 
  0% { transform: none; }
  100% { transform: translateX(-100vw); }
}
.tgb { padding: 6vw 0px; background: url("/images/img/about03.jpg") center center / cover no-repeat; }
.tgb_box { width: 1100px; }
.tgb_box .tgb_p { font-size: 16px; line-height: 35px; margin-top: 2vw; }
.tgb_box .tgbDatas { justify-content: center; margin-top: 3.5vw; font-family: TT0140M; margin-bottom: 3vw; }
.tgb_box .tgbDatas_item { padding: 0px 4vw; }
.tgb_box .tgbDatas_item p { font-size: 16px; }
.tgb_box .tgbDatas_item .tgbDatas_num { margin-top: 0.8vw; }
.tgb_box .tgbDatas_item .tgbDatas_num span { font-size: 2.7vw; margin-right: 5px; line-height: 2.7vw; }
.tgb_box .tgbDatas_item .tgbDatas_num em { font-size: 20px; }
.tgb_img { width: 950px; }
.tgb_img .tgb_img_box { width: 100%; }
.tgb_img .tgb_img_box > img { width: 100%; }
.tgb_img .tgb_btn { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; }
.tgb_img .tgb_btn .tgb_see { display: inline-block; height: 44px; line-height: 44px; position: absolute; }
.tgb_img .tgb_btn .tgb_see .tgb_see_i { display: block; height: 44px; width: 44px; z-index: 2; }
.tgb_img .tgb_btn .tgb_see .tgb_see_i i { color: rgb(255, 255, 255); transition: all 0.5s ease 0s; display: inline-block; }
.tgb_img .tgb_btn .tgb_see .tgb_see_i::after { content: ""; position: absolute; width: 60%; height: 60%; left: 20%; top: 20%; background-color: rgb(248, 196, 0); z-index: -1; border-radius: 50%; transition: all 0.5s ease 0s; }
.tgb_img .tgb_btn .tgb_see .tgb_see_i::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(248, 196, 0, 0.5); z-index: -2; border-radius: 50%; transition: all 0.5s ease 0s; }
.tgb_img .tgb_btn .tgb_see .tgb_see_t { font-size: 18px; display: inline-block; padding-right: 20px; padding-left: 55px; position: absolute; top: 0px; left: 0px; background-color: rgb(248, 196, 0); white-space: nowrap; border-radius: 44px; transform: translateX(44px); opacity: 0; visibility: hidden; }
.tgb_img .tgb_btn .tgb_see.mk1 { top: 56%; left: 36%; }
.tgb_img .tgb_btn .tgb_see.mk2 { top: 37%; left: 14%; transform: scale(0.8); }
.tgb_img .tgb_btn .tgb_see.mk3 { top: 30%; left: 25.5%; transform: scale(0.8); }
.tgb_img .tgb_btn .tgb_see.mk4 { top: 47%; left: 37%; transform: scale(0.7); }
.tgb_img .tgb_btn .tgb_see.mk5 { top: 44%; left: 42%; transform: scale(0.7); }
.tgb_img .tgb_btn .tgb_see.mk6 { top: 38%; left: 45%; transform: scale(0.8); }
.tgb_img .tgb_btn .tgb_see.mk7 { top: 19%; left: 28%; transform: scale(0.8); }
.tgb_img .tgb_btn .tgb_see.mk8 { top: 13%; left: 34%; transform: scale(0.8); }
.tgb_img .tgb_btn .tgb_see.mk9 { top: 30%; left: 55%; transform: scale(0.8); }
.tgb_img .tgb_btn .tgb_see.mk10 { top: 3%; left: 39%; transform: scale(0.7); }
.tgb_img .tgb_btn .tgb_see.mk11 { top: 11%; left: 44%; transform: scale(0.8); }
.tgb_img .tgb_btn .tgb_see.mk12 { top: 36%; left: 73%; }
.tgb_img .tgb_btn .tgb_see.mk13 { top: 57%; left: 90%; }
.tgb_img .tgb_btn .tgb_see:hover { transform: none; z-index: 2; }
.tgb_img .tgb_btn .tgb_see:hover .tgb_see_i i { color: rgb(248, 196, 0); transform: rotate(270deg); }
.tgb_img .tgb_btn .tgb_see:hover .tgb_see_i::after { background-color: rgb(255, 255, 255); }
.tgb_img .tgb_btn .tgb_see:hover .tgb_see_i::before { background-color: rgb(252, 226, 128); }
.tgb_img .tgb_btn .tgb_see:hover .tgb_see_t { transform: none; opacity: 1; visibility: visible; }
.guide_mouse { position: absolute; bottom: 20px; left: 0px; width: 100%; z-index: 50; display: none; }

.zlbox{padding: 5vw 0;}
.zldw .avg_line{padding-top: 0; padding-left:30px;}
.zldw .avg_line span{color: #666;}


@keyframes moveDownSpot1 { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translateX(-20px); }
}
.guide_mouse img { width: 140px; margin: 0px auto; animation: 1s linear 0s infinite normal none running moveDownSpot1; }
.guide_mouse p { color: rgb(102, 102, 102); text-align: center; margin-top: 10px; }
.ivt_title h4 { font-size: 30px; font-weight: bold; margin-bottom: 1vw; }
.ivt_title .ivt_s span { display: inline-block; width: 2vw; height: 3px; margin-right: 2px; }
.ivt_title .ivt_s span:last-child { margin-right: 0px; }
.ivt { padding: 7vw 0px; background: url("/images/img/about04.jpg") center center / cover no-repeat; }
.ivt_line { margin-top: 4vw; margin-bottom: 3vw; align-items: center; }
.ivt_datas .ivt_datas_item { justify-content: flex-end; }
.ivt_datas .ivt_datas_num { margin-bottom: 5px; }
.ivt_datas .ivt_datas_num span { font-size: 2.7vw; margin-right: 5px; line-height: 2.7vw; }
.ivt_datas .ivt_datas_num em { font-size: 16px; }
.ivt_datas .ivt_datas_item p { font-size: 16px; }
.ivt_img { margin: 0px -0.8vw; }
.ivt_img .ivt_img_item { padding: 0px 0.8vw; }
.ivt_img .ivt_img_item > div { height: 0px; padding-bottom: 150%; }
.ivt_img .ivt_img_item .ivt_img_v { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 10px; background-color: rgb(238, 238, 238); }
.ivt_img .ivt_img_item > div img { width: 100%; height: 100%; object-fit: contain; }
.ept .ept_img { width: 55%; }
.ept .ept_img .ept_img_box img { width: 100%; }
.ept .ept_btn { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.ept .ept_see { position: absolute; }
.ept .ept_see_clr { width: 8px; height: 0px; display: inline-block; }
.ept .ept_see_clr::before { content: ""; position: absolute; width: 1px; height: 100%; border-left: 2px dashed #225e82; left: 50%; bottom: 0px; z-index: 3; transform: translateX(-50%); }
.ept .ept_see_clr > i { display: inline-block; width: 8px; height: 8px; position: absolute; bottom: 0px; left: 0px; z-index: 2; }
.ept .ept_see_clr > i::after, .ept .ept_see_clr > i::before { content: ""; width: 100%; height: 100%; left: 0px; bottom: 0px; border-radius: 50%; position: absolute; }
.ept .ept_see_clr > i::after { background-color: rgba(34, 94, 130, 0.6); transform: scale(2.5); }
.ept .ept_see_clr > i::before { background-color: #225e82; }
.ept .ept_see_txt { position: absolute; top: -36px; display: inline-block; line-height: 36px; font-size: 16px; white-space: nowrap; transform: translateX(-50%); left: 50%; z-index: 5; }
.ept .ept_see_clr:hover { height: 10vw; }
.ept .ept_see_clr:hover ~ .ept_see_txt { opacity: 1; visibility: visible; }
.ept .ept_see.vk01 { left: 33%; bottom: 37%; }
.ept .ept_see.vk02 { left: 38%; bottom: 48%; }
.ept .ept_see.vk03 { left: 41%; bottom: 47%; }
.ept .ept_see.vk04 { left: 43%; bottom: 52%; }
.ept .ept_see.vk05 { left: 47%; bottom: 56%; }
.ept .ept_see.vk06 { left: 52%; bottom: 63%; }
.ept .ept_see.vk07 { left: 61%; bottom: 55%; }
.ept .ept_see.vk08 { left: 66%; bottom: 52%; }
.ept .ept_see.vk09 { left: 71%; bottom: 48%; }
.ept .ept_see.vk10 { left: 81%; bottom: 42%; }
.ept .ept_see.vk11 { left: 60%; bottom: 49%; }
.ept .ept_see.vk12 { left: 66%; bottom: 45%; }
.ept .ept_see.vk13 { left: 72%; bottom: 40%; }
.ept { padding: 7vw 0px; }
.ept .ept_t { padding-bottom: 2vw; }
.ept .ept_t p { margin-top: 2vw; }
.ept .ept_box { padding-left: 10vw; }
.ept .ept_txt { padding-right: 8vw; width: 45%; }
.ept .ept_txt .ivt_title h4 { font-weight: 500; }
.ept .ept_txt p { font-size: 16px; line-height: 32px; }
.ept .ept_line { margin-bottom: 2.5vw; }
.ept .ept_line h5 { font-size: 24px; display: inline-block; padding-right: 4vw; margin-bottom: 1vw; }
.ept .ept_line h5::after { content: ""; position: absolute; width: 3vw; height: 1px; background-color: rgb(210, 223, 231); top: 50%; right: 0px; }
.ept .ept_avt { margin: 0px -1.2vw; }
.ept .ept_avt .ept_avt_img { padding: 0px 1.2vw; }
.ept .ept_avt .ept_avt_img > div { height: 0px; padding-bottom: 150%; }
.ept .ept_avt .ept_avt_img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; }
.acs { padding: 7vw 0px; }
.acs_line { margin-top: 5vw; }
.acs_line .acs_list { width: 25%; }
.acs_line .acs_list .acs_ul { padding-right: 5vw; overflow-y: auto; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; }
.acs_line .acs_list .acs_ul::-webkit-scrollbar { width: 2px; height: 2px; }
.acs_line .acs_list .acs_ul::-webkit-scrollbar-thumb:vertical { background-color: rgb(197, 209, 217); }
.acs_line .acs_list .acs_ul::-webkit-scrollbar-track-piece { background: rgb(238, 238, 238); }
.acs_line .acs_fold { width: 75%; padding-left: 5vw; }
.acs_line .acs_fold_list { width: 100%; }
.acs_line .acs_fold .acs_fold_item { width: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0px; left: 0px; transform: scale(0.5); }
.acs_line .acs_fold .acs_fold_item.on { opacity: 1; visibility: visible; position: relative; transition: all 1s ease 0s; transform: none; }
.acs_line .acs_fold .acs_fold_item img { width: 100%; }
.acs_list li a { line-height: 48px; font-size: 16px; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.acs_list li a::after { position: absolute; content: ""; bottom: 0px; left: 0px; width: 100%; height: 1px; background-color: rgb(238, 238, 238); }
.acs_list li a::before { position: absolute; content: ""; bottom: 0px; left: 0px; width: 10px; height: 1px; background-color: #225e82; z-index: 2; transition: all 0.5s ease 0s; }
.acs_list li a.on { color: #225e82; }
.acs_list li a.on::before { width: 100%; }
.ctr_list { background: url("/images/img/about09.jpg") center center / cover no-repeat; }
.ctr_list ul { margin-right: -1px; margin-bottom: -1px; }
.ctr_item .ctr_line { height: 0px; padding-bottom: 120%; cursor: pointer; }
.ctr_item .ctr_line_v { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); z-index: 2; overflow: hidden; }
.ctr_item .ctr_line_v::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: -100%; z-index: -1; transition: all 0.5s ease 0s; }
.ctr_item .ctr_line_v > div { transform: translateY(20%); }
.ctr_item .ctr_icon { width: 60px; height: 60px; overflow: hidden; margin-bottom: 1vw; }
.ctr_item .ctr_icon > div { width: 100%; height: 100%; }
.ctr_item .ctr_icon > div > p { align-items: center; justify-content: center; width: 100%; height: 100%; }
.ctr_item .ctr_icon > div > p > img { max-width: 100%; max-height: 100%; }
.ctr_item .ctr_name { font-size: 30px; }
.ctr_item .ctr_i { height: 2vw; width: 100%; margin: 1vw 0px; }
.ctr_item .ctr_i::after { content: ""; width: 1px; position: absolute; left: 50%; height: 100%; background-color: rgb(255, 255, 255); transition: all 0.75s ease 0s; }
.ctr_item .ctr_info { font-size: 24px; }
.czloading.on { opacity: 0; visibility: hidden; }
.czloading { position: fixed; width: 100vw; height: 100vh; align-items: center; justify-content: center; z-index: 2000; }
.czloading_logo { height: 55px; margin-right: 1vw; }
.czloading_logo img { height: 100%; }
.loader { --size: 32px; --duration: 800ms; width: 96px; height: 64px; transform-style: preserve-3d; transform-origin: 50% 50%; transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px); position: relative; }
.loader .loader_box { width: 32px; height: 32px; transform-style: preserve-3d; position: absolute; top: 0px; left: 0px; }
.loader .loader_box:nth-child(1) { transform: translate(100%, 0px); animation: 800ms linear 0s infinite normal none running box1; }
.loader .loader_box:nth-child(2) { transform: translate(0px, 100%); animation: 800ms linear 0s infinite normal none running box2; }
.loader .loader_box:nth-child(3) { transform: translate(100%, 100%); animation: 800ms linear 0s infinite normal none running box3; }
.loader .loader_box:nth-child(4) { transform: translate(200%, 0px); animation: 800ms linear 0s infinite normal none running box4; }
.loader .loader_box > div { --translateZ: calc(var(--size) / 2); --rotateY: 0deg; --rotateX: 0deg; width: 100%; height: 100%; transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ)); position: absolute; inset: auto; }
.loader .loader_box > div:nth-child(1) { background: rgb(52, 115, 152); top: 0px; left: 0px; }
.loader .loader_box > div:nth-child(2) { background: #225e82; right: 0px; --rotateY: 90deg; }
.loader .loader_box > div:nth-child(3) { background: rgb(67, 134, 173); --rotateX: -90deg; }
.loader .loader_box > div:nth-child(4) { background: rgb(238, 238, 238); top: 0px; left: 0px; --translateZ: calc(var(--size) * 3 * -1); }
@keyframes box1 { 
  0%, 50% { transform: translate(100%, 0px); }
  100% { transform: translate(200%, 0px); }
}
@keyframes box2 { 
  0% { transform: translate(0px, 100%); }
  50% { transform: translate(0px, 0px); }
  100% { transform: translate(100%, 0px); }
}
@keyframes box3 { 
  0%, 50% { transform: translate(100%, 100%); }
  100% { transform: translate(0px, 100%); }
}
@keyframes box4 { 
  0% { transform: translate(200%, 0px); }
  50% { transform: translate(200%, 100%); }
  100% { transform: translate(100%, 100%); }
}
@media screen and (min-width: 992px) {
  .header .nav > li > a:hover::after { width: 100%; left: 0px; opacity: 1; }
  .header.onshow .nav > li > a:hover { color: rgb(33, 96, 134); font-weight: bold; }
  .homeStufft_btn > a:hover { color: #225e82; }
  .homeStufft_btn > a:hover::after { border-color: #225e82; }
  .homeStufftTab li > a:hover::after { height: 100%; top: 0px; }
  .homeStufftTab li > a:hover .homeStufftTab_icon > div { transform: translateY(-100%); }
  .homeStufftTab li > a:hover .homeStufftTab_txt { color: #225e82; }
  .relevant_list li a:hover { color: rgb(248, 196, 0); }
  .relevant_more a:hover { color: rgb(248, 196, 0); }
  .homeStufftList .homeStufft_item > a:hover::after { opacity: 1; visibility: visible; }
  .homeStufftList .homeStufft_item > a:hover .homeStufft_txt { opacity: 1; visibility: visible; transform: none; }
  .homeStufftList .homeStufft_item > a:hover .homeStufft_see { opacity: 1; visibility: visible; transform: none; }
  .homeStufftList .homeStufft_item > a:hover > img { transform: scale(1.15); }
  .homeStufftList .homeStufft_item > a:hover .homeStufft_names { bottom: -50%; }
  .homeIndustry_type li > a:hover .homeIndustry_icon > div { transform: translateY(-100%); }
  .homeIndustry_type li > a:hover .homeIndustry_typename { color: #225e82; }
  .homeIndustry_relevant .homeIndustry_relevant_ul li a:hover { color: #c4000b; }
  .matching .matching_item a:hover img { transform: translateX(-2.5%) translateY(0px); }
  .homeTraffic .traffic_list li a:hover { color: rgb(248, 196, 0); }
  .homeCasec_item a:hover img { transform: scale(1.15); }
  .homeCasec_item a:hover .homeCasec_txt { opacity: 1; visibility: visible; }
  .homeCasec_item a:hover .homeCasec_name, .homeCasec_item a:hover .homeCasec_p, .homeCasec_item a:hover .homeCasec_btn { transform: none; }
  .homeCasec_item a:hover .homeCasec_txt .homeCasec_line::after, .homeCasec_item a:hover .homeCasec_txt .homeCasec_line::before { width: 100%; height: 100%; top: 0px; left: 0px; }
  .homeCasec_item a:hover .homeCasec_title { opacity: 0; }
  .footer_box .footer_nav li a:hover { color: rgb(255, 255, 255); }
  .footer_box .footer_b_line a:hover { color: rgb(255, 255, 255); }
  .secondNav_list li > a:hover { color: #225e82; font-weight: bold; }
  .secondNav_list li > a:hover::after { width: 100%; left: 0px; opacity: 1; }
  .secondNav_loc a:hover { color: #225e82; }
  .trafficbaner { padding: 8vw 0px; }
  .trafficbaner_href li a:hover .trafficbaner_icon > div { transform: translateY(-100%); }
  .trafficbaner_href li a:hover > div::after { transform: none; opacity: 1; }
  .trafficbaner_href li a:hover .trafficbaner_href_name { color: rgb(255, 255, 255); }
  .product_box li a:hover .product_img img { transform: scale(1.15); }
  .solution_list .solution_line > a:hover { background-color: #225e82; color: rgb(255, 255, 255); }
  .party_item a:hover::after { opacity: 1; width: 100%; left: 0px; }
  .party_item a:hover .party_info h5 { color: rgb(255, 255, 255); }
  .party_item a:hover .party_time { color: rgb(255, 255, 255); }
  .party_item a:hover .party_info p { color: rgba(255, 255, 255, 0.8); }
  .party_item a:hover .party_time span { border-color: rgb(255, 255, 255); }
  .solution_tab li a:hover { color: #225e82; }
  .solution_tab li a:hover::before, .solution_tab li a:hover::after { width: 1vw; }
  .solution_item > a:hover .solution_txt { height: 100%; }
  .solution_item > a:hover::after { opacity: 1; }
  .solution_item > a:hover .solution_img img { transform: scale(1.15); }
  .solution_item > a:hover .solution_more { opacity: 1; transform: none; }
  .case_list .case_item > a:hover .case_title span, .case_list .case_item > a:hover .case_title i { color: #225e82; }
  .case_list .case_item > a:hover .case_img img { transform: scale(1.15); }
  .paging li a:hover { background: #225e82; color: rgb(255, 255, 255); border-color: #225e82; }
  #casedtl_list > a:hover { background-color: #225e82; color: rgb(255, 255, 255); }
  .new_item a:hover .new_title { color: #225e82; }
  .new_item a:hover .new_img img { transform: scale(1.15); }
  .new_item a:hover .new_info::after { width: 100%; }
  .Hot_list li a:hover { color: #225e82; }
  .Hot_list li a:hover::before { background-color: #225e82; }
  .mpc_cnt .mpc_switch > a:hover { background-color: #225e82; color: rgb(255, 255, 255); }
  .homeNews_l .homeNews_item > a:hover .homeNews_img img { transform: scale(1.15); }
  .homeNews_l .homeNews_item > a:hover .homeNews_title { color: #c4000b; }
  .homeNews_l .homeNews_item > a:hover .homeNews_title::after { width: 100%; }
  .homeNews_r .homeNews_item > a:hover .homeNews_title { color: #225e82; }
  .open_effect { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 999; transition: all 1s ease 0s; }
  .wow.animated .open_effect.openL { transform: translateX(-100%); }
  .wow.animated .open_effect.openR { transform: translateX(100%); }
  .wow.animated .open_effect.openT { transform: translateY(100%); }
  .wow.animated .open_effect.openB { transform: translateY(-100%); }
  .acs_list li a:hover { color: #225e82; }
  .acs_list li a:hover::before { width: 100%; }
  .ctr_item .ctr_line_v:hover .ctr_icon > div { transform: translateY(-100%); }
  .ctr_item .ctr_line_v:hover > div { transform: none; color: #225e82; }
  .ctr_item .ctr_line_v:hover::after { top: 0px; background-color: rgba(255, 255, 255, 0.8); }
  .ctr_item .ctr_line_v:hover .ctr_i::after { background-color: #225e82; }
  #homeBanner .homeBanner_switch:hover { background: rgba(255, 196, 0, 0.7); }
  .nav_two > li > a:hover { background: rgb(245, 245, 245); color: #225e82; }
  .header .nav > li:hover .nav_two { top: 100%; opacity: 1; visibility: visible; }
}
@media screen and (max-width: 1600px) {
  .header .nav > li { margin-right: 2.4vw; }
  .header .nav { margin-right: 4.6vw; }
  .homeAbout_data .data_item:first-child { width: 50%; }
  .homeTraffic_b li a { padding: 1.5vw; }
  #mpc_tab { line-height: 50px; height: 50px; }
  #mpc_tab li a { font-size: 16px; padding: 0px 22px; }
  .mpc_cnt .mpc_line h4 { font-size: 28px; line-height: 28px; }
  .mpc_cnt .mpc_switch > a { width: 40px; height: 40px; line-height: 40px; }
  #mpc_img .mpc_img_txt h5 { font-size: 22px; }
  .ctr_item .ctr_name { font-size: 26px; }
  #homeBanner .homeBanner_switch { background: rgba(0, 0, 0, 0.7); width: 85px; height: 85px; line-height: 85px; }
  #homeBanner .homeBanner_switch.swiper-button-prev { left: -28px; }
  #homeBanner .homeBanner_switch.swiper-button-next { right: -28px; }
  #homeBanner .homeBanner_switch i { margin: 18px; }
}
@media screen and (max-width: 1400px) {
  .header { padding: 0px 25px; }
  /* .header .phone { display: none; } */
  .header .nav { margin-right: 30px; }
  .homeStufftTab li > a { padding: 4vw 0px 4vw 15px; }
  .matching .matching_more span:first-child { font-size: 18px; }
  .homeStufftTab .homeStufftTab_icon { width: 36px; height: 36px; }
  .homeStufftTab .homeStufftTab_txt { font-size: 18px; }
  .homeStufftList .homeStufft_txt .homeStufft_name, .homeStufftList .homeStufft_names { font-size: 20px; }
  .solution_list .solution_line > a { background-color: #225e82; color: rgb(255, 255, 255); }
  .mpc_cnt .mpc_line h4 { font-size: 26px; line-height: 26px; }
  #mpc_img .mpc_img_txt h5 { font-size: 20px; }
  .new_item .new_title { font-size: 18px; }
  .new_item .new_p { font-size: 14px; line-height: 26px; height: 52px; }
  .master_title02 h4 { font-size: 24px; line-height: 24px; }
  .comment_txt .comment_phone h4 { font-size: 24px; line-height: 24px; }
  .comment_txt .comment_phone p { margin-bottom: 5px; }
  .homeStufftList .datalist .datalist_number span { font-size: 28px; }
  .about_info h4 { font-size: 26px; }
  .ivt_title h4 { font-size: 24px; }
  .ept .ept_line h5 { font-size: 20px; }
  .ctr_item .ctr_name { font-size: 24px; }
  .ctr_item .ctr_info { font-size: 20px; }
  .ctr_item .ctr_icon { width: 50px; height: 50px; }
  #homeBanner .homeBanner_switch { background: rgba(0, 0, 0, 0.7); width: 75px; height: 75px; line-height: 75px; }
  #homeBanner .homeBanner_switch.swiper-button-prev { left: -24px; }
  #homeBanner .homeBanner_switch.swiper-button-next { right: -24px; }
  #homeBanner .homeBanner_switch i { font-size: 22px; margin: 16px; }
}
@media screen and (max-width: 1300px) {
    .header .phone { display: none; } 

}


@media screen and (max-width: 1200px) {
  .header .nav > li > a { font-size: 15px; line-height: 58px; }
  .homeAbout .homeAbout_info { font-size: 20px; }
  .footer_box .footer_nav li { padding-left: 2vw; }
  .homeStufftList .homeStufft_see > img { width: 40px; }
  .homeStufftList .homeStufft_txt .homeStufft_icon > img { width: 30px; }
  .homeTraffic_b .homeTraffic_name { font-size: 18px; }
  .homeTraffic_b .homeTraffic_name img { height: 30px; }
  .homeCasec_list > .homeCasec_item { display: none; }
  .homeCasec_ul { width: 100%; }
  .masterTitle02 p { font-size: 20px; }
  .mpc_cnt .mpc_line h4 { font-size: 24px; line-height: 24px; }
  #mpc_img .mpc_img_txt h5 { font-size: 18px; }
  .mpc_cnt .mpc_line .mpc_line_txt { height: 160px; }
  #mpc_tab { height: 46px; line-height: 46px; }
  #mpc_tab li a { font-size: 15px; padding: 0px 20px; }
  .party_info h5 { font-size: 22px; }
  .comment_txt .comment_phone h4 { font-size: 22px; line-height: 22px; }
  .homeStufftList .datalist .datalist_number span { font-size: 24px; }
  .homeStufftList .datalist .datalist_name { font-size: 14px; }
  .homeStufftList .datalist .datalist_number em { font-size: 14px; }
  .about_info h4 { font-size: 24px; }
  .master_title03 h2 { font-size: 28px; line-height: 28px; }
  .avg_box .avg_line h4 { font-size: 22px; line-height: 22px; }
  .tgb_box { width: 100%; }
  .ivt_title h4 { font-size: 22px; }
  .ept .ept_line h5 { font-size: 18px; }
  .ctr_item .ctr_name { font-size: 22px; }
  .ctr_item .ctr_info { font-size: 18px; }
  #homeBanner .homeBanner_switch { background: rgba(0, 0, 0, 0.7); width: 70px; height: 70px; line-height: 70px; }
  #homeBanner .homeBanner_switch i { font-size: 20px; margin: 14px; }
  .ept .ept_box { flex-wrap: wrap; padding: 0px 15px; }
  .ept .ept_txt { width: 100%; padding-right: 0px; }
  .ept .ept_img { width: 100%; margin-top: 20px; }
  .ept .ept_avt .ept_avt_img { width: 25%; }
}
@media screen and (max-width: 992px) {
  .header .logo { padding: 0px 0px; }
  .header .logo img { height:50px; }
  .header .menu .menu_btn { display: block; }
  .container.m_scale { transform: translateY(-50vh); padding-bottom: 50vh; }
  .header::after { display: none; }
  .header > .right { position: fixed; width: 100vw; height: calc(-50px + 100vh); left: 0px; top: 100%; float: none; display: flex; justify-content: center; align-items: center; background-color: #fff; }
  .header .nav { float: none; width: 100%; text-align: center; margin-right: 0 !important;}
  .header .nav > li { float: none; margin-right: 0px; }
  .header .nav > li > a { padding: 0px; line-height: 56px;color: #000; font-size: 18px;}
  .client{display: none;}
  .header .phone { display: block; float: none; position: absolute; bottom: 10px; left: 0px; width: 100%; padding: 0px; }
  .header .phone .phone_line { line-height: 46px; padding: 0px; }
  .header.onshow .nav > li > a.on::after { width: 70px; left: 50%; margin-left: -35px; }
  .header .phone .phone_line .phoneIcon { margin-right: 8px; }
  .header .phone .phone_line .phonetxt { font-size: 18px; line-height: 23px; }
  .header.mobile_side > .right { top: 50px; }
  #homeBanner { height: 24vh; margin-top: 40px;}
  #homeBanner .homeBanner_h { font-size: 24px; line-height: 24px; }
  #homeBanner .homeBanner_p { margin-top: 15px; margin-bottom: 10px; letter-spacing: 1px; font-size: 16px; }
  #homeBanner .mouse-of { display: none; }
  #homeBanner .banner_bubble { width: 50px; height: 50px; bottom: 15px; margin-left: -25px; }
  .zhanwei{height: 50px !important;}
  .homeAbout { padding-top: 40px; }
  .homeAbout_box { flex-wrap: wrap; }
  .homeAbout .masterTitle01 { height: 50px; }
  .homeAbout .homeAbout_title { font-size: 23px; line-height: 23px; }
  .homeAbout .homeAbout_info { font-size: 18px; margin-top: 5px; }
  .homeAbout .homeAbout_txt { width: 100%; }
  .homeAbout .homeAbout_earth { width: 100%; padding-left: 0px; }
  .homeAbout .homeAbout_line { margin-top: 20px; line-height: 26px; font-size: 14px; }
  .homeAbout_data { padding: 20px 0px; }
  .homeAbout_data .data_item { width: 50%; }
  .data_item .data_number > span { font-size: 28px; }
  .data_item .data_number { line-height: 28px; margin-bottom: 5px; }
  .data_item .data_number > em { font-size: 12px; }
  .homeAbout_data .data_line { padding: 10px 0px; }
  .data_item .data_p { font-size: 12px; }
  .homeAbout_data .data_item:first-child { padding-right: 10px; }
  .homeStufft { padding-top: 40px; }
  .homeStufft_t { flex-wrap: wrap; }
  .homeStufft_t .homeStufft_title { width: 100%; padding-right: 0px; }
  .homeStufft_t .homeMaster_more { width: 100%; margin-top: 20px; }
  .homeMaster_more a { width: 130px; height: 38px; line-height: 38px; }
  .homeMaster_more a span { font-size: 14px; margin-right: 5px; }
  .homeMaster_more a i { font-size: 14px; }
  .homeStufft_t .homeStufft_title h3 { font-size: 22px; line-height: 22px; margin-bottom: 15px; }
  .homeStufft_t .homeStufft_title p { font-size: 14px; line-height: 26px; }
  .homeStufft_box { margin-top: 40px; }
  .homeStufftTab { width: 100%; overflow: hidden; }
  .homeStufftList { width: 100%; padding: 20px 15px; }
  .homeStufftTab li { float: left; width:50%; }
  .homeStufftTab .homeStufftTab_icon { width: 24px; height: 24px; display: none;}
  .homeStufftTab .homeStufftTab_txt { font-size: 14px; padding-left: 8px; }
  .homeStufftTab li > a { padding: 0px; height: 56px; justify-content: left; padding-left: 20px;}
  .homeStufftList .homeStufft_names { padding-bottom: 10px; font-size: 18px; }
  .homeStufft_btn > a { width: 38px; height: 38px; line-height: 38px; }
  .homeStufft_btn > a > i { font-size: 16px; }
  .homeStufft_nav { height: 38px; line-height: 38px; padding-right: 0px; margin-top: 20px; }
  .homeStufft_number span { font-size: 20px; }
  .homeStufft_number em { font-size: 12px; }
  .homeStufft_btn > a:first-child { margin-right: 10px; }
  .footer { padding: 25px 0px; }
  .footer_box { padding: 0px 15px; }
  .footer_box .footer_t { flex-wrap: wrap; justify-content: center; align-items: stretch; padding-bottom: 15px; }
  .footer_box .footer_nav { margin-left: 0px; margin-top: 15px; width: 100%; text-align: center; }
  .footer_box .footer_logo img { height: 44px; }
  .footer_box .footer_nav li { padding: 5px 0px; width: 25%; }
  .footer_box .footer_nav li a { font-size: 14px; }
  .footer_box .footer_b_title { display: none; }
  .footer_box .footer_b { flex-direction: column; text-align: center; padding-top: 15px; }
  .footer_box .footer_b .flex_item { width: 100%; padding: 0px; }
  .footer_box .footer_b .flex_item:first-child { order: 2; }
  .footer_code { display: none; }
  .footer_box .footer_b_line { font-size: 14px; line-height: 26px; }
  .footer_box .footer_b_line p:nth-child(3), .footer_box .footer_b_line p:nth-child(4) { display: none; }
  .relevant_box { flex-wrap: wrap; }
  .relevant_box .relevant_title { font-size: 16px; }
  .relevant_list li { padding: 5px 0px; }
  .relevant_list li a { font-size: 14px; padding: 0px 8px; }
  .relevant_list { width: 100%; margin: -5px -8px; padding-top: 15px; padding-right: 0px; }
  .relevant { padding: 25px 0px; }
  .relevant_more a > i { font-size: 16px; }
  .homeIndustry .homeIndustry_title { font-size: 22px; line-height: 22px; }
  .homeIndustry_relevant .homeIndustry_relevant_ul li { width: auto; }
  .homeIndustry_box { flex-wrap: wrap; }
  .homeIndustry { padding-top: 40px; padding-bottom: 70px; }
  .homeIndustry .homeIndustry_txt { width: 100%; padding-right: 0px; }
  .matching { width: 65%; padding-left: 0px; margin-top: 30px; }
  .homeIndustry .masterTitle01 { height: 54px; }
  .homeIndustry .homeIndustry_line { font-size: 14px; line-height: 26px; margin-top: 15px; }
  .homeIndustry_type { margin: 10px 0px; }
  .homeIndustry_type li { width: 25%; }
  .homeIndustry_type li a { padding: 10px 0px; }
  .homeIndustry_type .homeIndustry_icon { width: 32px; height: 32px; }
  .homeIndustry_type .homeIndustry_typename { font-size: 12px; margin-top: 5px; }
  .homeIndustry_relevant .homeIndustry_relevant_title { margin-bottom: 15px; font-size: 16px; }
  .homeIndustry_relevant .homeIndustry_relevant_ul { margin: -5px -8px; }
  .homeIndustry_relevant .homeIndustry_relevant_ul li { padding: 5px 0px; }
  .homeIndustry_relevant { margin-top: 25px; }
  .homeIndustry_relevant .homeIndustry_relevant_ul li a { padding: 0px 8px; font-size: 14px; }
  .matching .matching_more span:first-child { font-size: 16px; }
  .matching .matching_more span:last-child { font-size: 14px; }
  .matching .matching_more { right: 10px; bottom: 20px; top: 20px; }
  .matching .matching_item:first-child { padding-right: 5px; }
  .matching .matching_item:last-child { padding-left: 5px; transform: translateY(30px); }
  .homeTraffic { padding-top: 40px; }
  .homeTraffic .homeTraffic_title h3 { font-size: 22px; line-height: 22px; margin-bottom: 10px; }
  .homeTraffic .homeTraffic_title p { font-size: 14px; line-height: 26px; }
  .homeTraffic .homeTraffic_title { padding-bottom: 15px; }
  .homeTraffic .homeTraffic_relevant { margin-top: 15px; flex-wrap: wrap; }
  .homeTraffic .traffic_list { margin: -5px -8px; padding-top: 15px; width: 100%; }
  .homeTraffic .traffic_list li { padding: 5px 0px; }
  .homeTraffic .traffic_list li a { font-size: 14px; padding: 0px 8px; }
  .homeTraffic .homeTraffic_title::after { width: 100%; }
  .homeTraffic .traffic_more { position: absolute; right: 0px; top: 0px; height: 100%; margin-left: 0px; }
  .homeTraffic .homeTraffic_b { flex-wrap: wrap; align-items: stretch; margin-top: 50px; }
  .homeTraffic .homeTraffic_b li { width: 100%; padding-bottom: 10px; }
  .homeTraffic .homeTraffic_b li:last-child { padding-bottom: 20px; }
  .homeTraffic .homeTraffic_b li a { border-radius: 10px; }
  .homeTraffic_b .homeTraffic_p { height: auto; font-size: 14px; line-height: 26px; }
  .homeTraffic_b .homeTraffic_p > div { padding-top: 10px; }
  .homeTraffic_b .homeTraffic_name img { height: 26px; margin-right: 10px; }
  .homeTraffic_b .homeTraffic_name { font-size: 16px; }
  .homeTraffic_b li a { padding: 15px; }
  .homeCasec_list .homeCasec_item a { inset: 5px; }
  .homeCasec_ul .homeCasec_item .homeCasec_title { padding-bottom: 10px; }
  .masterTitle02 h2 { font-size: 24px; line-height: 24px; margin-bottom: 5px; }
  .masterTitle02 p { font-size: 16px; }
  .homeCase { padding-top: 40px; }
  .homeCasec_list { padding-top: 20px; padding-bottom: 25px; margin: -5px; }
  .homeMaster_more01 { width: 150px; height: 40px; line-height: 34px; }
  .homeMaster_more01 > a { padding: 3px; }
  .homeMaster_more01 > a i { width: 34px; height: 34px; font-size: 16px; }
  .homeMaster_more01 > a span { font-size: 16px; }
  .homeorder { padding-top: 50px; }
  .homeorder_cnt { margin-top: 20px; }
  .homeNews { padding: 40px 0px; }
  .homeNews_list { flex-wrap: wrap; padding-top: 20px; padding-bottom: 25px; }
  .homeNews_list .homeNews_l { width: 100%; }
  .homeNews_list .homeNews_r { width: 100%; padding-left: 0px; margin-top: 20px; }
  .homeNews_r .homeNews_item { height: auto; }
  .homeNews_r .homeNews_item > a { padding: 15px 0px; }
  .homeNews_list .homeNews_title { font-size: 16px; margin-bottom: 6px; }
  .homeNews_list .homeNews_p { font-size: 14px; line-height: 24px; }
  .homeNews_l .homeNews_time { font-size: 17px; padding: 5px 10px; }
  .homeNews_l .homeNews_txt { padding-top: 12px; }
  .homeNews_r .homeNews_times span { font-size: 25px; line-height: 25px; }
  .homeNews_r .homeNews_times em { font-size: 12px; }
  .homeNews_r .homeNews_times { padding-right: 15px; }
  .master_title h3 { font-size: 22px; line-height: 22px; }
  .master_title p { font-size: 14px; }
  .solution_tab { flex-wrap: wrap; padding: 15px 15px 0px; margin: -5px 0px; }
  .solution_tab li { width: 25%; padding: 5px 0px; }
  .solution_tab li a.on::before, .solution_tab li a.on::after { width: 10px; }
  .solution_tab li a { padding: 0px 15px; font-size: 15px; line-height: 26px; }
  .solution_item .solution_txt h5 { font-size: 18px; }
  .solution_item .solution_txt p { font-size: 12px; }
  .solution .solution_line .swiper-container { padding-bottom: 0px; }
  .solution_list .solution_line > a { width: 38px; height: 38px; line-height: 38px; margin-top: -19px; }
  .solution_list { margin-top: 20px; }
  .solution { padding: 40px 0px; }
  #h-banner { min-height: 46vw; }
  .secondNav_loc { display: none; }
  .secondNav_list li { padding: 0px 10px;width: 50%;}
  .secondNav_list li > a, .secondNav_loc { line-height: 46px;font-size: 14px;}
  .trafficbaner_txt .trafficbaner_title { margin-bottom: 15px; }
  .trafficbaner_txt .trafficbaner_title h1 { font-size: 24px; line-height: 24px; margin-bottom: 10px; }
  .trafficbaner_txt .trafficbaner_title p { font-size: 16px; line-height: 26px; }
  .trafficbaner_txt .trafficbaner_line { line-height: 28px; font-size: 14px; }
  .trafficbaner_href { padding-top: 25px; width: 600px; margin: -10px; }
  .trafficbaner_href li { padding: 5px; }
  .trafficbaner_txt { padding: 40px 0px; }
  .trafficbaner_href .trafficbaner_icon { height: 26px; }
  .trafficbaner_href .trafficbaner_href_name { font-size: 14px; margin-top: 5px; }
  .product { padding-top: 40px; }
  .product_box { padding-top: 25px; margin: 0px -8px; }
  .product_box li { padding: 0px 8px; }
  .product_box .product_title { font-size: 18px; padding: 12px 0px; }
  .pageCases { padding-top: 40px; }
  .pageCases .pageCases_box { padding-top: 25px; padding-bottom: 40px; }
  .pagetitle h3 { font-size: 23px; line-height: 23px; margin-bottom: 8px; }
  .pagetitle p { font-size: 18px; line-height: 18px; }
  .mpc_cnt .mpc_line { margin-top: 20px; }
  .mpc_cnt .mpc_line h4 { font-size: 22px; line-height: 22px; margin-bottom: 10px; }
  #mpc_img .mpc_img_txt h5 { font-size: 16px; }
  #mpc_img { position: static; width: 100%; order: -1; padding: 15px; }
  .mpc_box { flex-wrap: wrap; }
  .mpc .mpc_info { width: 100%; padding: 15px; }
  .mpc .mpc_cnt { width: 100%; }
  #mpc_tab { line-height: 40px; height: 40px; }
  #mpc_tab li a { font-size: 14px; padding: 0px 15px; }
  #mpc_img .mpc_img_txt p { font-size: 14px; }
  #mpc_img .mpc_img_txt { padding: 15px; }
  .mpc_cnt .mpc_switch { margin-bottom: 25px; margin-top: 20px; }
  .mpc_cnt .mpc_line .mpc_line_txt { font-size: 14px; line-height: 24px; height: auto; }
  #mpc_img .mpc_img_item { height: 0px; padding-bottom: 150%; }
  #mpc_img .mpc_img_item img { position: absolute; top: 0px; left: 0px; }
  .mpc { padding-top: 40px; }
  .mpc_cnt .mpc_switch > a { width: 38px; height: 38px; line-height: 38px; }
  .mpc_cnt .mpc_switch > a:first-child { margin-right: 10px; }
  .sbnCase .sbnCase_title h3 { font-size: 24px; }
  .sbnCase { padding: 40px 0px; }
  .case_list { margin: -14px -6px; }
  .case_list .case_item { width: 50%; padding: 14px 6px; }
  .case_list .case_item .case_title { padding: 10px; }
  .case_list .case_item .case_title span { font-size: 16px;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;}
  .case_list .case_item .case_title i { font-size: 22px; }
  .paging li a { width: 38px; height: 38px; line-height: 38px; }
  .paging li { padding: 0px 5px; }
  .case_box { padding-bottom: 30px; }
  .case { padding: 40px 0px; }
  .casedtl_box .casedtl_title h3 { font-size: 22px; line-height: 22px; margin-bottom: 15px; }
  .casedtl_box .casedtl_title p { font-size: 14px; line-height: 26px; }
  #casedtl_list .casedtl_item { border-width: 8px; }
  #casedtl_list > a { width: 38px; height: 38px; line-height: 38px; }
  #casedtl_list { margin-top: 25px; margin-bottom: 40px; }
  .casedtl { padding: 40px 0px; }
  .casedtl_box .casedtl_switch { width: 100%; }
  .dtl_switch li a i { font-size: 18px; width: 32px; height: 32px; line-height: 32px; }
  .dtl_switch li a span { font-size: 14px; }
  .dtl_switch li a { height: 32px; line-height: 32px; }
  .party_info h5 { font-size: 18px; margin-bottom: 10px; }
  .party_info p { font-size: 14px; line-height: 26px; }
  .party_txt .party_time span { font-size: 26px; line-height: 26px; }
  .party_txt .party_time em { font-size: 14px; }
  .party_txt { padding-right: 0px; }
  .party_txt .party_time { padding-right: 20px; }
  .party_item { padding-top: 20px; }
  .party_item a { padding-bottom: 20px; }
  .party_box { margin-bottom: 30px; }
  .party { padding: 40px 0px; }
  .newdtl .newdtl_Hot { display: none; }
  .newdtl .newdtl_info { width: 100%; padding-right: 0px; }
  .newdtl { padding:20px 0px;background: #fff;}
  .nyban .nywenzi h2{font-size: 24px; line-height: 40px;}
  .nyban .nywenzi p{font-size: 18px;}
  .newdtl_info .newdtl_title { padding-bottom: 10px; }
  .newdtl_info .newdtl_title h4 { font-size: 20px; margin-bottom: 15px; }
  .newdtl_info .newdtl_record { font-size: 14px; }
  .newdtl_info .newdtl_content { font-size: 14px; line-height: 26px; padding: 20px 0px; }
  .newdtl_info .newdtl_record span { margin-right: 15px; }
  .newdtl .newdtl_info > div { padding: 15px; }
  .new_item { width: 50%; padding: 15px 8px; }
  .new_list { margin: -15px -8px; }
  .new { padding: 40px 0px; }
  .new_item .new_info { padding: 15px 10px; }
  .new_item .new_title { margin-bottom: 8px; }
  .new_item .new_time { font-size: 14px; margin-top: 15px; }
  .new_box { padding-bottom: 30px; }
  .master_title02 h4 { font-size: 22px; line-height: 22px; padding-bottom: 15px; }
  .master_title02 h4::after { width: 40px; }
  .master_title02 p { font-size: 14px; line-height: 26px; margin-top: 10px; }
  .contact .contact_box { flex-wrap: wrap; }
  .contact .contact_txt { order: 2; width: 100%; padding: 35px 15px; }
  .contact_map { width: 100%; height: 50vh; }
  .contact_txt .contact_line { padding-bottom: 10px; line-height: 26px; font-size: 14px; }
  .contact_txt .contact_line .contact_icon { width: 26px; height: 26px; }
  .contact_txt .contact_info { margin-top: 25px; }
  .contact_txt .contact_code { margin-top: 20px; }
  .contact .contact_txt > div { padding: 0px; }
  .comment_txt .comment_phone h4 { font-size: 20px; line-height: 20px; }
  .comment .comment_box > div { flex-wrap: wrap; }
  .comment_txt { width: 100%; padding-right: 0px; }
  .comment_txt .comment_phone { margin-top: 30px; }
  .comment_form { width: 100%; margin-top: 50px; }
  .comment { padding-top: 15px; }
  .comment .comment_box { padding-top: 25px; padding-bottom: 40px; }
  .comment_form .comment_form_line { padding: 5px 0px; margin-bottom: 10px; }
  .comment_form .comment_submit { margin-top: 25px; }
  .comment_form .comment_submit > button { width: 130px; height: 38px; }
  .homeStufftList .datalist .datalist_item { padding: 15px 5px; }
  .homeStufftList .datalist { margin: -15px -5px; }
  .homeStufftList .datalist .datalist_number span { font-size: 22px; }
  .about_info h4 { font-size: 20px; padding-bottom: 10px; }
  .about_info .about_info_p { line-height: 28px; }
  .about_info .about_info_p span { font-size: 14px; }
  .about_info .about_info_p s { font-size: 15px; }
  .about_info { width: 100%; padding: 40px 15px; }
  .about_info > div { margin-top: 10px; padding-right: 15px; }
  .about_info .about_info_p { margin-top: 10px; }
  .avg_box { flex-wrap: wrap; }
  .avg_box .avg_l { width: 100%; padding-right: 0px; }
  .avg_box .avg_r { width: 100%; padding-left: 0px; }
  .avg_box .avg_txt { padding-top: 25px; }
  .avg .avg_eg { top: 20px; }
  .master_title03 h2 { font-size: 24px; line-height: 24px; }
  .master_title03 p { font-size: 14px; }
  .avg_box .avg_line { background-size: 12px; padding-top: 18px; margin-bottom: 20px; }
  .avg_box .avg_line h4 { margin-bottom: 10px; font-size: 20px; line-height: 20px; }
  .avg_box .avg_line p { font-size: 14px; line-height: 26px; }
  .avg_box .avg_img { height: 0px; padding-bottom: 130%; }
  .avg { padding: 40px 0px; }
  .tgb_box .tgb_p { font-size: 14px; line-height: 26px; margin-top: 20px; }
  .tgb_box .tgbDatas { margin-top: 25px; margin-bottom: 20px; }
  .tgb_box .tgbDatas_item .tgbDatas_num { margin-top: 5px; }
  .tgb_box .tgbDatas_item p { font-size: 14px; }
  .tgb_box .tgbDatas_item .tgbDatas_num span { font-size: 28px; line-height: 28px; }
  .tgb { padding: 40px 0px; }
  .ivt { padding: 40px 0px; }
  .ivt_line { flex-wrap: wrap; margin-top: 25px; margin-bottom: 20px; }
  .ivt_line .ivt_title { width: 100%; }
  .ivt_line .ivt_datas { width: 100%; margin-top: 10px; flex-wrap: wrap; }
  .ivt_datas .ivt_datas_item { justify-content: flex-start; }
  .ivt_title h4 { font-size: 20px; margin-bottom: 0px; }
  .ivt_title .ivt_s span { width: 15px; }
  .ivt_img .ivt_img_item { width: 33.3333%; padding: 5px; }
  .ivt_img { margin: -8px; }
  .ivt_datas .ivt_datas_item { width: 33.3333%; padding: 10px 0px; }
  .ivt_datas .ivt_datas_item:last-child { width: auto; }
  .ivt_datas .ivt_datas_item p { font-size: 12px; }
  .ivt_datas .ivt_datas_num span { font-size: 26px; line-height: 26px; }
  .ivt_datas .ivt_datas_num em { font-size: 14px; }
  .ept { padding: 40px 0px; }
  .ept .ept_line h5 { font-size: 16px; }
  .ept .ept_txt p { font-size: 14px; line-height: 26px; }
  .ept .ept_t p { margin-top: 15px; }
  .ept .ept_t { padding-bottom: 15px; }
  .ept .ept_line { margin-bottom: 20px; }
  .ept .ept_line h5 { padding-right: 30px; margin-bottom: 10px; }
  .ept .ept_line h5::after { width: 25px; }
  .ept .ept_avt { margin: 0px -5px; }
  .ept .ept_avt .ept_avt_img { padding: 0px 5px; }
  .acs_line { flex-wrap: wrap; }
  .acs { padding: 40px 0px; }
  .acs_line { margin-top: 30px; }
  .acs_line .acs_list { width: 100%; padding-right: 0px; max-height: 38vh; margin-top: 25px; }
  .acs_line .acs_fold { width: 100%; padding-left: 0px; order: -1; }
  .acs_line .acs_list .acs_ul { position: static; }
  .acs_list li a { font-size: 14px; line-height: 38px; }
  .ctr_item .ctr_name { font-size: 20px; }
  .ctr_item .ctr_info { font-size: 16px; }
  .ctr_item { width: 50%; }
  .ctr_item .ctr_icon { width: 40px; height: 40px; }
  .ctr_item .ctr_icon { margin-bottom: 10px; }
  .ctr_item .ctr_i { margin: 10px 0px; height: 15px; }
  .loader { --size: 24px; width: 72px; height: 48px; }
  .loader .loader_box { height: 24px; width: 24px; }
  .czloading_logo { height: 48px; margin-right: 10px; }
  #homeBanner .homeBanner_switch { display: none; }
  .tgb_img { overflow-x: auto; width: 100%; }
  .tgb_img .tgb_img_box { width: 900px; margin: 0px auto; }
  .guide_mouse { display: block; }
  .tgb_img .tgb_btn .tgb_see { width: 38px; line-height: 38px; }
  .tgb_img .tgb_btn .tgb_see .tgb_see_i { width: 38px; height: 38px; }
  .tgb_img .tgb_btn .tgb_see .tgb_see_t { padding-left: 48px; font-size: 14px; padding-right: 15px; }
  .ept .ept_img { overflow-x: auto; }
  .ept .ept_img_box { width: 900px; margin: 0px auto; }
  .ept .ept_see_txt { font-size: 14px; line-height: 32px; }
  .ept .ept_see_clr:hover { height: 70px; }
}
@media screen and (max-width: 768px) {
  .matching { width: 100%; }
  .trafficbaner_href { width: 100%; }
  .product_box { margin: -8px; }
  .product_box li { width: 100%; float: none; padding: 8px; }
  .lxdh,.homeTraffic_b .homeTraffic_p > div{display: none;}
  .homeStufft_t .homeStufft_title h3 span{font-size: 14px;}
}
.spbox img{width:80px;}
.spbox::before{content:"";width: 80px; height:80px; position: absolute; left: 0; top: 0; background-color: #c4000b; z-index:-1; border-radius: 50%; animation: da 2s linear infinite;}

/*.homeTraffic_box ul li{width: 48%; border: 5px solid #fff; margin: 0; margin-bottom: 4%;}*/
/*.homeTraffic_box ul li:nth-child(2n){float: right;}*/

@media screen and (min-width: 1600px) {
  .header,.row{padding: 0 8vw;}
  .homeStufftTab li > a{padding: 2vw 0px 2vw 8vw;}

}
@media screen and (max-width: 425px) {
  .homeAbout .masterTitle01 { width: 100%; height: auto; }
  .masterTitle01 .masterTitle01_initials { height: auto; width: 100%; }
  .masterTitle01 .masterTitle01_initials > img { height: auto; width: 100%; }
  .homeIndustry .masterTitle01 { width: 100%; height: auto; }
  .homeIndustry .masterTitle01_initials { height: auto; width: 100%; }
  .homeIndustry .masterTitle01_initials > img { height: auto; width: 100%; }
  .homeCasec_ul .homeCasec_item { width: 100%; float: none; padding: 8px 0px; }
  .homeCasec_list .homeCasec_item a { inset: 0px; }
  .homeCasec_list { margin: -8px 0px; }
  .homeNews_list .homeNews_l { margin: -8px 0px; }
  .homeNews_l .homeNews_item { width: 100%; float: none; padding: 8px 0px; }
  .trafficbaner_href { margin: -5px; }
  .trafficbaner_href li { width: 25%; }
  .trafficbaner_href .trafficbaner_href_name { font-size: 12px; }
  .case_list .case_item { width: 100%; float: none; padding: 10px 0px; }
  .case_list { margin: -10px 0px; }
  .dtl_switch li a i { margin-right: 0px; }
  .dtl_switch li:nth-child(2) a span { display: none; }
  .new_list { margin: -8px 0px; }
  .new_item { width: 100%; float: none; padding: 8px 0px; }
  .ivt_img .ivt_img_item { width: 50%; }
  .ept .ept_avt .ept_avt_img { width: 50%; }
  .ctr_item .ctr_name { font-size: 18px; }
  .ctr_item .ctr_info { font-size: 14px; }
  .ctr_item .ctr_icon { width: 30px; height: 30px; }
}