@charset "utf-8";
/* CSS Document */
:root{
  --hover-color:#e40514;
  --max-width:1150px;
  --max-width-w2:1100px;
  --body-color:#363636;
  --search-height:20px;
  --margin-left:150px;
  --zw-max-width:660px;
  --text-shadow-1:0 1px 8px #000;
}
html{height:100%;    -webkit-tap-highlight-color: transparent;
    text-size-adjust: 100%;-webkit-text-size-adjust:100%}
body{height:100%;position:absolute;width:100%;margin:0;padding:100px 0 0 0;box-sizing: border-box;background:#fff;font-family:"Montserrat","Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;color:var(--body-color);font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
text-rendering: optimizeLegibility;font-family:"Helvetica",'053-CAI978';}

textarea:focus, input:focus{
    outline: none;
}
.highlight{color:#d7111e}

a{text-decoration:none;color:var(--body-color)}
a:hover{text-decoration:none;color:var(--hover-color)}
ol{padding:12px 20px;}
#p6070 ol{margin:0;}
img{border:0;max-width:100%;}
img.border{border:1px solid #ccc;}
.gul{padding:0;margin:0;list-style:none;}
.shadow{box-shadow: 0 3px 4px #aaa;-webkit-box-shadow: 0 3px 4px #aaa;}
.w{margin:0 auto;width:95%;max-width:var(--max-width);}
.w2{margin:0 auto;width:80%;max-width:var(--max-width-w2);}
.w3{max-width:1020px;padding-left:76px;box-sizing: border-box;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;height:0px;line-height:0px;font-size:0px;overflow:hidden;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.mshow{display:none;}
.mhide{display:none;}
.show{display: block;}

.vk_gallery{
  position: relative;
  max-width: 100%;
  width: 100%;
  padding:0;
  margin:0;list-style: none;;
  display:grid;grid-template-columns:repeat(auto-fill, minmax(22%, 1fr));gap:30px;
  align-items: center;
}
.vk_gallery li{position: relative;height: 100%;;}
.vk_gallery li a{display: flex;
    flex-direction: column;
    align-items: center;width: 100%;height: 100%;position: relative;}
.vk_gallery li a span{display:block;line-height:110%;padding:20px 0 10px 0}
.vk_gallery li a i{display: block;height: 100%;max-height:240px;width:100%;}
.vk_gallery li a img{width:100%;height:100%;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);}
.vk_gallery li a:hover img{transform: scale(1.1);}

.klist657 .vk_gallery li a span{display:none;}

.klist658 .vk_gallery li{padding-bottom:20px;;}
.klist658 .vk_gallery li a i{max-height:400px;aspect-ratio: 5 / 7;overflow: hidden;
    border: 11px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 10px #ddd;
    border-radius: 7px;;}
.klist658 .vk_gallery li a span{text-align:center;}

.kmemo{padding:20px 0 50px 0;font-size:120%;text-align: center;}

img.thumb {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin-bottom: 0;;
}
#zwcon img.thumb {
  margin-bottom: 0;;
}



.dataTable{width:100%; border-bottom:1px solid #333;border-collapse:collapse; line-height:100%;padding:20px 0;}
.dataTable caption{text-align:left;padding:12px 0;}
.dataTable p{margin:0;padding:0;}
.dataTable th{color:#fff;font-weight:bold;text-align:center;background:#d7111e; vertical-align:middle;padding:15px 11px;border-bottom:1px solid #dda1a1;position: sticky;top: 0;}
.dataTable tr{background:#fff;}
.dataTable td{ text-align:center;padding:11px; border-bottom:1px solid #ccc;}
.dataTable tr:hover{background:#fff6f7;}
.dataTable td:hover{background:#ffe5e7;}
.dataTable tbody th:first-child{position: sticky;left: 0;}


.loading,
.loading > div {
  position: relative;
  box-sizing: border-box;
}

.loading {
  display: block;
  font-size: 0;
  color: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 54px;
  height: 18px;
  margin:auto;
}

.loading.la-dark {
  color: #333;
}

.loading > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  animation: ball-beat 0.7s -0.15s infinite linear;
}

.loading > div:nth-child(2n-1) {
  animation-delay: -0.5s;
}

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.flex{display:flex;align-items:center;}

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('/fonts/iconfont.woff2?t=1779285194422') format('woff2'),
       url('/fonts/iconfont.woff?t=1779285194422') format('woff'),
       url('/fonts/iconfont.ttf?t=1779285194422') format('truetype');
}

.iconfont {
font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e625";
}

.icon-arrow-left:before {
  content: "\e60a";
}

.icon-cross:before {
  content: "\e54e";
}

.icon-Language:before {
  content: "\e619";
}

.icon-search:before {
  content: "\e621";
}

.icon-home:before{
  content: "\e66a";
}
/***********************************/

.vcodep{display: flex;align-items: center;}
.vcodep img{width:60px;margin-left:12px;height:30px;}

#navCon{height:100px;position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-sizing:border-box;transition: all .3s ease;display: flex;align-items: flex-end;justify-content: space-evenly;box-shadow: 0 4px 5px rgba(0,0,0,0.1);}
#navCon .w{height:80px;position:relative;display: flex;align-items: center;justify-content: space-between;}

#logo{width:10%;min-width:170px;height:100%;background:url('/images/logo.webp') no-repeat center center;background-size: contain;display: block;}


#nav{margin:0;padding:0;list-style:none;display: flex;align-items: center;justify-content: space-evenly;width:80%;max-width:var(--max-width);font-size:14px;height:100%}
#nav ul.submenu{display:none;}

#nav_search{width:220px;justify-content:space-between;}
#topSearchForm{border: 1px solid #333; width:150px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;justify-content: flex-end;}
    #topSearchForm input, #topSearchForm button{height:var(--search-height);
    border: none;background:#fff;}
    #topSearchForm input{width:75%;font-size:80%;}
    #topSearchForm button{cursor:pointer;}

#topContact{display:flex;align-items: center;justify-content: space-between;background:var(--hover-color);color:#fff;padding:4px 12px;box-sizing: border-box;border-radius: 18px;transition: all .4s;font-size:80%;}
#topContact .iconfont{font-size:70%;margin-left:6px;}
#topContact:hover{background:#fff;color:var(--hover-color);border:1px solid var(--hover-color);}
#topContact:hover .iconfont{margin-left:12px;transition: all .4s}

#location{display:flex;align-items: center;justify-content: flex-start;height:100px;margin-left:var(--margin-left);}
#location span{padding:0 9px;font-size: 80%;;}
#sbar{border-left:3px solid var(--hover-color);height:200px;margin-left:var(--margin-left);position:relative;}


#banner{position:relative;}
#banner img{width:100%;object-fit: cover;position: relative;display:block}
#banner p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color:#fff;font-size:calc(100vw / 1000 * 2.5 * 13);margin:0;padding:0;}
#banner .enTitle{font-size:calc(100vw / 1000 * 2.5 * 15);position:absolute;left: 50%;top: 50%;transform: translate(-50%,-20%);font-weight: 600;opacity: 0.4;}

#pdetail #banner{display:block;}

#home #banner{display:none;}

#nav li{}
#nav ul{display: none;left: 0;position:absolute;top:100%;z-index:20;list-style:none;padding:0;margin:0;}
#nav ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}
#nav li:hover>ul{display:block;left:-26px;}
#nav>li{white-space: nowrap;height:100%;display:flex;align-items: center;}
#nav li>a{text-transform:uppercase;transition: all .6s cubic-bezier(0.15,.8,.5,1);display: flex;align-items: center;height: 100%;}
#nav li>a span.arrow::after{content:"\e66c";display:inline-block;margin-left:6px;vertical-align: middle;font-family: "iconfont";transition: all .3s;font-size:80%;transform: rotate(90deg);}
#nav li>a:hover{color:var(--hover-color)}
#nav li>#topContact{height: auto;}


.nav_submenu{position:absolute;z-index:1000000;text-align:left;box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);padding-top:40px;background:#fff url(/images/menuBar.webp) no-repeat center top;background-size: 100% 40px;width:100%;display:none;}
.nav_submenu ul{display:flex;flex-wrap: wrap;list-style:none;margin:0 auto;justify-content:space-between;width:70%; gap:20px;}
.nav_submenu .submenuCon{display:flex;align-items: flex-start;justify-content: space-between;width:100%;padding:60px 0;}

.subPro{display:flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.subPro a{color:#8d959f;padding:6px 0;transition: all .4s;}
.subPro a:hover{color:var(--hover-color);}
.nav_submenu ul li{border-left:1px solid #ddd;padding:0 20px;box-sizing: border-box;}
#productMenu  ul li{max-width: 47%;width:47%;}
.nav_submenu .submenu-title{font-size:180%;font-weight: bold;padding:0;padding-bottom:20px;display:block;color:#999;display:flex;flex-direction:column;border-left:none;width:10%}
.nav_submenu .submenu-title-bar{width:2px;height:200px;display:block;background:var(--hover-color);margin-top:6px;}
.nav_submenu .menuImg{border-left:none;display:flex;align-items: top;justify-content: center;width:20%;}
.nav_submenu .menuImg img{width:70%;display:block;}
.nav_submenu .smTitle{padding-bottom:12px;display:block;}

.closeMenu{position:absolute;bottom:20px;right:20px;font-family: "iconfont";font-size:180%;cursor:pointer;color:#999;transition: all .4s;color:#999;}

#aboutMenu .submenu-title,#solutionMenu .submenu-title,#serviceMenu .submenu-title{width:16%;}
#aboutMenu ul li,#solutionMenu ul li,#serviceMenu ul li{width:calc(50% - 20px);box-sizing:border-box;border-left:none;border-bottom:1px solid #ddd;}
#aboutMenu ul li a,#solutionMenu ul li a,#serviceMenu ul li a{padding:18px 0;display:block;}
#aboutMenu ul li a::before,#solutionMenu ul li a::before,#serviceMenu ul li a::before{content:'\e66c';font-family: "iconfont";font-size:70%;padding-right:5px;vertical-align: middle;}


#nav li .submenu{position:absolute;z-index:1000000;display:none;text-align:left;box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);padding-top:40px;background:url(/images/menuBar.webp) no-repeat center top;background-size: 100% 40px;width:100%;}
#nav>li>ul{background:#fff;}
#nav>li>ul:before{content: '';
    display: inline-block;position:absolute;
    display: none;
    top:-8px;left:50px;
    width: 16px;
    height: 16px;
    background:#ededed;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);z-index:100; 
	border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;}
#nav li .submenu div{padding:11px;}
#nav li .submenu div b{font-weight:normal;line-height:150%;display:block;padding:12px 0;}
#nav li .submenu div i{display:block; overflow:hidden;}
#nav li .submenu div i img{display:block;width:100%;}

#nav li .submenu li{padding:5px 10px;position:relative;border-top:1px solid #ddd;}
#nav li ul li:first-child{border-top:0;}
#nav li .submenu li a{display:block;color:#666;min-width:auto; text-transform:capitalize;padding:8px 28px 8px 0;transition: all .4s;position:relative;}
#nav li .submenu li a:before{content:'';width:0;position:absolute;bottom:-5px;height:1px;background:var(--hover-color);transition: all .4s;}
#nav li ul li:hover{background:#f7f7f7}
#nav li ul li a:hover{color:var(--hover-color)}
#nav li .submenu li a:hover:before{width:100%;}
#nav li .submenu li span{padding-left:16px;}
#nav li .submenu li a span::before{content:'\e66c';font-family: "iconfont";font-size:70%;padding-right:6px;vertical-align: middle;}
#nav li ul li ul{background:#fff}
#nav li ul li ul li{line-height:100%;}
#nav li ul li ul li i{
    font-style: normal;
    font-weight: 300;
    display: block;
    padding-left: 16px;
    font-size: 80%;
    color: #aaa;
}
#nav li ul li ul li span{
    font-weight:400;
}
#mnav{display:none;position:fixed;top:0;left:0;right:0;z-index:1001;background:#fff;box-sizing:border-box;padding:12px 5%;align-items: center;justify-content: space-between;}



#footer{padding: 0;border-top:1px solid #ddd;margin-top:100px;}
#footer .w{width:var(--max-width-w2);}
#footTop{padding:20px 0;}
.footLogo{display:flex;align-items: center;justify-content: flex-start;font-size:120%;font-weight: 600;}
.footLogo .blogo{width:150px;}
.footLogo .blogo img{width:100%;height:auto;display:block;}
.footLogo .binfo{max-width:200px;font-size:70%;line-height:100%;color:#666}

#footMenu{border-top: 1px solid #ddd;}
#footMenu ul{display: flex;flex-wrap: wrap;list-style:none;padding:20px 0;margin:0 auto;justify-content: space-between;}
#footMenu li{box-sizing: border-box;width:25%;padding:30px 0;}
#footMenu li:first-child{padding-left:0;}
#footMenu li .btitlea{margin:0 0 12px 0;}
#footMenu li .btitlea a{color:var(--hover-color);}
#footMenu li .bsubmenu{display:flex;flex-direction: column;}
#footMenu li .bsubmenu a{padding:3px 0;color:#666;transition: all .4s;position:relative;display:flex;}
/*#footMenu li .bsubmenu a::before{content: '\e66c';font-family: "iconfont";font-size:70%;padding-right:6px;vertical-align: middle;padding-top:3px;}*/
#footMenu li .bsubmenu a:hover{color:var(--hover-color)}

#footinfo{padding:30px 0;border-top:1px solid #ddd;color:#898989;}
#footinfo a{color:#898989;}
#footMenu .bEwm{color:#999}
#footMenu .bEwm img{max-width:100%;display:block;width:220px;margin-bottom:10px;}

#followUs{display:flex;align-items: center;justify-content: flex-start;padding:20px 0;}
#followUs a{display:flex;align-items: center;justify-content: center;width:30px;height:30px;border-radius: 50%;background:#f5f5f5;color:#666;margin-right:12px;transition: all .4s;}
#followUs a:hover{background:var(--hover-color);color:#fff;}


#subNav ul{display: flex;flex-wrap: wrap;list-style:none;padding:0;margin:0 auto;justify-content: center;    flex-direction: column;max-width:var(--zw-max-width);margin-left:var(--margin-left);}
#subNav ul li{box-sizing: border-box;padding:0;}
#subNav ul li a{padding:16px 0;display:block;transition: all .4s;border-bottom:1px solid #ddd;display:flex;align-items: center;justify-content: flex-start;}
#subNav ul li a.act{border-bottom:1px solid var(--hover-color);color:var(--hover-color);}
#subNav ul li a::before{content:"\e60a";font-family: "iconfont";font-size:80%;padding-right:6px;vertical-align: middle;transition: all .4s;}




.pageContainer{display:flex; flex-direction:column;}
.pageContainer #mmr{}
#zwcon{padding:50px 0 100px 0;line-height: 1.9;}
.zwTextCon{max-width:var(--zw-max-width);margin-left:var(--margin-left);}

.zwConImgs{display:flex;flex-wrap: wrap;justify-content: flex-start;gap:20px;flex-direction: row;align-items: center;margin-top:60px;}
.zwConImgs::before{content:"";display:block;border-top:2px solid var(--hover-color);width:20%;padding-bottom:40px;}
.zwConImgs::after{content:"Ingram Valve Technology Group Co., Ltd.";display:block;margin-left:auto; text-transform:uppercase;font-size:80%;color:#999;}
.zwConImgs img{width:100%;}

.global_imgs{margin:50px 0 50px 0;display:none;justify-content: center;;}
.global_imgs img{display:block;max-width:100%;}
.global_imgs a{display: flex;position: relative;width: 100%;max-width: 1920px;aspect-ratio: 1920 / 465;background:url() no-repeat center center; background-size: cover;align-items: flex-end;}
.global_imgs a .barWords{color:#fff;font-weight: bold;font-size:150%;width: 25%;display: block;margin-left: var(--margin-left);line-height: 110%;padding:20px 0 50px 0;    border-top: 3px solid var(--hover-color); text-shadow: var(--text-shadow-1);}
.global_imgs a.bar1{background-image: url(/files/images/site/bar3.webp);}
.global_imgs a.bar2{background-image: url(/files/images/site/bar4.webp);}
.global_imgs a.bar3{background-image: url(/files/images/site/bar1.webp);}
.global_imgs a.bar4{background-image: url(/files/images/site/bar2.webp);}

.nlist{display:flex;justify-content: flex-start;flex-direction: row;align-items: flex-start;padding:0;margin:0;list-style:none;}
.nlist li{width:calc(33% - 40px);aspect-ratio: 4 / 7;box-sizing: border-box;display:flex;justify-content:center;position:relative;transition: all .4s;}
.nlist li a{display:flex;flex-direction: column;padding-bottom:30px;background:#fff;box-shadow: 0 8px 20px #ddd;width:90%;height: 90%;transition: all .4s;position:relative;overflow: hidden;}
.nlist li a:hover{color:#4c5158}
.nlist li a:hover .img img{transform: scale(1.1);}
.nlist li .img{width:100%;overflow:hidden;position:relative;aspect-ratio:1 / 1;}
.nlist li .img img{width:100%;height:100%;object-fit:cover;transition: all .7s cubic-bezier(.43,.195,.02,1);}
.nlist li .memo{box-sizing: border-box;line-height:150%;aspect-ratio: 3 / 2; overflow:hidden;padding:12px 30px; position:relative;color:#aaa;line-height: 190%;;}
.nlist li .title{font-weight: bold; font-size: 16px; color:#fff;text-shadow: 0 1px 8px #000;position: relative;top:-80px;padding:0% 30px;width:100%;box-sizing: border-box;line-height:120%;;}
.nlist li .title::before{content:"";position:absolute;left:30px;bottom:-65px;background:var(--hover-color);z-index:1;width:5px;height:50px;}
.nlist li .more{padding:0% 43px;position: relative;display:flex;align-items: center;transition: all .4s;margin-top:20px;}
.nlist li .more::after{content:"\e66c";position:absolute;left:30px;z-index:1;font-family: "iconfont";font-size:80%;color:var(--hover-color);transition: all .4s;}
.nlist li a:hover .more::after{left:100px;}
.nlist li a:hover .more{padding:0% 30px;color:var(--hover-color)}
.nlist li a:hover .memo{color:#666}
.p6180 .nlist li{width:calc(50% - 40px)}

.plist{position:relative; overflow:hidden;width:var(--max-width);margin:0px auto;padding:50px 0;flex-wrap: wrap;}
.plist li{width:25%}
.plist li a{box-shadow: none;border:1px solid #b5b5b5;}
.plist li .title{text-shadow:none;top:0;color:#4c5158;padding:28px;}
.plist li .title::before{display:none}
.plist li .more{width:20px;height:20px;margin-left:auto;padding:0;margin-right:20px;}
.plist li .more::after{right:0px;transition: all .4s; transform: rotate(90deg);left:auto;font-size:160%;color:var(--body-color);bottom:0;}
.plist li .img img{object-fit: contain;}
.plist li .img::before{content:"";position:absolute;left:0;top:0;width:4px;height:70%;background:#8d959f;z-index:1;}
.plist li a:hover .more::after{bottom:-10px;left:auto;color:var(--hover-color);}
.plist li a:hover .img::before{background:var(--hover-color);}


.recommend_news{position:relative;}
.recommend_news_con{position:relative;width:100%;overflow:hidden;}
.recommend_news_title,.rmd_title{    font-weight: bold;
    font-size: 150%;
    text-align: center;
    width: 34%;
    margin: auto;
    line-height: 110%;
    padding: 40px 0;}
.swpBtnCon{display:flex;align-items:center;justify-content:space-between;width:110%;position:absolute;top:50%;left:-5%;transform: translateY(-50%);z-index:10;}
.swpBtn{font-family: "iconfont";font-size: 200%; cursor:pointer; user-select:none;color: #000;}

/*.recommend_product{width:calc((100vw - var(--max-width)) / 2 + var(--max-width) -);margin-left:calc((100vw - var(--max-width)) / 2);position:relative; overflow:hidden;}*/
.recommend_product{position:relative; overflow:hidden;width:var(--max-width);margin:0px auto;padding:50px 0;}
#recommend_product_list li{width:calc(25% - 40px)}
#recommend_product_list li a{box-shadow: none;border:1px solid #b5b5b5;}
#recommend_product_list li .title{text-shadow:none;top:0;color:#4c5158;padding:28px;}
#recommend_product_list li .title::before{display:none}
#recommend_product_list li .more{width:20px;height:20px;margin-left:auto;padding:0;margin-right:20px;}
#recommend_product_list li .more::after{right:0px;transition: all .4s; transform: rotate(90deg);left:auto;font-size:160%;color:var(--body-color);bottom:0;}
#recommend_product_list li .img img{object-fit: contain;}
#recommend_product_list li .img::before{content:"";position:absolute;left:0;top:0;width:4px;height:70%;background:#8d959f;z-index:1;}
#recommend_product_list li a:hover .more::after{bottom:-10px;left:auto;color:var(--hover-color);}
#recommend_product_list li a:hover .img::before{background:var(--hover-color);}
.recommend_product .swpBtnCon{position:relative;justify-content:center;width:100%;margin:100px 0 0 0;left:0;}
.recommend_product .swpBtn{font-size: 200%;margin:0 20px;}


.h2Title{font-weight: bold;font-size: 170%;text-align: center;padding: 40px 0;}
#iaboutCon{padding:50px 0 20px 0}
.iaboutConText{width:70%;margin:0 auto;line-height: 1.6;;}
.iaboutConImg{padding:70px 0;}

#iApp{display:flex;align-items:center;justify-content: center;padding:50px 0;}

#picon{display:flex;align-items:center;justify-content: space-between;padding:50px 0;}
#picon a{display:flex;flex-direction: column;align-items:center;justify-content: flex-end;width:calc(25% - 40px);text-align:center;transition: all .4s; aspect-ratio: 175 / 200;box-sizing: border-box;padding:20px 0; background: url() no-repeat center center;background-size: 60%;transition:all 0.5 linear;}
#picon a.wicon{background-image: url('/images/w2_icon.png');background-size: 54%;}
#picon a.ssicon{background-image: url('/images/w_icon.png');background-size: 43%;}
#picon a.cicon{background-image: url('/images/c_icon.png');background-size: 49%;}
#picon a.gicon{background-image: url('/images/ball_icon.png');background-size:60%;}

#picon a:hover{background-size: 60%;color: var(--hover-color);}
#picon a.gicon:hover{background-size: 70%;;}
#picon a.ssicon:hover{background-size: 50%;}
#picon a.cicon:hover{background-size: 56%;}

.ipImg{width:100%;max-width: 1920px;aspect-ratio: 1920 / 738;margin:0 auto 100px auto;overflow: hidden;position:relative;}
.ipImg>div{display:flex;align-items:center;justify-content: center;transition: all 1s ease;transform: scale(1.1);opacity: 0;position: absolute;left: 0;top:0; visibility: hidden;}
.ipImg>div.act{transform: scale(1);display:flex;opacity: 1; visibility: visible;}

.ipImg>div>div{width:90%;max-width: 1150px;margin:auto;text-align: center;color:#fff;text-shadow: 0px 1px 9px #000;padding:0; position: absolute;z-index: 10;left: 0;top:0;right:0;bottom: 0;aspect-ratio: 1150 / 500;display: flex;align-items: center;flex-direction: column;    justify-content: center;}
.ipImg h3{font-size: 300%;text-transform: uppercase;margin: 0;;}
.ipImg h2{font-size: 600%;margin:0;}
.ipImg h4{font-size: 150%;line-height: 110%;max-width: 480px;width: 100%;margin:0 auto;}
.ipImg a{width: 130px;background:#fff;padding:10px 0;text-align: center;border-radius: 30px;font-family:"iconfont";margin-top:50px;;}
.ipImg a:hover{color: var(--hover-color);}

.cpimg{margin:100px auto 40px auto;}
.cpimg>div{opacity: 1;visibility: visible;;}


#ic{display:flex;align-items:center;justify-content: center;padding:90px 0 50px 0;}

#iProductCon{max-width:1500px;margin: auto;position: relative;;}

.sameTypeCon{width:100%;max-width:var(--max-width);margin:0 auto;padding:50px 0;}
.sameTypeCon ul{flex-wrap: wrap;margin-left:70px;}
.psMemo{background:#f7f4f8;padding:60px 0;}
.psContent{padding:40px 0;line-height: 180%;;}
.h2T{padding:20px 0;font-size:200%;font-weight: normal;;}
.sameType{margin-left:var(--margin-left);border-bottom:1px solid #d7111e;font-size:200%;font-weight: normal;padding:40px 0 10px 0;}

.articleTitle{line-height: 140%;;}
.articleCon{padding:40px 0;}
.newsCImg {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    padding: 0 0 30px 0;
}


#p6136060 .pageContainer{background:url(/images/about_bk.webp) no-repeat top center;background-size: 80% auto;;}
.aTitle{padding:0 0 30px 0}
.aTitle h2{font-size: 230%;padding:0;margin:0;}
.aTitle h3{font-size: 170%;padding:0;margin:0;max-width: 400px;line-height: 120%;}

.qico{padding: 0 0 60px 0;;}
.qico img{display: block;width:100%;}

.contactEwm img{width:50%;}


#isimg{width:100%;position:relative;display: flex;margin:0 auto;aspect-ratio: 2512 / 928;}
#isimg .sitem{width:7%;background:url() no-repeat center top;background-size:auto 100%;transition: all 0.5s ease;}
#isimg .act{width:72%;}
#isimg img{display: block;;}


.isitem_big{display: none;height:100%;position: relative;;}
.isitem_small,.isitem_img{height:100%;position: relative;}
.isitem_small .isitem_img img{width:100%;height:100%; object-fit: cover;}
.isitem_small .isitem_text{position:absolute;bottom:60px;left: 5%;width:70%;font-weight: bold;color: rgba(255, 255, 255, 0.5);font-size:110%;line-height: 100%;transition: all 0.5s ease;display:flex;align-items: flex-end;padding-right:20%;;}
.isitem_small .isitem_text::after{content:"\e66c";font-family:"iconfont";position: absolute;right:0;;width:18px;height:26px;line-height: 26px;font-size:60%;text-align: center;background-color:rgba(255, 255, 255, 0.8);color:#000}
.isitem_small .isitem_text::before{position: absolute;width:4px;height:30px;background-color: rgba(228, 0, 0, 0.5);content:"";top:-40px;}
.isitem_big .isitem_text{position:absolute;bottom: 0;color:#fff;font-weight: bold;font-size: 100%;text-shadow: 0px 1px 9px #000;left:5%;width:60%;}
.isitem_big  img{width:100%;height:100%; object-fit: cover;}

.isitem_big .isitem_text::after{position: absolute;width:4px;height:30px;background-color: rgba(228, 0, 0, 1);content:"";bottom:-15px;}

#isimg .act .isitem_small{display: none;}
#isimg .act .isitem_big{display: block;}
#isimg .act .isitem_big .isitem_text .p1{font-size: 90%;width:30%;;}
#isimg .act .isitem_big .isitem_text .p2{font-size: 350%;line-height: 100%;margin-top:20px;}



/**knowus-base**/
.knowus-base{--base-height:722px; --item-width:320px; --item-small-width:100px;--item-big-width:980px; --t:all 0.5s ease-out; height: var(--base-height); position: relative; overflow: visible; }
.knowus-base-c{position:absolute;transition:var(--t);margin:auto;top:0;left:0;right:0;}
.knowus-base-item{width:var(--item-width); height:var(--base-height); position:relative;overflow: hidden; transition:var(--t); display:flex;}
.knowus-base-item .row-img{background-position: center center; background-repeat: no-repeat; background-size: auto cover; height:var(--base-height);}
.knowus-base-item .knowus-base-item-small .row-img{width:var(--item-width); }
.knowus-base-item .knowus-base-item-big .row-img{width: var(--item-big-width);}
.knowus-base-item .knowus-base-item-small{width:var(--item-width); height:var(--base-height);  overflow:hidden; transition: var(--t); position: relative;}
.knowus-base-item .knowus-base-item-small-c{width:var(--item-width);position: absolute; top:0;left:0;}
.knowus-base-item .knowus-base-item-small-c .full-content{background-image: linear-gradient(to bottom, #187FC3 0%, #187FC300 50%); height: 100%;}
.knowus-base-item .knowus-base-item-small-c .t{font-size:20px; color:#FFF; font-weight: bold; text-align: center; padding-top: 50px;transition: var(--t);  }
.knowus-base-item .knowus-base-item-big{width:0px; height:var(--base-height);  overflow: hidden; transition: var(--t); position: relative;}
.knowus-base-item .knowus-base-item-big-c{width:var(--item-big-width); position: absolute; top:0;left:0;}
.knowus-base-item .knowus-base-item-big-c .full-content{background-image: linear-gradient(to top, #000000AA 0%, #00000000 50%); height: 100%; color:#FFF; padding:60px 100px ;}
.knowus-base-item .knowus-base-item-big-c .full-content.blue{ background-image: linear-gradient(to top, #187FC3 0%, #187FC300 50%); }

.knowus-base.on .knowus-base-item{width:var(--item-small-width);}
.knowus-base.on .knowus-base-item.on{width:var(--item-big-width);}
.knowus-base.on .knowus-base-item.on .knowus-base-item-small{width:0px;}
.knowus-base.on .knowus-base-item.on .knowus-base-item-big{width:var(--item-big-width);}
.knowus-base.on .knowus-base-item .knowus-base-item-small .t{  writing-mode: vertical-lr;    text-orientation: upright;    display: flex;    justify-content: center;    align-items: center; width:var(--item-small-width);}

/* .knowus-base-item:hover{width:var(--item-big-width);}
.knowus-base-item:hover .knowus-base-item-small{width:0;}
.knowus-base-item:hover .knowus-base-item-big{width:var(--item-big-width);} */


.knowus-base.knowus-base2{--item-width:256px;--item-big-width:980px; --item-small-width:75px;}
.knowus-base.knowus-base3{--item-width:213px;--item-big-width:980px; --item-small-width:75px;}

.knowus-4 .full-img .row-img-bg{width:75%; margin-left:25%}
.knowus-4-c-item .row-ico{position: relative; margin-right: 10px;}
.knowus-4-c-item .row-num{position: absolute;top:2px;   bottom: 0;    left: 0;    right: 0;    margin: auto;    line-height: 1;    width:clamp(42px, 1.759rem + 3.7vw, 80px);;    display: flex;    justify-content: center;    align-items: center;}

.knowus-5 .full-img .row-img-bg{width:75%; margin-left:25%}
.knowus-5-c-item .row-ico{position: relative; margin-right: 10px;}
.knowus-5-c-item .row-num{position: absolute; top:2px;   bottom: 0;    left: 0;    right: 0;    margin: auto;    line-height: 1;    width:clamp(42px, 1.759rem + 3.7vw, 80px);;    display: flex;    justify-content: center;    align-items: center;}
.knowus-5-c-item .row-num .unit{line-height:1;}
.knowus-5-c-item .row-num .unit .sup{margin-top:-12px;}

#solutionShow{max-width:1920px;aspect-ratio: 1920 / 790;overflow: hidden;margin:0 auto;}
#home #solutionShow{margin:50px auto;}
#solutionShow .swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1.1,1.1);
		}
#solutionShow .swiper-slide-active img,#solutionShow .swiper-slide-duplicate-active img{
		transition:6s linear;
		transform:scale(1,1);
		}	


.ppcon{padding:0 0 60px 0;}

#ssForm{display: flex;align-items: center;border:1px solid #ccc;border-radius: 10px;--search-height:50px;}
#ssForm input{flex:1;border:none;height:var(--search-height);line-height:var(--search-height);padding-left:14px;box-sizing: border-box;border-radius: 10px;;}
#ssForm button{width:var(--search-height);height:var(--search-height);line-height:var(--search-height);border:none;background:#fff;border-radius: 10px;}

.searchResult{margin: 0;padding:0; list-style: none;}
.searchResult li{padding:0 0 15px 0;}
.searchResult li>h3{font-size:130%;}
.searchResult li .surl{color:#959595;font-size:90%;padding:4px 0;word-wrap: break-word;word-break: break-all;display: block;}
.searchResult li p{padding:0;line-height: 120%;;}
#zwcon .searchResult li img{width:25%;float:left;margin-right:15px;margin-bottom:15px;}

#psImgCon{display: flex;justify-content: space-between;align-items: center;}

.inqueryA{margin:20px 0 0 0;}
.inqueryA a{display: inline-block;padding:8px 30px;background:#fff;border: 1px solid var(--hover-color);color:var(--hover-color)}
.inqueryA a::after{content: "\e60b";font-family:"iconfont";font-size: 120%;padding-left: 8px;;}
.inqueryA a:hover{background-color: var(--hover-color);color: #fff;;}


.eventList{display:flex;flex-wrap: wrap;}
.eventList li{width:30%;box-shadow: 0 0px 3px #c3c3c3;box-sizing: border-box;border-radius: 14px;overflow: hidden;background:#fff;padding:14px;margin:0 1.5%;margin-bottom:30px;}
.eventList li a{display:flex;flex-direction: column;gap:12px;}
.eventList li a div.img{display:block;overflow: hidden;width:100%;aspect-ratio: 16/9;}
.eventList li a div.img img{width:100%;height:100%;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);display:block;}
.eventList li a h3{font-weight: bold;line-height:120%;}
.eventList li a span.more{color:var(--hover-color);}
.eventList li a:hover div.img img{transform: scale(1.1);}


#event1 ul{display: flex;flex-wrap: wrap;margin-left: var(--margin-left);}
#event ul li{width:33%;}
#event li:first-child{width:100%;box-shadow:none;border-radius:0;border-bottom:1px solid #fff;padding-bottom:50px;margin-bottom:50px; aspect-ratio: auto;}
#event li:first-child a{width:100%;display: flex;flex-wrap: wrap; align-items: flex-start;min-height: 300px; align-content: flex-start;  }
#event li:first-child a span:first-child{width:33%;aspect-ratio:auto;}
#event li:first-child a span:not(:first-child){width:60%;margin-left: auto;padding: 0;aspect-ratio: auto;}

.featureList ul{list-style: none;margin:0;padding:0;}
.featureList li{position: relative;
  padding-left: 20px;margin:10px 0;}
.featureList li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px; /* 根据字体大小微调，让方块垂直居中 */
  width: 8px;
  height: 8px;
  background-color: red;
}

#vk_mask{position:fixed;width:100%;height:100vh;background:rgba(0, 0, 0, 0);left: 0;top:0;z-index: 100;;}

#footMenu li.footSol{width:75%}
#footMenu li.footSol .bsubmenu{    flex-direction: row;    flex-wrap: wrap;}
#footMenu li.footSol .bsubmenu a{width:33%;}