*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; font-family:'Noto Sans SC'; font-size:12px; font-weight: normal;}
html{ background-color:#fff; }
h3,h4,h5,h6,a,span,p{ display: block;}
img { display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;font-size: 10px;}
.imgbox {overflow: hidden;position: relative;}




 
/* 字体 */

@font-face {
    /* 思源黑体 - Regular */
    font-family: 'Num';
    src: url('../../style/font/Num.ttf');
    src: url('../../style/font/Num.woff') format('truetype');
}
 

 

input{ -webkit-appearance:none; } 


 



.icenter { width:1280px; margin:0 auto; }
 

  


 
 .footer{ background: url(../img/footerbg.jpg) fixed; background-size: cover; position: relative; overflow: hidden;     padding-top: 240px; }

.footer_bb{  display: block; overflow: hidden; padding:0 0 60px;  position: relative; }
.footer_bb .icenter{ display: flex; position: relative; z-index: 3;}
.footer_bb .icenter p{ color: #000; font-size: 14px; }
.footer_bb .icenter a{ color: #000; font-size: 14px; margin: 0 0 0 40px; }
.footer_bb .icenter a:hover{ color: #2ba6a4; }


.footer_aa{ display: block; overflow: hidden; padding:60px 0 0; position: relative; }
.footer_aa .icenter{ display: flex ; justify-content: space-between; position: relative; z-index: 3; }
.footer_aa .icenter li{}
.footer_aa .icenter li span{ display: block; margin: 0 0 12px 0; }
.footer_aa .icenter li span a{color: #000; font-size: 20px; font-weight: bold;}
.footer_aa .icenter li p{}
.footer_aa .icenter li p font{ display: block; max-width: 156px; }
.footer_aa .icenter li p font a{ padding: 10px 0; color: #333; font-size: 14px; line-height: 16px;    font-weight: bold;  }
.footer_aa .icenter li p font a:hover,.footer_aa .icenter li span a:hover{ color: #2ba6a4;}

.footer_aa .icenter .f_a_contact .logopic{}
.footer_aa .icenter .f_a_contact .logopic img{ display: block; width: auto; height: 40px; } 


.footer_bb:after,.footer_aa:after{  content: ""; background: rgba(255, 255, 255, 0.88);  position: absolute; width: 100%; height: 100%; bottom: 0; left: 0;  }




 
.pchearch{position: fixed; top: 0; left: 0; width: 100%; height: 80px;   z-index: 99999;  background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);  } 
.pchearch .icenter{display: flex; justify-content: space-between; align-items: center;  margin: 0 auto; }
.pchearch .logo{display: block; overflow: hidden;}
.pchearch .logo img{ display: block; width: auto; height:40px; }
.pchearch .pcnav{display: flex;  position: relative;}
.pchearch .pcnav .act{display: flex; align-items: center; position: relative; }
.pchearch .pcnav .act span{position: relative; height: 80px; display: flex; align-items: center; margin: 0 30px;}
.pchearch .pcnav .act span a{display: block; color: #333; font-size: 20px; font-weight: bold; position: relative; height: 80px; display: flex; align-items: center;}
.pchearch .pcnav .act span:hover a{color: #2ba6a4;}
.pchearch .pcnav .act span:after{  content: ""; position: absolute; width: 0; height: 2px;background:#2ba6a4;bottom: 0; left: 0; transition: all .3s; } 
.pchearch .pcnav .act:hover span:after{width: 100%; }
.pchearch .pcnav .act .n_d{ position: absolute; width:340px; height:auto; top:80px; left:0; opacity: 0; visibility: hidden; transition: all .1s; background: #fff; border-radius: 0px 0px 0 0; padding:20px 0; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); }
.pchearch .pcnav .act:hover .n_d{ opacity: 1; visibility: visible; }
.pchearch .pcnav .act .n_d a{ display: block; color: #333; font-size: 16px; font-weight: bold; padding: 12px 30px; }
.pchearch .pcnav .act .n_d a:hover{ background: #2ba6a4; color: #fff; }
.pchearch .rh{display: flex; align-items: center;}
.nav_search .taa{cursor:pointer;  position: relative; z-index: 99;  }
.nav_search .taa img{ display: block; width: auto; height:20px;   }
.nav_search .searchtag{ position: fixed; width: 100%; top: 0; left: 0;height: auto;z-index: 9; padding:70px 0 50px;  display: none; }
.nav_search .searchtag:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.9; }
.nav_search .searchtag form{display: block; position: relative; z-index: 3; height: auto; margin: 30px auto; width: 60%;}
.nav_search .searchtag form h4{display: block; text-align: center; color: #fff; font-size: 30px; margin: 0 0 20px 0;     font-weight: 200;}
.nav_search .searchtag form input{display: block; width: 100%; height: 60px; border-radius: 2em; border: 0; text-indent: 20px; font-size: 16px; color: #ee7800;}
.nav_search .searchtag form button{position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: none; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.nav_search .searchtag form button img{ display: block; width: 30px; }
.nav_search .taa .pic2{ display: none; filter: none; height: 24px;}
.nav_search .on .pic1{display: none;}
.nav_search .on .pic2{display: block;}
.pchearch .pcnav .act:hover span a{ color: #2ba6a4; }




 


.banner{ position: relative; width: 100%; height:560px; overflow: hidden; display: block;     margin-top: 80px; }
.banner video{ width: 100%; display: block;   }


.banner .inbanner_swiper{ position: relative; width: 100%; height: 100%;  }
.banner .inbanner_swiper .swiper-slide{}
.banner .inbanner_swiper .swiper-slide::before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background: rgba(0, 0, 0, 0.4); z-index:1; }
.banner .inbanner_swiper .swiper-slide a{ position: relative; width: 100%; height: 100%; }
.banner .inbanner_swiper .swiper-slide a img,.banner .inbanner_swiper .swiper-slide img{ position: relative;width: 100%;height: 100%;display: block;object-fit: cover; }
.banner .pagination_swpi{position: absolute; z-index: 9; bottom: 60px; left: 50%; transform: translate(-50%, 0%); height: 10px; width: 100%; display: flex ; align-items: center; justify-content: center;}
.banner .pagination_swpi span{ width:120px;  position: relative; background: none; opacity: 1; }
.banner .pagination_swpi span:after{ content:""; background: #fff; opacity: 1; height: 3px;border-radius: 3em; transition: all 2s; position: absolute; top: 0; left: 0; width: 0%;z-index: 3; }
.banner .pagination_swpi span:before{ content:""; background: #fff; opacity: 1; height: 3px;border-radius: 3em;  position: absolute; top: 0; left: 0; width: 100%;}
.banner .pagination_swpi .swiper-pagination-bullet-active:after{  background: #2ba6a4; opacity:1;   width: 100%;   }
.banner .pagination_swpi span i{ display: block; color: #aaa; font-size: 20px; font-weight: bold; font-style: inherit; margin-top: 10px;}
.banner .pagination_swpi .swiper-pagination-bullet-active i{ color: #2ba7a5; }

.banner .fa{ position: absolute; top: 50%; left: 20px; z-index: 9; width: 60px; height: 60px; display: flex ; justify-content: center; align-items: center; border: 1px solid #2ba7a5; border-radius: 50%; color: #2ba7a5; font-size: 28px; cursor: pointer;margin-top: -30px;}
.banner .inbanner_swiper_next{ left: auto; right: 20px;}
.banner .fa:hover{  background: #2ba6a4; color: #fff; }

 
.inbanner_swiper .txt{position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);  z-index:9; }
.inbanner_swiper .txt h3{display:block; text-align:center; color:#fff; font-size:60px; font-weight:bold; margin:0; padding:0; margin-bottom:20px; line-height:60px; }
.inbanner_swiper .txt h4{display: block; text-align: center; color: #fff; font-size: 24px; margin: 0; padding: 0; font-weight: bold; }
.inbanner_swiper .txt dd{overflow: hidden; margin: 0; padding: 0 5% 0 0;}
.inbanner_swiper .txt h3,.inbanner_swiper .txt h4,.inbanner_swiper .txt h5{ opacity: 0; 
-webkit-transform: translateY(170%); transform: translateY(170%); 
-webkit-transition: -webkit-transform .9s ease-out .6s; transition: 
-webkit-transform .9s ease-out .6s; transition: transform .9s ease-out .6s; transition: transform .9s ease-out .6s,
-webkit-transform .9s ease-out .6s; will-change: transform; }
.inbanner_swiper .swiper-slide-active .txt h3,.inbanner_swiper .swiper-slide-active .txt h4,.inbanner_swiper .swiper-slide-active .txt h5{-webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1;  }
 
.banner .inbanner_swiper .txt dd a{ display: flex ; align-items: center; justify-content: center; width: 360px; height: 52px; color: #fff; font-weight: bold; font-size: 18px; margin: 0 auto; border-radius: 6px; background: #29b1ae; }
.banner .inbanner_swiper .txt dd a:hover{  background: #fff;  color: #29b1ae; }


 

.inbanner_swiper .swiper-slide-active img {opacity: 1;transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}
.inbanner_swiper .swiper-slide-active img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
@keyframes centerBig{100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
.inbanner_swiper .swiper-slide img { transition: all .2s;animation-duration:3s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;}













 

.f_a_contact .ss_fx{ float: left; margin: 0 ; display: flex; align-items: center; position: relative;}
.f_a_contact .ss_fx dd{ position: relative;   margin-right: 10px;}
.f_a_contact .ss_fx dd a{ background: #48636c; display: flex; width: 40px; height: 40px; border-radius: 50%; position: relative; justify-content: center; align-items: center;}
.f_a_contact .ss_fx dd a img{display: block; width: auto; height: 26px;  filter: brightness(0) invert(1); }
.f_a_contact .ss_fx dd:hover a img{ filter: brightness(0) invert(1); }
.f_a_contact .ss_fx dd:hover a{ background:#333; }
.f_a_contact .ss_fx dd .cc{ display: none;  position: absolute; top: 40px; padding: 8px; overflow: hidden; left:0;   }
.f_a_contact .ss_fx dd:hover .cc{ display: block; }
.f_a_contact .ss_fx dd .cc:after{content: ""; background: #fff; backdrop-filter: blur(5px); border-radius: 4px; position: absolute; width: 100%; height: calc(100% - 6px); top: 6px; left: 0;}
.f_a_contact .ss_fx dd .cc:before{ content: ""; display: block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; width: 6px; margin: 0 auto; position: absolute; top: 0; left:23px;transform: translate(-50%, 0%); }
.f_a_contact .ss_fx dd .cc p{ position: relative; z-index: 3; display: flex ; flex-direction: column; align-items: center;    background: #fff; }
.f_a_contact .ss_fx dd .cc p img{ display: block;width: auto;height: 120px; }
.f_a_contact .ss_fx dd .cc p font{ text-align: center; color: #333;   font-size: 12px; margin-top: 0;}
.f_a_contact .fx{  display: flex ; margin: 30px 0; flex-direction: column; }
  
 





  

.homebot{ display: block; overflow: hidden; padding: 160px 0; background: #f8f8f8; }
.homebot .icenter{}
.homebot .icenter h3{ color: #29b1ae; display: block; text-align: center; font-weight: bold; font-size: 40px; }
.homebot .icenter h4{display: block; margin: 20px 0 40px; text-align: center; color: #333; font-size: 18px;}
.homebot .icenter dd{}
.homebot .icenter dd a{ overflow: hidden; position: relative; display: flex ; align-items: center; justify-content: center; width: 460px; height: 50px; background: #29b1ae; margin: 20px auto; border-radius: 4px; }
.homebot .icenter dd a span{ display: block; color: #fff; font-weight: bold; font-size: 16px; }
.homebot .icenter dd a .fa{ position: absolute; right: 20px; color: #fff; font-size: 24px; }
.homebot .icenter dd a:hover{ background: #eee; }
.homebot .icenter dd a:hover span,.homebot .icenter dd a:hover .fa{ color:#29b1ae; }

 







 
.inabout{ background: url(../img/inaboutbg.jpg); background-size: cover; display: block; overflow: hidden; padding: 80px 0; }
.inabout .text{ background: rgba(0, 0, 0, 0.1);   border-radius:8px; display:block; overflow:hidden; margin:0 auto 30px; padding:30px; }
.inabout .text h3{ color: #fff; display: block; text-align: center; font-weight: bold; font-size: 40px; }
.inabout .text h4{ display: block; margin: 20px 0 40px; text-align: center; color: #fff; font-size: 18px; }
.inabout .text a{ display: flex ; align-items: center; justify-content: center; width: 260px; height: 50px; background: #29b1ae; color: #fff; font-weight: bold; font-size: 16px; margin: 0 auto;border-radius: 6px; }
.inabout .text a:hover{ background: #fff; color: #29b1ae;  }
 

.inlogos{display: block; overflow: hidden; padding: 0;}

.inlogo{ display: block; overflow: hidden; width:100%; position: relative; margin:60px auto 0;}
.inlogo .la{ overflow: visible;white-space: nowrap; height: 100px; margin-bottom:10px;position: relative;}
.inlogo .la dl{ -webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-1 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-1 50s linear 0s infinite forwards; -o-animation: kf-client-wall-1 50s linear 0s infinite forwards; animation: kf-client-wall-1 50s linear 0s infinite forwards;    position: absolute; top:0; left:0; height: 100%;}
.inlogo .la dl dd{ position: relative; height: 100%; margin: 0 5px; overflow: hidden; border-radius: 8px; display: inline-block; }
.inlogo .la dl dd img{ display: block;width: 100%;height:auto;}
@keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } }
.inlogo .gd2 dl{    -webkit-animation: kf-client-wall-2 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-2 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-2 50s linear 0s infinite forwards; -o-animation: kf-client-wall-2 50s linear 0s infinite forwards; animation: kf-client-wall-2 50s linear 0s infinite forwards; position: absolute; top:0; left:0; height: 100%;}
@keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

 



 

.incase{ display: block; overflow: hidden; position: relative; padding: 80px 0; }
.incase .inpro_swiper{ position: relative; z-index: 3; }
.incase .inpro_swiper .swiper-slide{}
.incase .inpro_swiper .swiper-slide i{ display: block; overflow: hidden; }
.incase .inpro_swiper .swiper-slide i img{ display: block; width: 100%; transition: all .6s; }
.incase .inpro_swiper .swiper-slide:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.incase .inpro_swiper .swiper-slide dd{ display: block; overflow: hidden; padding: 30px; border: 1px solid #eee; background: #fff; }
.incase .inpro_swiper .swiper-slide dd strong{ color: #29b1ae; display: block; overflow: hidden; font-size: 20px; margin: 0 0 10px 0; }
.incase .inpro_swiper .swiper-slide dd span{  height: 40px; width: 140px; border: 1px solid #29b1ae; border-radius: 3em; display: flex ; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; margin-top: 20px; color: #29b1ae;  }
.incase .inpro_swiper .swiper-slide:hover dd span{ color: #fff;  background: #29b1ae;  }
.incase .inpro_swiper_pagination{ display: flex ; justify-content: center; align-items: center; margin: 30px 0; }
.incase .inpro_swiper_pagination span{ opacity: 1; width: 10px; height: 10px; background: #eee; }
.incase .inpro_swiper_pagination .swiper-pagination-bullet-active{ background: #29b1ae;  }
.incase .more{ display: flex ; align-items: center; justify-content: center; width: 260px; height: 50px; background: #fff; color: #29b1ae; font-weight: bold; font-size: 16px; margin: 0 auto; border-radius: 6px; border: 1px solid #29b1ae; } 
.incase .more:hover{ background: #29b1ae; color: #fff;    }
.incase h3{ color: #29b1ae; display: block; text-align: center; font-weight: bold; font-size: 40px; margin: 0 0 30px 0; }
.incase:after{ content: ""; position: absolute; width: 50%; height: 100%; background: #f8f8f8; top: 0; left: 0; z-index: -1;  }




 
.homepic_service{ display: block; overflow: hidden; padding: 80px 0; border-bottom: 1px solid #eee; }
.homepic_service dt{ display: block; overflow: hidden; margin: 0 0 60px 0; }
.homepic_service dt h3{ color: #29b1ae; display: block; text-align: center; font-weight: bold; font-size: 40px; margin: 0 0 30px 0; }
.homepic_service dt a{ display: flex ; align-items: center; justify-content: center; width: 260px; height: 50px; background: #fff; color: #29b1ae; font-weight: bold; font-size: 16px; margin: 0 auto; border-radius: 6px; border: 1px solid #29b1ae; }
.homepic_service dt a:hover{  background: #29b1ae; color: #fff; border: 1px solid #29b1ae;  }


.homepic_service .inpicpro{}
.homepic_service .inpicpro .swiper-slide{ border: 1px solid #eee; display: block; overflow: hidden; border-radius: 8px; }
.homepic_service .inpicpro .swiper-slide i{ width: 150px; height: 150px; border: 1px solid #29b1ae; border-radius: 50%; display: flex ; align-items: center; justify-content: center;  margin:50px auto; }
.homepic_service .inpicpro .swiper-slide i img{ display: block; width: auto; height: 80px; }
.homepic_service .inpicpro .swiper-slide strong{ color: #29b1ae; display: block; text-align: center; font-weight: bold; font-size: 24px; margin: 40px auto; }
.homepic_service .inpicpro .swiper-slide dl{ display: block; overflow: hidden; position: relative; border-radius: 8px; }
.homepic_service .inpicpro .swiper-slide dl dd{ transition: all .6s; padding: 30px 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); opacity: 0;visibility: hidden; z-index: 3; }
.homepic_service .inpicpro .swiper-slide:hover dl dd{ opacity: 1; visibility: visible;  }
.homepic_service .inpicpro .swiper-slide dl dd a{ display: block; color: #fff; font-size: 18px; font-weight: bold; padding: 10px 20px; line-height: 20px; background: rgb(0, 0, 0, 0);}
.homepic_service .inpicpro .swiper-slide dl dd a:hover{ color:#29b1ae;background: rgb(0, 0, 0, 0.5);  }
.homepic_service .inpicpro .swiper-slide dl p{ display: block; overflow: hidden; position: relative; }
.homepic_service .inpicpro .swiper-slide dl p img{ display: block; width: 100%; transition: all .6s; }
.homepic_service .inpicpro .swiper-slide:hover dl p img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);  }
 


 

.pageall{ display: flex;     align-items: flex-start; }
.pageall .lf{ display: block; width: 20%; position: -webkit-sticky; position: sticky; top: 120px;     padding-bottom: 100px; }
.pageall .lf h3{ display: block; color: #333; font-weight: bold; font-size: 26px; border-bottom: 1px solid #eee; padding-bottom: 5px; margin: 30px 0; }
.pageall .lf dl{}
.pageall .lf dl a{  color: #666; padding:14px; font-size: 16px; line-height: 18px;  margin-bottom:6px; font-weight: bold; position: relative; display: flex ; align-items: center; justify-content: space-between;}
.pageall .lf dl a .fa{ color: #fff;}
.pageall .lf dl a:hover,.pageall .lf dl .active{ background: #29b1ae; color: #fff; border-radius: 4px; }
.pageall .rh{  display: block; width: 75%; border-left: 1px solid #eee; padding: 30px 0 30px 5%;     margin-left: 5%;  }
.pageall .rh .p_r_tt{ color: #29b1ae; display: block; font-weight: bold; font-size: 26px; margin-bottom: 30px; }


.contact_form{ margin: 0 0 100px 0; }
.contact_form .screen-reader-response{  display: none;}
.contact_form .wpcf7-submit{ background: #29b1ae; width: 280px; height: 50px; display: flex ; align-items: center; justify-content: center; border: 2px solid #29b1ae; border-radius: 3em; color: #fff; font-weight: bold; margin: 30px auto; font-size: 16px; cursor: pointer; transition: all .2s; }
.contact_form .wpcf7-submit:hover{  background: none;  color: #29b1ae;  }
.contact_form .wpcf7-form{}
.contact_form .wpcf7-form .f_d{ display: flex ; align-items: center;  margin-bottom: 12px;      align-items: stretch;}
.contact_form .wpcf7-form .f_d .f_lf{ width: 200px; background: #29b1ae; height: 50px; display: flex ; align-items: center; justify-content: space-between; padding: 0 20px; }
.contact_form .wpcf7-form .f_d .f_lf font{ display: block; color: #fff; font-weight: bold; font-size: 16px; width: calc(100% - 40px);}
.contact_form .wpcf7-form .f_d .f_lf i{ background: #1f5b3b; color: #fff; padding: 5px 10px; font-style: initial; border-radius: 3em; }
.contact_form .wpcf7-form .f_d .f_rh{width: calc(100% - 200px);}
.contact_form .wpcf7-form .f_d .f_rh .wpcf7-form-control-wrap{ position: relative; }
.contact_form .wpcf7-form .f_d .f_rh .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ position: absolute; top: 0; right: 20px; color: #f00; line-height: 50px; font-size: 14px; }
.contact_form .wpcf7-form .f_d .f_rh input,.contact_form .wpcf7-form .f_d .f_rh textarea{ display: block; width: 100%; border: 0; height: 50px; color: #333; background: #f8f8f8; padding: 20px; font-size: 14px; }
.contact_form .wpcf7-form .f_d .f_rh textarea{ height: 120px; }

.contact_form .wpcf7-form .f_d .f_rh .wpcf7-checkbox{  display: flex ; justify-content: flex-start; align-items: center; height: auto;  padding: 20px;  }
.contact_form .wpcf7-form .f_d .f_rh .wpcf7-checkbox .wpcf7-list-item{ margin: 0 20px 0 0;  }
.contact_form .wpcf7-form .f_d .f_rh .wpcf7-checkbox .wpcf7-list-item label{ display: flex; }
.contact_form .wpcf7-form .f_d .f_rh .wpcf7-checkbox input{  -webkit-appearance: auto; width: 20px; background: none; height: 20px; }
.contact_form .wpcf7-form .f_d .f_rh .wpcf7-checkbox .wpcf7-list-item-label{ position: relative; color: #333; font-size: 16px; font-weight: bold; line-height: 22px; margin: 0 0 0 10px;}

.wpcf7-form *:focus{ outline:none; } 
.wpcf7-response-output,.wpcf7-validation-errors{ display: flex ; align-items: center; justify-content: center; color: #f00; font-weight: bold; font-size: 20px; }

.contact_form .wpcf7-form .f_d2{ border: 1px solid #eee; }
.contact_form .wpcf7-form .f_d2 .f_lf{  display: flex ; height: auto; align-items: flex-start; padding: 20px; }

.contact_form .wpcf7-form .f1{ margin: 30px 0; display: block; }
.contact_form .wpcf7-form .f1 .wpcf7-list-item{ display: flex; }
.contact_form .wpcf7-form .f1 .wpcf7-list-item input{ -webkit-appearance: auto; width: 20px; height: 20px; display: block; cursor: pointer; margin: 0 10px 0 0; }
.contact_form .wpcf7-form .f1 .wpcf7-list-item .wpcf7-list-item-label{ color: #666; font-weight: bold; font-size: 16px; display: flex ; align-items: center; }
.contact_form .wpcf7-form .f1 .wpcf7-list-item .wpcf7-list-item-label a{ color: #29b1ae; text-decoration-line: underline; margin: 0 0 0 10px; }

.contact_form .wpcf7-form .f1 .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ display: block; color: #f00; font-size: 14px; margin: 5px 0 0 0; }

 


 

.webbanner img{display: block; width: 100%;     animation: mysacle 4s ease both; }
@keyframes mysacle {0% {transform: scale(1.15);}}

.webbanner{ display: block; overflow: hidden; position: relative; margin-top:80px; max-height: 460px; }
.webbanner .txt{ position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%); }
.webbanner .txt strong{ color: #fff; font-size: 46px; line-height: 50px;  display: block; margin: 0 0 0 0; }
 
.webbanner .max{ position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); z-index: 3; display: flex ; justify-content: flex-start; height: 50px; align-items: center; }
.webbanner .max a,.webbanner .max .fa{ display: block; color: #fff; font-size: 14px; margin: 0 5px; }
.webbanner .max .fa{ color: #ddd;  }
 

.aboutweb1{display: block;  }
.aboutweb1 h3,.aboutweb3 .a_w3_1 h4{color: #29b1ae; display: block; font-weight: bold; font-size: 20px; margin-bottom: 30px;}
.aboutweb1 h4,.aboutweb3 .a_w3_1 h5{ display: block; color: #333; font-size: 16px; text-align: justify; margin: 20px 0; line-height: 30px; }
.aboutweb1 .pic,.aboutweb3 .a_w3_1 .pic{ display: block; overflow: hidden; border-radius: 8px; }
.aboutweb1 .pic img,.aboutweb3 .a_w3_1 .pic img{ display: block; width: 100%; }
 

.aboutweb2{}
.aboutweb2 .box{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); overflow: hidden; border-radius: 8px; margin: 0 0 50px 0; display: flex ; align-items: center; justify-content: space-between; position: relative; }
.aboutweb2 .box i{ display: block; width: 48%; border-radius: 8px; overflow: hidden; }
.aboutweb2 .box i img{ display: block; width:100%; }
.aboutweb2 .box dl{ display: block; width: 52%; padding:0 20px; }
.aboutweb2 .box dl strong{ color: #29b1ae; display: block; font-weight: bold; font-size: 20px; margin-bottom: 30px; border-bottom: 1px solid; }
.aboutweb2 .box dl dd{ display: block; overflow: auto; height: 190px; font-size: 14px; text-align: justify; line-height: 24px; padding: 0 10px 0 0; }


.aboutweb2 .box dl dd::-webkit-scrollbar { width: 10px;height:10px;}
.aboutweb2 .box dl dd::-webkit-scrollbar-track {background: #f1f1f1;}
.aboutweb2 .box dl dd::-webkit-scrollbar-thumb {background: #29b1ae;}
.aboutweb2 .box dl dd::-webkit-scrollbar-thumb:window-inactive {background: #29b1ae;}
.aboutweb2 .box dl dd::-webkit-scrollbar-thumb:vertical:hover {background: #29b1ae;}


 

.aboutweb3{}
.aboutweb3 .a_w3_1{}
.aboutweb3 .a_w3_1 h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 28px; margin: 30px 0;}

.a_w3_2{ margin: 80px 0; display: block; }
.a_w3_2 .t3_a{ display: flex; align-items: center; border-bottom: 1px solid #eee; padding: 0 0 10px 0; }
.a_w3_2 .t3_a strong{ color: #29b1ae; display: block; font-weight: bold; font-size: 24px; }
.a_w3_2 .t3_a span{ display: block; color: #666; font-size: 16px; margin: 0 0 0 10px; }

.a_w3_2 dl{display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 12px 12px; margin: 30px 0;}
.a_w3_2 dl dd{ background: #fff; box-shadow:0px 0px 14px 0px rgba(0, 0, 0, .1); display: block; overflow: hidden; padding: 16px; }
.a_w3_2 dl dd p{ display: flex ; align-items: center; justify-content: center;position: relative;    padding: 0 0 16px 0;  }
.a_w3_2 dl dd p span{ color: #29b1ae; font-family: num; font-size: 50px; display: block; }
.a_w3_2 dl dd p font{ color: #29b1ae; font-size: 30px; display: block; }
.a_w3_2 dl dd p:after{  content: ""; display: block; background: #29b1ae; width: 100%; height: 1px; margin:0; opacity: 0.4;position: absolute; bottom: 0; left: 0;  }
.a_w3_2 dl dd strong{ color: #29b1ae; display: block; font-weight: bold; font-size: 20px; text-align: center; margin: 10px 0; }
.a_w3_2 dl dd i{ font-style: inherit; display: block; text-align: center; font-size: 14px; color: #333; }

 
.a_w3_4_logo,.a_w4_2{ margin: 80px 0; display: block; }
.a_w3_4_logo h3,.a_w4_2_iso h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 24px; border-bottom: 1px solid #eee; padding: 0 0 10px 0; }
.a_w3_4_logo dl{display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 6px 6px; margin: 20px 0;}
.a_w3_4_logo dl dd{ background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1); display: block; overflow: hidden; }
.a_w3_4_logo dl dd img{ display: block; width: 100%; }

.a_w4_2 dl{ grid-template-columns: repeat(4, 1fr); }
 
.a_w4_1{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap:30px 30px; margin: 80px 0; }
.a_w4_1 dl{}
.a_w4_1 dl i{ display: block; overflow: hidden; border-radius: 8px; }
.a_w4_1 dl i img{ display: block; width: 100%; }
.a_w4_1 dl dd{}
.a_w4_1 dl dd strong{ color: #29b1ae; display: block; font-weight: bold; font-size: 20px; margin: 20px 0; }
.a_w4_1 dl dd p{ display: block; color: #666; font-size: 16px; min-height: 150px;  }

 

.a_w4_2_iso dl{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; margin: 30px 0; }
.a_w4_2_iso dl dd{background: #fff; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, .1); display: block; overflow: hidden; padding: 24px;}
.a_w4_2_iso dl dd i{}
.a_w4_2_iso dl dd i img{}
.a_w4_2_iso dl dd h4{ color: #29b1ae; display: block; font-weight: bold; font-size: 18px; border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin: 20px 0; }
.a_w4_2_iso dl dd h5{ display: block; color: #666; font-size: 14px; margin: 0 0 30px 0; }
.a_w4_2_iso dl dd p{ display: flex; margin:0; }
.a_w4_2_iso dl dd p span{ display: block; color: #333; font-weight: bold; font-size: 14px; width:90px; border-bottom: 1px solid #29b1ae; padding: 5px 0;}
.a_w4_2_iso dl dd p font{ width: calc(100% - 90px); border-bottom: 1px solid #eee; font-size: 14px; padding: 10px 10px; }
 

.aboutweb5_1,.aboutweb5_2{ display: block; margin: 80px 0; }
.aboutweb5_1 dl{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: flex ; align-items: center; justify-content: space-between; margin: 0 0 30px 0; border-radius: 8px; }
.aboutweb5_1 dl i{ display: block; overflow: hidden; width: 45%; border-radius: 8px; }
.aboutweb5_1 dl i img{ display: block; width: 100%; }
.aboutweb5_1 dl dd{ display: block; width: 55%; padding: 0 40px; }
.aboutweb5_1 dl dd strong{ color: #29b1ae; display: block; font-weight: bold; font-size: 24px; }
.aboutweb5_1 dl dd span{ border-bottom: 1px solid #29b1ae; font-size: 16px; color: #333; display: block; margin: 20px 0; padding-bottom: 5px; }
.aboutweb5_1 dl dd p{ display: block; color: #333; font-size: 14px; line-height: 24px; }

 
.aboutweb5_2 h3{ color: #29b1ae; display: block; font-size: 24px; margin: 0 0 30px 0; font-weight: bold; }
.aboutweb5_2 dl{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 26px 26px; }
.aboutweb5_2 dl dd{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); border-radius: 8px; display: block; }
.aboutweb5_2 dl dd i{ display: block; overflow: hidden; border-radius: 8px; }
.aboutweb5_2 dl dd i img{ display: block; width: 100%; }
.aboutweb5_2 dl dd p{ display: block; overflow: hidden; padding: 30px; }
.aboutweb5_2 dl dd p strong{ color: #29b1ae; display: block; font-weight: bold; font-size: 24px; border-bottom: 1px solid; padding: 0 0 5px 0; margin: 0 0 20px 0; }
.aboutweb5_2 dl dd p span{ display: block; color: #333; font-size: 14px; line-height: 20px; }

 
.page_all{ display: block; margin: 80px auto; }
.page_all h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 36px; margin-bottom: 50px; }
.page_all dl{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 18px 18px; }
.page_all dl a{ display: block; overflow: hidden; border-radius: 8px; position: relative; }
.page_all dl a i{ display: block;  overflow: hidden; }
.page_all dl a i img{ display: block; width: 100%; transition: all .6s; }
.page_all dl a:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.page_all dl a p{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 18px; color: #fff; font-weight: bold; font-size: 18px; background: rgba(0, 0, 0, .6); }
.page_all dl a:hover p{ background:#29b1ae; }



.a_w3_3{ display: block; margin: 80px 0; position: relative; }
.a_w3_3 .t3_a3{ color: #29b1ae; display: block; font-weight: bold; font-size: 24px; border-bottom: 1px solid #eee; padding: 0 0 10px 0; }

.inhistory_swiper{  overflow: hidden; height: 400px; margin: 30px 0; }
.inhistory_swiper .swiper-wrapper{    }
.inhistory_swiper .swiper-wrapper .swiper-slide{ display: flex ; width: 11.4583333333vw ; flex-shrink: 0;}
.inhistory_swiper .swiper-wrapper .swiper-slide:nth-child(2n) { flex-direction: column-reverse;  }
.inhistory_swiper .swiper-wrapper .swiper-slide:last-child{ }
.inhistory_swiper .swiper-wrapper .swiper-slide:after{background-color: #29b1ae; content: ""; display: block; height: 8px; position: absolute; right: 0; top: 50%; width: calc(100% + 1px); z-index: -1; margin-top: -3px;}
.inhistory_swiper .swiper-wrapper .swiper-slide:first-child:after { width: calc(100% - 1.5625vw);}
.inhistory_swiper .swiper-wrapper .swiper-slide .s_all{ display: flex ; height: 50%; position: relative; bottom: -8px; }
.inhistory_swiper .swiper-wrapper .swiper-slide:nth-child(2n) .s_all{ bottom: auto; top: -8px; }
.inhistory_swiper .swiper-wrapper .swiper-slide .pic{  align-items: center; display: flex ; flex-direction: column; font-size: 0; height: 100%; justify-content: space-between; position: relative;}
.inhistory_swiper .swiper-wrapper .swiper-slide:nth-child(2n) .pic{flex-direction: column-reverse;}
.inhistory_swiper .swiper-wrapper .swiper-slide .pic img{ border: 1 solid #29b1ae; border-radius: 50%; height:80px; width: 80px; }
.inhistory_swiper .swiper-wrapper .swiper-slide .pic:after{  background-color: #fff; border: 0 solid #29b1ae; border-radius: 50%; content: ""; display: block; width: 1.0416666667vw;     border-width: .1041666667vw;    height: 1.0416666667vw; }
.inhistory_swiper .swiper-wrapper .swiper-slide .pic:before{ width: 1px; height: 100%; background-color: #29b1ae; content: ""; display: block; left: 50%; position: absolute; top: 0; transform: translateX(-50%); z-index: -1; }
.inhistory_swiper .swiper-wrapper .swiper-slide .txt{ padding-left: 20px; }
.inhistory_swiper .swiper-wrapper .swiper-slide:nth-child(2n) .txt{ padding-top: 3.125vw; }
.inhistory_swiper .swiper-wrapper .swiper-slide .txt h1{  margin-bottom: .625vw; color: #333; font-family: num; font-size: 2.0833333333vw; display: block; line-height: 42px;}
.inhistory_swiper .swiper-wrapper .swiper-slide .txt h2{ -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; width:260px; font-weight: bold; font-size: 14px; color: #333;}

.a_w3_3 .inpro_swiper_pagination{ display: flex ; align-items: center; justify-content: center; margin: 20px 0; }
.a_w3_3 .inpro_swiper_pagination span{ opacity: 1; background: #ddd; margin:0 5px;  width: 10px; height: 10px; }
.a_w3_3 .inpro_swiper_pagination .swiper-pagination-bullet-active{ background: #29b1ae; }
.a_w3_3 .inhistory_prev,.a_w3_3 .inhistory_next{ cursor: pointer; border-radius: 50%; width: 46px; height: 46px; background: #eee; display: flex ; justify-content: center; align-items: center; color: #333; font-size: 18px; position: absolute; top: 50%; left: -50px; margin-top: -6px; z-index: 9; }
.a_w3_3 .inhistory_next{ left: auto; right: -50px;}
.a_w3_3 .inhistory_prev:hover,.a_w3_3 .inhistory_next:hover{ background: #29b1ae; color: #fff; }

 
.aboutweb2{}
.aboutweb2 .box{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); overflow: hidden; border-radius: 8px; margin: 0 0 50px 0; display: flex ; align-items: center; justify-content: space-between; position: relative; }
.aboutweb2 .box i{ display: block; width: 48%; border-radius: 8px; overflow: hidden; }
.aboutweb2 .box i img{ display: block; width:100%; }
.aboutweb2 .box dl{ display: block; width: 52%; padding:0 20px; }
.aboutweb2 .box dl strong{ color: #29b1ae; display: block; font-weight: bold; font-size: 20px; margin-bottom: 30px; border-bottom: 1px solid; }
.aboutweb2 .box dl dd{ display: block; overflow: auto; height: 190px; font-size: 14px; text-align: justify; line-height: 24px; padding: 0 10px 0 0; }


.aboutweb2 .box dl dd::-webkit-scrollbar { width: 10px;height:10px;}
.aboutweb2 .box dl dd::-webkit-scrollbar-track {background: #f1f1f1;}
.aboutweb2 .box dl dd::-webkit-scrollbar-thumb {background: #29b1ae;}
.aboutweb2 .box dl dd::-webkit-scrollbar-thumb:window-inactive {background: #29b1ae;}
.aboutweb2 .box dl dd::-webkit-scrollbar-thumb:vertical:hover {background: #29b1ae;}

 
.web_case_list{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; margin: 80px 0; }
.web_case_list a{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: block; overflow: hidden; border-radius: 8px; }
.web_case_list a i{ display: block; overflow: hidden; border-radius: 8px;    max-height: 240px; }
.web_case_list a i img{ display: block; width: 100%; transition: all .6s; }
.web_case_list a dd{ display: block; overflow: hidden; padding: 30px; }
.web_case_list a dd strong{ display: block; color: #333; font-size: 18px; margin: 0 0 10px 0; }
.web_case_list a dd span{ color: #333; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.web_case_list a:hover i img{   -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.web_case_list a:hover{  background: #29b1ae;  }
.web_case_list a:hover dd strong,.web_case_list a:hover dd span{ color:#fff; }
 
.page_all_pro dl a{background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);}
.page_all_pro dl a p{position: relative; background: #fff; color: #333; text-align: left;}
.page_all_pro dl a:hover p{ color:#fff;  }
.page_all_pro dl a:hover{ background: #29b1ae; }

.web_case_list2 a dd strong{ font-size: 18px; }
 .web_case_list a dd span{font-size: 16px; }

.caseshowtext{display: block; margin: 0 0 50px;}
.caseshowtext h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 22px; margin-bottom: 30px; }
.caseshowtext .pic{ display: block; overflow: hidden; border-radius: 8px; }
.caseshowtext .pic img{ display: block; width: 100%;  }

.caseshow_tag{display: grid ; grid-template-columns: repeat(4, 1fr); grid-gap: 0 0px; margin: 50px 0; }
.caseshow_tag dd{}
.caseshow_tag dd span{ display: block; color: #999; font-size: 16px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; position: relative; }
.caseshow_tag dd span:after{ content: ""; background: #29b1ae; width: 100px; height: 2px; position: absolute; bottom: 0; left: 0;   }
.caseshow_tag dd font{ font-weight: bold; color: #333; font-size: 16px; text-align: justify; line-height: 22px; }

.caseshow_et{}
.caseshow_et dl{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 24px; margin-bottom: 40px; }
.caseshow_et dl p,.caseshow_video p{ display: block; position: relative; }
.caseshow_et dl p span,.caseshow_video p span{ display: block; color: #333; font-weight: bold; font-size: 16px; position: relative; margin: 0 0 12px 0; border-bottom: 1px solid #eee; padding-bottom: 12px; }
.caseshow_et dl p font,.caseshow_video p font{ content: ""; background: #29b1ae; width: 100px; height: 2px; position: absolute; bottom: 0; left: 0; }
.caseshow_et dl dd{ display: block; color: #333; font-size: 16px; text-align: justify; }

.caseshow_video{  display: block; margin: 50px 0; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 24px; margin-bottom: 40px; }
.caseshow_video a{ display: block;  overflow: hidden; position: relative; border-radius: 8px; }
.caseshow_video a .videoicon{ filter: brightness(0) invert(1); position: absolute; top: 50%; left: 50%; height: 80px; z-index: 9; margin: -40px; }
.caseshow_video a .bg{ display: block; width: 100%; transition: all .6s; }
.caseshow_video a:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.3;  }
.caseshow_video a:hover .bg{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
 

.webser3_dowlist{ display: block; margin: 80px 0; }
.webser3_dowlist a{ overflow: hidden; border: 1px solid #eee; padding: 16px; margin-bottom:24px; display: flex ; justify-content: space-between; align-items: flex-start; }
.webser3_dowlist a dd{width: calc(100% - 100px)}
.webser3_dowlist a dd strong{ display: block; color: #666; font-size: 20px; }
.webser3_dowlist a dd span{ width: 90px; background: #f5f5f5; display: flex ; align-items: center; justify-content: center; border-radius: 3em; color: #333; height: 30px; margin-top: 10px; }
.webser3_dowlist a i{}
.webser3_dowlist a i img{ display: block; width: auto; height: 26px; }
.webser3_dowlist a:hover{  border: 1px solid #29b1ae; }
.webser3_dowlist a:hover dd strong{ color:#29b1ae; }
 

.qalist{ display: block; margin:80px 0; }
.qalist li{display: block; overflow: hidden; margin: 0 0 30px; display: block; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: 0px 0 36.86px 1.14px rgba(40, 43, 109, 0.09); padding: 24px; border-radius: 8px;}
.qalist li .webaqa_aa{ cursor:pointer; overflow: hidden; display: flex; justify-content: space-between; align-items: center; }
.qalist li .webaqa_aa span,.qalist li .webaqa_bb span{width:40px; height: 40px; background: #e9e9e9; border-radius: 50%; color: #2ba6a4; font-size: 18px; display: flex; justify-content: center; align-items: center;}
.qalist li .webaqa_aa font{display: block; width: calc(100% - 130px); color: #333; font-size: 20px; font-weight: bold;}
.qalist li .webaqa_aa i{width: 40px; height: 40px; border-radius: 50%; color: #2ba6a4; font-size: 36px; display: flex; justify-content: center; align-items: center; transition: all .3s;}
.qalist li .webaqa_bb{display: none; border-top: 1px solid #eee;     overflow: hidden; padding: 20px 0; margin: 20px 0;  }
.qalist li .webaqa_bb span{float: left;background: #2ba6a4;      color: #fff;}
.qalist li .webaqa_bb font{float: right; display: block; width: calc(100% - 70px); font-size: 16px; color: #333; margin-top: 10px; } 
.qalist li .webaqa_bb font a{color: #2ba6a4; text-decoration-line: underline;}
.qalist li .on i{ transform: rotate(90deg);  }
.qalist li .on span{ background: #2ba6a4; color: #fff; }
.qalist li .on font,.qalist li .webaqa_aa:hover font{ color: #2ba6a4; }
 
.pageser_1{  margin:50px 0;}
 


.proshow_logos{ display: block; margin: 80px auto; }
.proshow_logos h3,.proshow_caselist .icenter h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 36px; margin-bottom: 20px;  }
.proshow_logos dd{ display: grid ; grid-template-columns: repeat(7, 1fr); grid-gap: 10px 10px; }
.proshow_logos dd i{ display: block; border: 1px solid #eee; overflow: hidden; }
.proshow_logos dd i img{ display: block; width:100%; }

.proshow_caselist .icenter h3,.proshow_caselist .icenter h4,.proshow_logos h3{text-align: center; }

 
.proshow_form{ display: block; overflow: hidden; padding: 80px 0; background: #f8f8f8; }
.proshow_form .icenter{ display: flex ; justify-content: space-between; align-items: flex-start; }
.proshow_form .icenter .lf{ display: block; width: 40%; }
.proshow_form .icenter .lf h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 36px; margin-bottom: 20px; }
.proshow_form .icenter .lf h4{ display: block; color: #333; font-size: 16px; }
.proshow_form .icenter .lf dd{ display: block; margin: 50px 0; }
.proshow_form .icenter .lf dd p{ display: flex ; justify-content: space-between; align-items: flex-start; margin: 20px 0; }
.proshow_form .icenter .lf dd p i{ border-radius: 50%; background: #29b1ae; width: 42px; height: 42px; display: flex ; align-items: center; justify-content: center; margin-right: 8px; }
.proshow_form .icenter .lf dd p i img{ filter: brightness(0) invert(1); display: block; width: auto; height: 20px; }
.proshow_form .icenter .lf dd p span{ display: block; width: calc(100% - 50px); color: #333; font-weight: bold; font-size: 16px; margin-top: 6px; }
.proshow_form .icenter .lf a{ color: #29b1ae; width: 240px; height: 50px; display: flex ; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; border: 2px solid #29b1ae; margin:60px 0 0 0; transition: all .6s; }
.proshow_form .icenter .lf a:hover{ background: #29b1ae;  color: #fff; }

.proshow_form .icenter .rh{ width:45%; }
.proshow_form .icenter .rh .wpcf7{}
.proshow_form .icenter .rh .wpcf7 .f_d{ display: block; margin-bottom: 16px; }
.proshow_form .icenter .rh .wpcf7 .f_d .f_lf{ display: flex ; align-items: center; margin: 0 0 10px 0; }
.proshow_form .icenter .rh .wpcf7 .f_d .f_lf font{ display: block; color: #333; font-weight: bold; font-size: 16px; }
.proshow_form .icenter .rh .wpcf7 .f_d .f_lf i{ font-style: initial; color: #29b1ae; border: 2px solid #29b1ae; border-radius: 3em; padding: 2px 10px; font-weight: bold; margin: 0 0 0 10px; }
.proshow_form .icenter .rh .wpcf7 .f_d .f_rh{}
.proshow_form .icenter .rh .wpcf7 .f_d .f_rh .wpcf7-form-control-wrap{     position: relative; }
.proshow_form .icenter .rh .wpcf7 .f_d .f_rh .wpcf7-form-control-wrap input,.proshow_form .icenter .rh .wpcf7 .f_d .f_rh .wpcf7-form-control-wrap textarea{ display: block; width: 100%; height: 50px; background: #fff; border: 1px solid #ddd; color: #333; padding: 20px; font-size: 16px; }
.proshow_form .icenter .rh .wpcf7 .f_d .f_rh .wpcf7-form-control-wrap textarea{ height:100px; }
.proshow_form .icenter .rh .wpcf7 .f_d .f_rh .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ position: absolute; width: auto; top: 0; right: 10px; line-height: 50px; color: #f00; font-size: 14px; }
.proshow_form .icenter .rh .wpcf7 .wpcf7-submit{ color: #29b1ae; width: 100%; height: 50px; display: flex ; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; border: 2px solid #29b1ae; margin: 30px 0; transition: all .6s; background: none; cursor: pointer; }
.proshow_form .icenter .rh .wpcf7 .wpcf7-submit:hover{ background: #29b1ae;  color: #fff; }

.screen-reader-response{  display:none; }

.proshow_form .wpcf7-form .f1{ margin: 30px 0; display: block; }
.proshow_form .wpcf7-form .f1 .wpcf7-list-item{ display: flex; }
.proshow_form .wpcf7-form .f1 .wpcf7-list-item input{ -webkit-appearance: auto; width: 20px; height: 20px; display: block; cursor: pointer; margin: 0 10px 0 0; }
.proshow_form .wpcf7-form .f1 .wpcf7-list-item .wpcf7-list-item-label{ color: #666; font-weight: bold; font-size: 16px; display: flex ; align-items: center; }
.proshow_form .wpcf7-form .f1 .wpcf7-list-item .wpcf7-list-item-label a{ color: #29b1ae; text-decoration-line: underline; margin: 0 0 0 10px; }

.proshow_form .wpcf7-form .f1 .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ display: block; color: #f00; font-size: 14px; margin: 5px 0 0 0; }


.proshow_caselist{ display: block; overflow: hidden; background: #eff7f6; padding: 80px 0; position: relative; }
.proshow_caselist .icenter{}
.proshow_caselist .icenter h4{ display: block; color: #333; font-size: 16px; }

.proshow_caselist .proshow_swiper{ display: block;  overflow: hidden; margin: 40px auto; }
.proshow_caselist .proshow_swiper .swiper-slide{}
.proshow_caselist .proshow_swiper .swiper-slide a{ background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .1); display: block; overflow: hidden; border-radius: 8px; }
.proshow_caselist .proshow_swiper .swiper-slide a i{  display: block; overflow: hidden;  }
.proshow_caselist .proshow_swiper .swiper-slide a i img{  display: block; width: 100%; transition: all .6s; }
.proshow_caselist .proshow_swiper .swiper-slide a dd{ display: block; overflow: hidden; padding: 20px; }
.proshow_caselist .proshow_swiper .swiper-slide a dd strong{ display: block; color: #333; font-size: 20px; margin: 0 0 16px 0; }
.proshow_caselist .proshow_swiper .swiper-slide a dd span{ display: block; color: #666; font-size: 14px; line-height: 18px; }
.proshow_caselist .proshow_swiper .swiper-slide a:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.proshow_caselist .proshow_swiper .swiper-slide a:hover dd strong{ color:#29b1ae; }
.proshow_caselist .proshow_swiper .proshow_swiper_pagination{ display: flex ; align-items: center; justify-content: center; margin: 20px 0 0; }
.proshow_caselist .proshow_swiper .proshow_swiper_pagination span{ background: #ccc; opacity: 1; margin: 0 5px; width: 10px; height: 10px; }
.proshow_caselist .proshow_swiper .proshow_swiper_pagination .swiper-pagination-bullet-active{ background: #29b1ae; }

.proshow_iconlist{ display: block; margin: 80px auto; position: relative; }
.proshow_iconlist h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 36px; margin-bottom: 20px;text-align: center; }
.proshow_iconlist a{ color: #29b1ae; width: 420px; height: 50px; display: flex ; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; border: 2px solid #29b1ae; margin: 30px auto 0; transition: all .3s; background: none; }
.proshow_iconlist a:hover{ background: #29b1ae;  color: #fff; }
.proshow_iconlist dl{ display: grid ; grid-template-columns: repeat(4, 1fr); grid-gap: 16px 16px; margin: 50px auto; }
.proshow_iconlist dl dd{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 40px 30px; border-radius: 8px; display: block; overflow: hidden; transition: all .3s; }
.proshow_iconlist dl dd i{}
.proshow_iconlist dl dd i img{display: block; width: auto; margin: 0 auto;}
.proshow_iconlist dl dd strong{ display: block; text-align: center; color: #333; font-size: 20px; margin: 20px 0; }
.proshow_iconlist dl dd span{ display: block; text-align: justify; font-size: 14px; color: #333; }
.proshow_iconlist dl dd:hover{ background-image: linear-gradient(67deg, #104f4e, #00b5a2); }
.proshow_iconlist dl dd:hover strong,.proshow_iconlist dl dd:hover span{ color:#fff;  }
.proshow_iconlist dl dd:hover i img{ filter: brightness(0) invert(1); }

.proshow_tag{ display: block; overflow: hidden; padding: 80px 0; background: #f8f8f8; }
.proshow_tag .icenter{}
.proshow_tag .icenter h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 36px; margin-bottom: 20px; text-align: center; }
.proshow_tag .icenter dl{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; }
.proshow_tag .icenter dl dd{ background: #fff; overflow: hidden; padding:30px; display: flex ; justify-content: space-between; align-items: flex-start; }
.proshow_tag .icenter dl dd p{ width: calc(100% - 100px); }
.proshow_tag .icenter dl dd p strong{ color: #29b1ae; display: block; font-size: 22px; margin-bottom: 20px; }
.proshow_tag .icenter dl dd p span{ display: block; color: #333; font-size: 16px; }
.proshow_tag .icenter dl i {}
.proshow_tag .icenter dl i img{ display: block; width: 60px; }

.proshow_text{ display: block; margin: 80px auto; padding: 0 10%; } 
.proshow_text h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 28px; margin-bottom: 20px; text-align: center; }
.proshow_text h4{display: block; color: #333; font-size: 16px; margin: 30px 0;}
.proshow_text img{display: block; width: 100%; border-radius: 10px; border: 1px solid #eee; }

.proshow_top{ background: #f8f8f8; display: block; overflow: hidden; padding: 80px 0; }
.proshow_top .icenter{ display: flex ; justify-content: space-between; align-items: center; }
.proshow_top .lf{ display: block; overflow: hidden; width: 50%; }
.proshow_top .lf h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 36px; margin-bottom: 20px; }
.proshow_top .lf h4{ color: #29b1ae; display: block; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
.proshow_top .lf h5{ color: #333; display: block; font-size: 20px; margin-bottom: 20px; }
.proshow_top .lf dd{ display: flex; margin-top: 50px; }
.proshow_top .lf dd a{ color: #29b1ae; width: 220px; height: 50px; display: flex ; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; border: 2px solid #29b1ae; transition: all .3s; background: none; margin: 0 20px 0 0; }
.proshow_top .lf dd a:hover{ background: #29b1ae; color: #fff; }
.proshow_top .rh{ display: block; overflow: hidden; width: 50%; border-radius: 8px;  }
.proshow_top .rh img{ display: block; width: 100%; }

 
.about_blog{ margin: 80px 0; }
.about_blog a{ background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1); padding: 16px; margin: 0 0 10px 0; display: flex ; align-items: flex-start; justify-content: space-between; }
.about_blog a span{color: #999; font-weight: bold; font-size: 14px; width: 100px;}
.about_blog a p{ display: block; color: #333; font-weight: bold; font-size: 16px; width: calc(100% - 130px); }
.about_blog a .fa{ background: #f8f8f8; width: 36px; height: 36px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; color: #333; font-size: 20px;  }
.about_blog a:hover{}
.about_blog a:hover span{}
.about_blog a:hover p{ color: #29b1ae;  }
.about_blog a:hover .fa{ background: #29b1ae;  color: #fff;  }

 
.about_event{ margin: 80px 0; display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; }
.about_event a{ background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1); display: block; position: relative; overflow: hidden; border-radius: 8px;  }
.about_event a i{ display: block; overflow: hidden; border-radius: 8px; border: 1px solid #eee; }
.about_event a i img{ display: block; width: 100%; transition: all .6s; }
.about_event a dd{ display: block; overflow: hidden; padding: 20px; }
.about_event a dd font{ background: #eee; color: #333; padding: 5px 10px; border-radius: 3em; font-size: 12px; }
.about_event a dd p{ color: #333; font-weight: bold; margin: 20px 0; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.about_event a dd span{ display: block; color: #333; font-size: 16px; }
.about_event a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.about_event a:hover dd p{ color: #29b1ae;  }

 

.eventshow_tt{ display: block; margin: 60px auto; border-bottom: 1px solid #eee; padding: 0 0 20px 0; }
.eventshow_tt h3{ display: block; color: #333; font-weight: bold; font-size: 32px; margin: 0 0 16px 0; }
.eventshow_tt h4{ display: block; color: #666; font-size: 18px; }

.eventshow_a_tt{ display: block; overflow: hidden; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 30px;     margin: 60px auto 120px; }
.eventshow_a_tt h3{ color: #29b1ae; font-size: 22px; font-weight: bold; border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin-bottom: 20px; }
.eventshow_a_tt h4{display: block; color: #333; font-size: 16px; line-height: 18px; margin: 30px 0; }
.eventshow_a_tt a{ color: #29b1ae; display: flex ; width: 50%; border: 2px solid #29b1ae; align-items: center; justify-content: center; height: 60px; font-size: 18px; font-weight: bold; margin: 30px 0; transition: all 0.3s; }
.eventshow_a_tt a:hover{ background: #29b1ae; color: #fff;  }


.eventshow_center{ display: block; min-height: 500px; }
.eventshow_center *{ margin:0; padding:0; font-size: 16px; color: #333; line-height: 26px; }
.eventshow_center h1,.eventshow_center h1 *{font-size: 40px; line-height: 46px;margin-bottom: 4px;}
.eventshow_center h2,.eventshow_center h2 *{font-size: 30px; line-height: 36px;margin-bottom: 4px;}
.eventshow_center h3,.eventshow_center h3 *{font-size: 26px; line-height: 32px;margin-bottom: 4px;}
.eventshow_center h4,.eventshow_center h4 *{font-size: 20px; line-height: 30px;margin-bottom: 4px;} 
.eventshow_center h5,.eventshow_center h5 *{font-size: 18px; line-height: 28px;margin-bottom: 4px;}
.eventshow_center h6,.eventshow_center h6 *{font-size: 16px; line-height: 26px;margin-bottom: 4px;}
.eventshow_center img{  border-radius: 10px; max-width: 100%; display: block; height: auto; margin: 4px auto; }
.eventshow_center .aligncenter{    margin: 0 auto;}
.eventshow_center a{display: inline-block; color: #ee7800;}
.eventshow_center a:hover{    text-decoration-line: underline;}

 

.aboutweb1_2{display: block; margin: 80px 0; position: relative;}
.aboutweb1_2 h3{ color: #29b1ae; display: block; font-weight: bold; font-size: 24px; border-bottom: 1px solid #eee; padding: 0 0 10px 0;}
.aboutweb1_2 h4{ display: block; color: #333; font-size: 16px; text-align: justify; margin: 20px 0; }
.aboutweb1_2 dl{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 20px; }
.aboutweb1_2 dl dd{ background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1); display: block; overflow: hidden; padding: 40px; border-radius: 4px; }
.aboutweb1_2 dl dd i{ width: 80px; height: 80px; border-radius: 50%; border: 1px solid #eee; display: flex ; align-items: center; justify-content: center; }
.aboutweb1_2 dl dd i img{ display: block; width: auto; height: 50px; }
.aboutweb1_2 dl dd p{}
.aboutweb1_2 dl dd p strong{ color: #29b1ae; display: block; font-size: 22px; margin: 20px 0; }
.aboutweb1_2 dl dd p span{ display: block; text-align: justify; color: #666; font-size: 16px; }


 
@media screen and (max-width:1600px) {   
  



}