*{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,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 {
    font-family: 'num';
    src: url('../../style/font/Num.eot');
	src: url('../../style/font/Num.ttf');
    src: url('../../style/font/Num.woff') format('truetype');
}


 

input{ -webkit-appearance:none; } 


 



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





.pcheader{ position: fixed; width:100%; height:80px; background: #fff; top: 0; left: 0; z-index: 99999; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); display: flex; flex-direction: column; justify-content: space-between;  }
.pcheader .logo{ overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.pcheader .logo img{ display: block; width: auto; height: 32px; }
 


 


.banner{ display: block; overflow: hidden; height:auto; background: #333; position: relative; margin-top:80px;  }

.inbanner_Swiper{ position: relative; z-index: 9; height: 100%; overflow: hidden; display: block;  }
.inbanner_Swiper .swiper-slide img{display: block; width: 100%; height: 100%; position: relative; object-fit: cover;}

.banner:after{  content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.4; z-index: 2;  }

.banner .b-more { position: absolute; margin: auto; z-index: 9; color: #FFFFFF; font-size: 14px; bottom: 10px; text-align: center; left: 50%; transform: translateX(-50%); height: 100px; text-transform: uppercase;     zoom: 0.9; }
.banner .b-more:after { content: ""; display: block; width: 6px; border-radius: 2em; height: 20px; background-color: #ffffff; margin: auto; top: 45px; animation: updown 1.5s ease-out infinite; -webkit-animation: updown 1.5s ease-out infinite; position: absolute; left: 50%; transform: translateX(-50%); }
.banner .b-more:before{ content: ""; position: absolute; width: 20px; height: 40px; border: 1px solid #fff; left: 50%; margin-left: -11px; border-radius: 2em; top: 30px; opacity: 0.5; }
@keyframes updown {0% { bottom: 60px; opacity: 1; }50% { bottom: 30px; opacity: 0; }100% { bottom: 0px; opacity: 0; }}
@-webkit-keyframes updown {0% { bottom: 60px; opacity: 1; }50% { bottom: 30px; opacity: 0; }100% { bottom: 0px; opacity: 0; }}



.br_ry{position: absolute; left: 50%; top: 45%; z-index: 9; width: 100%; transform: translate(-50%, -50%); }
.br_ry .fa{color: #fff; left:10px; position: absolute; font-size: 60px; cursor: pointer; display: block; font-weight: normal; width: 80px; height: 80px; text-align: center; line-height: 80px; opacity: 0.3; }
.br_ry .fa-angle-right{left:auto; right:10px; }
.br_ry .fa:hover{ opacity:0.5; }


.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;}



 

.footer{}
.footer .ft_aaaa{ display: block;   padding: 50px 0; background: #222; }
.footer .ft_aaaa .ta1{ display: flex ; justify-content: space-between; align-items: center; border-bottom: 1px solid #333; margin: 0 auto 30px; padding-bottom: 30px; }
.footer .ft_aaaa .ta1 .flogo{}
.footer .ft_aaaa .ta1 .flogo img{ filter: none; filter: grayscale(1) brightness(30); display: block; width: auto; height:36px; }
.footer .ft_aaaa .ta1 dd{ display: flex;}
.footer .ft_aaaa .ta1 dd a{ display: block; color: #fff; font-weight: bold; font-size:20px; margin: 0 0 0 40px;}
.footer .ft_aaaa .ta1 dd a:hover{ color:#0055a2;}
.footer .ft_aaaa .ta2{ display: flex ; align-items: flex-start; justify-content: space-between; padding: 50px 0;}
.footer .ft_aaaa .ta2 .f_con{ display: flex ; }
.footer .ft_aaaa .ta2 .f_con a{ display: block; margin: 0 40px 0 0; z-index: 9;}
.footer .ft_aaaa .ta2 .f_con a:last-child{ margin:0;}
.footer .ft_aaaa .ta2 .f_con a i{ display: flex ; width: 52px; height: 52px; border: 1px solid #444; border-radius: 50%; align-items: center; justify-content: center; }
.footer .ft_aaaa .ta2 .f_con a i img{ display: block; width: auto; height: 22px; }
.footer .ft_aaaa .ta2 .f_con a span{ display: block; color: #999; font-size: 16px; margin: 10px 0; }
.footer .ft_aaaa .ta2 .f_con a p{ display: block; color: #fff; font-size: 18px; }
.footer .ft_aaaa .ta2 .f_share{}
.footer .ft_aaaa .ta2 .f_share .s_icon{ display: flex ; }
.footer .ft_aaaa .ta2 .f_share .s_icon a{ position: relative; cursor:pointer;  margin: 0 0 0 20px; z-index: 3; }
.footer .ft_aaaa .ta2 .f_share .s_icon a i{ display: flex ; width: 52px; height: 52px; border: 1px solid #444; border-radius: 50%; align-items: center; justify-content: center; }
.footer .ft_aaaa .ta2 .f_share .s_icon a i img{ display: block; width: auto; height: 24px; filter: none; filter: grayscale(1) brightness(30); }
.footer .ft_aaaa .ta2 .f_share .s_icon a:hover i{ border: 1px solid #333;  background: #333; }
.footer .ft_aaaa .ta2 .f_share .s_icon a p{ display:none;position:absolute;top:52px;padding:10px;overflow:hidden;left:50%;transform:translate(-50%, 0%); }
.footer .ft_aaaa .ta2 .f_share .s_icon a p img{ display: block;width: auto;height: 120px; position: relative; z-index: 3;    margin-top: 10px; }
.footer .ft_aaaa .ta2 .f_share .s_icon a p font{text-align:center;color: #333;display:block;font-size:12px;margin-top:0;position:relative;z-index:3;}
.footer .ft_aaaa .ta2 .f_share .s_tt{ margin: 0 0 0 20px; }
.footer .ft_aaaa .ta2 .f_share .s_tt strong{ display: block; color: #fff; font-size: 18px; font-weight: normal; }
.footer .ft_aaaa .ta2 .f_share .s_tt span{ display: block; color: #999; font-size: 16px; margin: 10px 0; }
.footer .ft_aaaa .ta2 .f_share .s_icon a:hover p{ display: block; }

.footer .ft_aaaa .ta2 .f_share .s_icon a p:after{content: ""; background: #fff; backdrop-filter: blur(5px); border-radius: 4px; position: absolute; width: 100%; height: calc(100% - 6px); top: 6px; left: 0;}
.footer .ft_aaaa .ta2 .f_share .s_icon a p: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: 50%;transform: translate(-50%, 0%); }





.footer .ft_bbbb{ display: block; overflow: hidden; padding: 20px 0; position: relative; background: #333; }
.footer .ft_bbbb .icenter{ display: flex ; justify-content: space-between; align-items: center; }
.footer .ft_bbbb .icenter .lf{ display: flex; }
.footer .ft_bbbb .icenter .lf p{display: block; color: #666; font-size: 16px;}
.footer .ft_bbbb .icenter .lf a{display: block; color: #666; font-size: 16px; margin:0 0 0 20px;  }
.footer .ft_bbbb .icenter .lf a:hover{ color:#0055a2;  }
.footer .ft_bbbb .icenter .rh{ display: flex; }
.footer .ft_bbbb .icenter .rh a{ font-size: 14px; color: #999; background: #444; border-radius: 3em; width: 120px; height: 40px; display: flex ; align-items: center; justify-content: center; margin: 0 0 0 10px; }
.footer .ft_bbbb .icenter .rh a:hover{   color: #fff; background: #0055a2; }






 
.pchearch{position: fixed; top: 0; left: 0; width: 100%; height: 80px;  background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1);  z-index: 99999;  }
.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:36px;}
.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 20px;}
.pchearch .pcnav .act span a{display: block; color:#0055a2; font-size: 20px; font-weight: bold; position: relative; height: 80px; display: flex; align-items: center;}
.pchearch .pcnav .act span:hover a{color: #0055a2;}
.pchearch .pcnav .act span:after{  content: ""; position: absolute; width: 0; height: 2px; background:#0055a2; bottom: 0; left: 0; transition: all .3s; } 
.pchearch .pcnav .act:hover span:after{width: 100%; }
.pchearch .pcnav .act .n_d{ position: absolute; width:240px; height:auto; top:80px; left: -20px; opacity: 0; visibility: hidden; transition: all .1s; background: #fff; border-radius: 0px 0px 0 0; padding:10px 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; padding: 12px 40px; font-weight: bold;  }
.pchearch .pcnav .act .n_d a:hover{ background: #0055a2; color: #fff; }

 
.pchearch .rh{display: flex; align-items: center;}
.pchearch .rh .global{cursor:pointer;position: relative; }
.pchearch .rh .global span{display: flex; align-items: center; justify-content: center; font-size: 16px; color: #333;     height: 70px;}
.pchearch .rh .global span img{  display: block; width: auto; height: 20px; margin: 0 5px 0 0;}
.pchearch .rh .global span i{display: block; font-size: 18px; margin: 0 0 0 5px;}
.pchearch .rh .global:hover span,.pchearch .rh .global:hover i{color: #003366 !important;}
.pchearch .rh .global p{display:block; position:absolute; top:70px; background:#fff; width:180px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);  text-align:center; opacity:0; visibility:hidden; transition: all .1s; overflow: hidden; right:0; padding:10px 0; }
.pchearch .rh .global:hover p{opacity: 1;visibility: visible;}
.pchearch .rh .global p a{display: block; color: #333; font-size: 14px; line-height: 20px; padding: 10px 0; position: relative;}
.pchearch .rh .global p a:after{ content: ""; position: absolute; width: 2px; height: 100%; top: 0; right: 0; background: #000; opacity: 0; }
.pchearch .rh .global p a:hover{color: #003366; background: #f2f2f2;}
.pchearch .rh .global p a:hover:after{opacity: 1;}



.nav_search .taa{cursor:pointer;  position: relative; z-index: 99; margin-right:40px;}
.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;}
  


  



  
.inwebnum{padding: 80px 0;}
.inwebnum dl{display: flex ; justify-content: space-between; align-items: flex-start; overflow: hidden;}
.inwebnum dl dd{ text-align: center;}
.inwebnum dl p{display: flex ; align-items: center; justify-content: center; }
.inwebnum dl p span,.inwebnum dl p font{ font-family: 'Num'; font-size: 100px; color:#333;  line-height: 100px;}
.inwebnum dl p font{ display: block; font-size:26px; font-family: auto; line-height: 26px; margin: 0 0 0 2px; }
.inwebnum dl i{background: #ccc; display: block; width: 50px; height: 2px; margin: 6px auto 10px;}
.inwebnum dl strong{ font-size: 20px; line-height: 20px; color: #666; }

 
 

.home_tt{}
.home_tt strong{ display: block; text-align: center; color: #333; font-size: 38px; }
.home_tt span{ display: block; text-align: center; color: #666; font-size: 18px; }

.more{ color: #0055a2; font-size: 16px; font-weight: bold; border: 1px solid #0055a2; width: 180px; height: 46px; display: flex ; align-items: center; justify-content: center; border-radius: 3em; margin: 30px auto; transition: all .6s; }
.more:hover{ background:#0055a2; color:#fff;  }
.more300{ width:300px; }


.inpro{ display: block; overflow: hidden; padding: 80px 0; background: #f8f8f8; position: relative; }
.inpro .pic{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 20px; margin: 20px auto }
.inpro .pic a{ display: block; margin: 0 0 30px 0; }
.inpro .pic a i{ overflow:hidden; display: flex ; justify-content: center; align-items: center; background: url(/style/img/homepro_bg2.jpg); background-size:cover; padding:20px; min-height:270px; border-radius: 12px; box-shadow:8px 4px 18px 4px rgba(0, 0, 0, .1);}
.inpro .pic a:nth-child(5) i{ background: url(/style/img/homepro_bg.jpg);background-size:cover;}
.inpro .pic a i img{ display: block; width: 100%; transition: all .6s; }
.inpro .pic a:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.inpro .pic a span{ display: block; text-align: center; color: #333; font-size: 22px; font-weight: bold; margin: 10px 0 0 0; }
.inpro .pic a:hover span{ color:#0055a2;  }

 

.inculture{ display: block; overflow: hidden; padding: 80px 0; background: #fff; position: relative; }
.inculture .list{ display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 0 16px; margin: 30px auto; }
.inculture .list a{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); position: relative; padding:30px 0; border-radius: 12px; }
.inculture .list a i{ margin: 0 0 60px 26px; display: block; }
.inculture .list a i img{ display: block; width: auto; height: 60px; }
.inculture .list a strong{ display: block; text-align: right; font-size: 22px; padding-right: 26px; color: #333; }
.inculture .list a p{}
.inculture .list a p img{  position: absolute; top: 0; left: 0; width: auto; height: 50%;}
.inculture .list a p img:nth-child(2){ top: auto; left: auto; right: 0; bottom: 0; }
.inculture .list a:nth-child(2n) p img{ display:none; }
.inculture .list a:hover{ background: #0055a2; }
.inculture .list a:hover strong{ color:#fff; }
.inculture .list a:hover i img{ filter: brightness(0) invert(1);}

.inservice{ display: block; overflow: hidden; padding: 80px 0; background: #f8f8f8; }
.inservice .list{display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 0 12px; margin: 30px auto;}
.inservice .list a{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .05); position: relative; padding: 20px; border-radius: 12px; margin-bottom: 12px; display: flex ; align-items: center; justify-content: space-between; }
.inservice .list a p{width: calc(100% - 60px);}
.inservice .list a p font{ background: #f9f9f9; width: 36px; display: flex ; height: 36px; justify-content: center; align-items: center; color: #333; border-radius: 50%; font-family: num; font-size: 20px; margin: 0 0 10px 0; }
.inservice .list a p strong{ display: block; color: #333; font-size: 20px; }
.inservice .list a i{}
.inservice .list a i img{ display: block; width: 50px; -webkit-filter: grayscale(100%); opacity: 0.3; }
.inservice .list a:hover i img{ filter: brightness(0) invert(1);    opacity: 1; }
.inservice .list a:hover p strong,.inservice .list a:hover p font{ color:#fff; }
.inservice .list a:hover p font{ background: #0060b8; }
.inservice .list a:hover{background: #0055a2; }

 
.incase{display: block; overflow: hidden; padding: 80px 0; position: relative;}
.incase .clist{ display: block; margin: 40px auto; }
.incase .clist a{ display: flex ; justify-content: space-between; margin: 0 0 40px 0; }
.incase .clist a:nth-child(2n){ display: flex ; flex-direction: row-reverse; }
.incase .clist a i{ display: block; overflow: hidden; border-radius: 12px; width: 40%; }
.incase .clist a i img{ display: block; width: 100%; transition: all .6s; }
.incase .clist a dd{ display: block; width: 58%; }
.incase .clist a dd strong{ display: block; color: #333; font-size: 24px; }
.incase .clist a dd span{ display: block; color: #333; font-size: 16px; margin: 20px 0; text-align: justify; }
.incase .clist a dd font{ color: #0055a2; font-weight: bold; font-size: 16px; display: flex ; align-items: center;}
.incase .clist a dd font .fa{ display: block; font-size: 24px; margin: 0 0 0 5px; }
.incase .clist a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.incase .clist a:hover dd strong{color: #0055a2;}
 

.homebg{ background: url(/style/img/webbot.jpg); display: block; overflow: hidden; padding: 80px 0; background-size: cover; position: relative; }
.homebg .text{ position: relative; z-index: 3; }
.homebg .text strong{ display: block; color: #333; font-size: 38px; margin-bottom: 20px; }
.homebg .text p{ display: block; color: #333; font-size: 16px; }
.homebg .text .more{ margin: 30px 0 0 0; }
.homebg:after{ content: ""; position: absolute; width: 100%; height: 100%; background: #fff; top: 0; left: 0; opacity: 0.8; }

 


.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: 0; }
.banner_br{}
.banner_br .icenter{}
.banner_br .icenter dd{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); width: 50%; padding: 30px; position: relative; top: -80px; }
.banner_br .icenter dd p{ text-transform: uppercase; display: block; font-size:60px; font-weight: bold; line-height:60px; opacity: 0.05; }
.banner_br .icenter dd strong{ display: block; color: #333; font-size: 42px; }
 


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

.wpcf7 .input_two{display: flex ; justify-content: space-between;}
.wpcf7 .input_two dd{ display: block;width: 49%; margin-bottom:20px; }
.wpcf7 .input_one{ display: block;}
.wpcf7 .input_one dd{ display: block;width: 100%; }
.wpcf7 dd span{position: relative;}
.wpcf7 dd span span{color: #0055a2; position: absolute; top: 0; right: 20px; line-height: 42px; font-size: 14px; font-weight: 300;}
.wpcf7 dd input,.wpcf7 dd textarea{ display: block; width: 100%; border: 1px solid #ddd; height: 42px; color: #333; font-size: 14px; padding: 16px;}
.wpcf7 dd textarea{ height: 120px;}
.wpcf7 dd font{text-transform: uppercase; color: #333; font-weight: bold; font-size: 16px; margin-bottom: 4px; display: block;}
.wpcf7 dd font i{color: #0055a2; font-style: inherit;}
.wpcf7 .wpcf7-submit{ display: block; width: 240px;  height: 48px; line-height: 44px; padding: 0; font-size: 18px; font-weight: bold; background: #fff; color: #0055a2; margin: 30px auto; cursor: pointer; border: 2px solid #0055a2; transition: all .6s; }
.wpcf7 .wpcf7-submit:hover{ background: #0055a2; color: #fff; }
.wpcf7 *:focus{ outline:none; }

.wpcf7-response-output,.wpcf7-validation-errors{text-align: center; color: #0055a2; font-size: 24px; font-weight: 300;}

 
.yzm2025{display: flex; justify-content: flex-start; align-items: center; margin-top: 30px; }
.yzm2025 .t1{ display: block; color: #333; font-size: 16px; margin-right: 10px; }
.yzm2025 p{ display: flex; align-items: center; justify-content: flex-start; }
.yzm2025 p img{}
.yzm2025 p span{ display: flex; align-items: center; }
.yzm2025 p span input{ display: block; background: #fff; border: 1px solid #ddd; height: 40px; width: 200px; color: #333; font-size: 14px; padding-left: 10px; }
.yzm2025 p span span{display: block; text-align: center; color: #0055a2; font-size: 14px; font-weight: 300; margin: 0 0 0 10px;}


.web_contact{ display: block; overflow: hidden; padding: 0 0 80px; position: relative; }
.web_contact .con_ac{ display: flex ; justify-content: space-between; margin: 30px auto; }
.web_contact .con_ac .lf{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 30px; width: 48%; }
.web_contact .con_ac .lf strong{ display: block; color: #333; font-size: 26px; margin: 0 0 30px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.web_contact .con_ac .lf dd{ display: block; color: #333; font-size: 18px; line-height: 30px; }
.web_contact .con_ac .rh{ width: 48%; }
.web_contact .home_tt strong{ text-align: left; font-size: 32px; }
 
.caselist{}
.caselist dl{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 20px; margin: 40px auto; }
.caselist dl a{ display: block; margin: 0 0 30px 0; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); }
.caselist dl a i{ display: block; overflow: hidden; border-bottom: 1px solid #eee; }
.caselist dl a i img{ display: block; width: 100%; transition: all .6s; }
.caselist dl a dd{ display: block; overflow: hidden; padding:30px; }
.caselist dl a dd strong{ display: block; color: #333; font-size: 20px; margin: 0 0 16px; }
.caselist dl a dd span{ display: block; color: #666; font-size: 14px; }
.caselist dl a:hover i img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }

 

.webvaluetext{ display: block; color: #333; font-size: 20px; margin-bottom: 50px; }
.webvaluetext strong{}

.webvaluelist{ margin: 60px auto 100px; }
.webvaluelist dl{ display: flex ; flex-direction: row-reverse; justify-content: space-between;  margin-bottom: 80px; }
.webvaluelist dl i{ display: block; overflow: hidden; width: 40%; }
.webvaluelist dl i img{ display: block; width: 100%; transition: all .6s; }
.webvaluelist dl dd{ display: block; overflow: hidden; width: 55%;}
.webvaluelist dl dd strong{ display: block; color: #333; font-size: 24px; margin: 0 0 20px 0; }
.webvaluelist dl dd p{display: block; font-size: 16px; color: #333;}
.webvaluelist dl dd p strong{ display: inline-block; font-size: 18px; margin: 0; }
.webvaluelist dl:nth-child(2n){ display: flex ; flex-direction: row; }

 
.about_team{ padding: 0 0 60px; }
.about_team h3,.about_pic .icenter h3,.about_histroy h3{ display: block; color: #333; font-weight: bold; font-size: 28px; margin: 0 0 30px 0; }
.about_team dl{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 12px; }
.about_team dl a{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 30px; margin: 0 0 12px 0; }
.about_team dl a i{ display: block; width:110px; height:110px; border: 1px solid #eee; border-radius: 50%; margin: 0 auto 20px;    overflow: hidden; }
.about_team dl a i img{ display: block; width: 100%; height: 100%;}
.about_team dl a dd{}
.about_team dl a dd strong{ display: block; text-align: center; color: #333; font-size: 24px; }
.about_team dl a dd span{ display: block; text-align: justify; color: #666; font-size: 14px; line-height: 22px;}
.about_team dl a dd font{display: block; text-align: center; color: #333; font-weight: bold; font-size: 16px; margin:16px 0;  }
 

.about_pic{ display: block; overflow: hidden; padding: 80px 0; position: relative; }
.about_pic .icenter{}
.about_pic .icenter h3{}
.about_pic .icenter dl{ display: flex ; justify-content: space-between; }
.about_pic .icenter dl dd{ display: block; overflow: hidden; position: relative; border-radius: 6px; width: 49.5%; }
.about_pic .icenter dl dd i{ display: block; overflow: hidden; }
.about_pic .icenter dl dd i img{ display: block; width: 100%; transition: all .6s; }
.about_pic .icenter dl dd p{ position: absolute; bottom: 20px; text-align: center; width: 100%; z-index: 3; color: #fff; font-size: 22px; font-weight: bold; }
.about_pic .icenter dl dd:after{  content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: linear-gradient(0deg, #0055a2 0%, rgba(0, 0, 0, 0) 50%); }
.about_pic .icenter dl dd:hover i img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
 

.about_histroy{ display: block; overflow: hidden; padding: 80px 0; background: #f8f8f8; position: relative; }
.about_histroy h3{ margin: 0 auto 30px; }
.swipercontainer_histroy{ display: block; overflow: hidden; position: relative; }
.swipercontainer_histroy .swiper-slide{}
.swipercontainer_histroy .swiper-slide strong{ display: block; text-align: center; color: #666; font-size: 26px; }
.swipercontainer_histroy .swiper-slide i{  display: block; width: 12px; height: 12px; background: #ccc; border-radius: 50%; margin:10px auto 20px;  }
.swipercontainer_histroy .swiper-slide dd{ background: #fff; display: block; overflow: hidden; padding: 30px; min-height: 300px;  }
.swipercontainer_histroy .swiper-slide dd p{  display: block; position: relative; margin: 0 0 12px 0; padding: 0 0 0 20px; color: #333; font-size: 16px; }
.swipercontainer_histroy .swiper-slide dd p:after{  content: ""; position: absolute; width: 10px; height: 10px; background: #ddd; top: 8px; left: 0; border-radius: 50%; }
.about_histroy:after{  content: ""; position: absolute; width: 100%; height: 1px; background: #ddd; top: 198px; }
.swipercontainer_histroy .fa{ position: absolute; top:30px; background: #333; width: 40px; height: 40px; color: #fff; display: flex ; justify-content: center; align-items: center; border-radius: 50%; font-size: 24px; cursor: pointer; z-index: 9; }
.swipercontainer_histroy .swipercontainer_histroy_next01{ left: auto; right: 0; }
 

.about_company{ display: block;   background: #f8f8f8; padding: 80px 0; margin-bottom: 80px; }
.about_company .icenter{ display: flex ; justify-content: space-between; }
.about_company .icenter .lf{ width: 50%; }
.about_company .icenter .lf dl{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 30px; margin: 0 0 30px 0; }
.about_company .icenter .lf dl strong{ display: block; color: #333; font-size: 30px; }
.about_company .icenter .lf dl span{ display: block; color: #333; font-size: 20px; font-weight: bold; margin: 14px 0; }
.about_company .icenter .lf dl p{ font-size: 16px; color: #333; }
.about_company .icenter .rh{ width: 47%; display: block;  }
.about_company .icenter .rh i{ display: block; overflow: hidden;  margin:0 0 20px 0;  }
.about_company .icenter .rh i img{ display: block; width: 100%; }
.about_company .icenter .rh .ac{ position: -webkit-sticky; position: sticky; top: 120px; }

 

.pto_aa{ display: flex ; border-bottom: 1px solid #eee; margin: 0 auto; }
.pto_aa a{ display: block; color: #666; font-weight: bold; font-size:20px; margin: 0 60px 0 0; padding: 0 0 16px 0; border-bottom: 1px solid #fff; cursor:pointer; }
.pto_aa a:hover,.pto_aa .active{ color: #0055a2; border-bottom: 1px solid #0055a2; }

.pto_bb{}
.pto_bb .pic{ display: block; padding: 80px 0 0; }
.pto_bb .pic h3{ display: block; color: #333; font-weight: bold; font-size: 32px; margin: 0 auto 30px; }
.pto_bb .pic .picbar{ display: flex ; overflow: hidden; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); margin: 0 auto 20px; align-items: center; justify-content: space-between; }
.pto_bb .pic .picbar .lf{display: block; width: 62%; padding:20px;}
.pto_bb .pic .picbar .lf img{ display: block; width: 100%; }
.pto_bb .pic .picbar .rh{ display: block; width:38%; padding:30px; }
.pto_bb .pic .picbar .rh h3{ font-size: 28px; border-bottom: 1px solid #eee; margin: 0 auto 10px; padding-bottom: 10px; }
.pto_bb .pic .picbar .rh h4{ display: block; color: #666; font-size: 14px; }
.pto_bb .pic .picbar .rh dd{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 0 12px; margin-top: 20px; }
.pto_bb .pic .picbar .rh dd a{ background: #f8f8f8; display: flex ; align-items: center; justify-content: center; height: 36px; border-radius: 3em; margin: 0 0 12px 0; color: #333; font-weight: bold; font-size: 16px;}
.pto_bb .pic .picbar .rh dd a:hover{ background: #0055a2; color:#fff; }
.pto_bb .pic:last-child{ margin-bottom: 80px; }
 

.web_order1{ margin: 0 auto 60px; }
.web_order1 h4{ display: block; color: #333; font-size: 20px; margin: 0 0 20px 0; }
.web_order1 dl{ display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0 36px; margin: 30px 0; }
.web_order1 dl dd{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding:40px; display: block; overflow: hidden; }
.web_order1 dl dd i{}
.web_order1 dl dd i img{ display: block; width: auto; height: 60px;}
.web_order1 dl dd p{}
.web_order1 dl dd p strong{ display: block; color: #333; font-size: 24px; margin: 20px 0; }
.web_order1 dl dd p span{ display: block; color: #333; font-size: 16px; line-height: 28px; }
 

.web_order2{ display: block; overflow: hidden; padding: 60px 0; position: relative; }
.web_order2 dl{ display: grid ; grid-template-columns: repeat(5, 1fr); grid-gap: 0 16px; margin: 30px auto; } 
.web_order2 dl dd{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding:30px; margin: 0 0 16px 0; }
.web_order2 dl dd i{ background: #f4faff; width: 36px; display: flex ; height: 36px; justify-content: center; align-items: center; color: #0055a2; border-radius: 50%; font-family: num; font-size: 20px; margin: 0 0 10px 0; font-style: inherit;}
.web_order2 dl dd p{}
.web_order2 dl dd p strong{ display: block; color: #333; font-size: 22px; margin: 20px 0; }
.web_order2 dl dd p span{ text-align: justify; display: block; color: #333; font-size: 16px; }
 
.web_order3{ margin-bottom:80px; }
.web_order3 dl dd{ padding:0;}
.web_order3 dl dd i img{ width:100%; height:auto;   }
.web_order3 dl dd p{ display: block; overflow: hidden; padding: 30px;}
.web_order3 dl dd p strong{ margin-top:0; }


.case_tt{ margin-top: 120px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 30px; }
.case_tt h3{display: block; color: #333; font-size: 32px; font-weight: bold;}

.case_1{display: block; overflow: hidden; background: #f8f8f8; padding: 80px 0;}
.case_1 .icenter{display: flex ; justify-content: space-between;}
.case_1 .icenter .lf{display: block; width: 45%;}
.case_1 .icenter .lf e{ display: block; color: #333; font-weight: bold; font-size: 28px; margin: 0 0 20px 0; }
.case_1 .icenter .lf span{ display: block; color: #333; font-size: 16px; }
.case_1 .icenter .rh{ display: block; width: 48%; overflow: hidden; border-radius: 4px;}
.case_1 .icenter .rh img{  display: block; width: 100%; }

.case_2{ margin: 80px auto; }
.case_2 dl{ grid-gap: 0 20px; margin: 0; }
.case_2 dl dd{ }
.case_2 dl dd p e{font-size: 28px;  font-weight: bold; display: block; margin: 20px 0; text-align: center;}
.case_2 dl dd p span{  color:#333;  text-align: justify;}
.case_2 dl dd p span e{display: block; margin: 0 0 10px; font-weight: bold; font-size: 18px; }
.case_2 dl dd i{ width: 80px; height: 80px; background: #0055a2;  border-radius: 50%; display: flex ; align-items: center; justify-content: center;margin: 0 auto;  }
.case_2 dl dd i img{ display: block; width: auto; height: 40px; filter: brightness(0) invert(1);  }
 

.case_show_bottom{ margin: 80px auto; display: block; }
.case_show_bottom h3{ display: block; color: #333; font-size: 28px; margin: 0 0 20px 0; font-weight: bold;}
.case_show_bottom dd{ display: block; color: #333; font-size: 16px; line-height: 28px; text-align: justify; }


.case_solutions{ display: block; overflow: hidden; background: #f8f8f8; padding: 80px 0; }
.case_solutions .icenter{ display: flex ; justify-content: space-between; }
.case_solutions i{ width: 48%; display: block; overflow: hidden; border-radius: 4px; }
.case_solutions i img{ display: block; width: 100%;     border-radius: 4px;}
.case_solutions dd{ width: 48%;}
.case_solutions dd h3{ display: block; color: #333; font-size: 28px; margin: 0 0 20px 0; font-weight: bold; }
.case_solutions dd h4{ display: block; color: #333; font-size: 16px; line-height: 28px; text-align: justify;}
.case_solutions dd h4 e,.case_show_bottom dd e,.case_code dd e{  font-weight: bold;  font-size: 18px;}

 

.case_code{ display: block;  margin: 80px auto; position: relative;   }
.case_code .ac{ margin: 0 0 30px 0; background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); padding: 36px; }
.case_code h3{ display: block; color: #333; font-size: 28px; margin: 0 0 20px 0; font-weight: bold; }
.case_code dd{ display: block; color: #333; font-size: 16px; line-height: 28px; text-align: justify; }
 


 .totop{  position: fixed; z-index: 99; right: 30px; bottom: 130px; cursor: pointer; -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.12); background: #fff; width:40px; height:40px; display: none; overflow: hidden; border-radius: 50%; }
.totop img{ display: block; width: 20px; margin:10px;}


.newefy{ display: flex ; align-items: center; justify-content: center; margin: 60px auto; }
.newefy a{ width: 40px; height: 40px; background: #eee; display: flex ; justify-content: center; align-items: center; border-radius: 50%; color: #0055a2; font-size: 14px; font-weight: bold; margin: 0 10px; }
.newefy a:hover,.newefy .active{ color: #fff; background: #0055a2; }


 

.mbx{ display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 20px 0; }
.mbx .icenter{ display: flex ; align-items: center; }
.mbx .icenter a,.mbx .icenter .fa{display: block; margin: 0 10px 0 0; color: #666; font-size: 14px;}
.mbx .icenter .fa{ color:#999; }
.mbx2{ margin-top: 80px; }

.pro_tt{ display: block; overflow: hidden; border-bottom: 1px solid #eee; padding: 30px 0; margin: 50px auto; }
.pro_tt h3{display: block; color: #333; font-weight: bold; font-size: 46px; margin: 0 0 10px 0;}
.pro_tt h4{display: block; color: #333; font-weight: bold; font-size: 24px; line-height: 30px; margin: 20px 0;}
.pro_tt h5{ display: block; color: #666; font-size: 20px; }

 
.pro_tt_pic{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); overflow: hidden; padding:30px; margin: 60px auto; display: flex ; justify-content: space-between; align-items: center;}
.pro_tt_pic .lf{ position: relative; display: block;  overflow: hidden;width:46%;    border: 1px solid #eee;}
.pro_tt_pic .lf .img{ display: block;  width: 100%; transition: all .6s;}
.pro_tt_pic .lf .videoicon{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 90px; z-index:5; }
.pro_tt_pic .lf:after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.4; }
.pro_tt_pic .rh{display: block;  overflow: hidden; width:50%;}
.pro_tt_pic .rh strong{ display: block; color: #333; font-size: 28px; margin: 0 0 20px 0; }
.pro_tt_pic .rh dd{display: block; color: #333; font-size: 16px;}

.pro_tt_picyouku .lf:hover .img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

 
.pro_principle{display: block; overflow: hidden; background: #f8f8f8; padding: 80px 0;}
.pro_principle h3{display: block; color: #333; font-weight: bold; font-size: 28px;}




.pro_s_code_all{display: block; overflow: hidden; padding: 80px 0;}
.pro_s_code_all2{    background: #f8f8f8;}
.proshow_code{ display: block ;   margin: 0 auto; }
.proshow_code dd{ display: block; width:100%; margin: 0 0 20px 0; }
.proshow_code dd strong{ display: block; color: #333; font-size: 28px; margin: 0 0 40px 0; }
.proshow_code dd p{display: block; color: #333; font-size: 16px;}
.proshow_code dl{display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 12px 12px; width: 100%;}
.proshow_code dl dt{ background: #fff; box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); display: block; overflow: hidden; position: relative; }
.proshow_code dl dt i{display: block; overflow: hidden;border-bottom: 1px solid #eee; }
.proshow_code dl dt i img{ display: block; width: 100%; }
.proshow_code dl dt font{display: block; padding: 30px; color: #333; text-align: justify; font-size: 16px;     padding-top: 16px;}
.proshow_code dl dt strong{ display: block; color: #333; font-size: 20px; padding: 30px; padding-bottom: 0; }
 

.propic{display: block; overflow: hidden; margin: 60px auto; position: relative;}
.propic h3{ display: block; color: #333; font-weight: bold; font-size: 28px; margin: 0 0 16px 0; }
.propic h4{display: block; color: #333; font-size: 16px;}
.propic .propic_text{ display: flex ; align-items: center; justify-content: space-between; border: 1px solid #eee; padding:20px; margin: 30px 0; }
.propic .propic_text .lf{ display: block; width: 48%; overflow: hidden;}
.propic .propic_text .lf img{ display: block; width: 100%; }
.propic .propic_text .rh{ display: block; width: 48%; overflow: hidden;}
.propic .propic_text .rh strong{ display: block; color: #333; font-size: 24px; margin: 0 0 20px 0; }
.propic .propic_text .rh span{ display: block; color: #333; font-size: 14px; }
.machine_adjustment_pic2{display: block; width: auto; max-width: 100%;}
 
.proshowpack{ display: block; overflow: hidden; padding: 80px 0; background: #f8f8f8; }
.proshowpack dl{ display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px;}
.proshowpack dl dd{ display: block; overflow: hidden; background: #fff; padding:30px; }
.proshowpack dl dd i{ height: 280px; display: flex ; align-items: center; justify-content: center;  }
.proshowpack dl dd i img{ display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.proshowpack dl dd strong{ display: block; color: #333; font-size: 22px; margin: 20px 0; border-top: 1px solid #ddd; padding-top: 10px; }
.proshowpack dl dd p{display: block; color: #333; font-size: 16px; margin: 20px 0;}

 

  
 

.webPrivacy{ margin-bottom: 60px;}
.webPrivacy *{font-size: 16px; color: #333; line-height: 30px;}
.webPrivacy h1{ font-size: 46px; }
.webPrivacy h2{ font-size: 36px; }
.webPrivacy h3{ font-size: 26px; }
.webPrivacy h4{ font-size: 20px; }
.webPrivacy h5{ font-size: 16px; }
 

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



}