html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}
*{margin: 0; padding: 0; box-sizing: border-box;}
body{font-size: 14px; font-family:"'Microsoft Yahei"; min-width:1300px; overflow-x: hidden; }
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
*{margin: 0; padding: 0; box-sizing: border-box;}
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{height:0; overflow:hidden; clear:both;}
.cl{height:0; overflow:hidden; clear:both;}
.container{ width:1400px; margin:auto; min-width:1200px;}
.top40{ margin-top:40px;}
.top30{ margin-top:30px;}
.top60{ margin-top:60px;}
.top80{ margin-top:80px;}
.toct{text-align: center;padding-top: 80px;}
.toct span{font-family: 'Arial';font-weight: bold;font-size: 56px;color: #eee;text-transform: uppercase;}
.toct p{font-size: 40px;color:#222;}
.toct d{font-weight: bold;}
.toct dd{color:#666;font-size: 16px;line-height: 40px;display: block;}

@font-face {
  font-family: 'iconftb';  /* Project id 2711650 */
  src: url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.eot?t=1629430281946'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.eot?t=1629430281946#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.woff2?t=1629430281946') format('woff2'),
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.woff?t=1629430281946') format('woff'),
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.ttf?t=1629430281946') format('truetype'),
       url('//at.alicdn.com/t/font_2711650_ljil1mpgvkr.svg?t=1629430281946#iconftb') format('svg');
}
/*抬头*/
.header:hover{ background: rgba(255,255,255); box-shadow: 0 0 30px 0px rgba(0,0,0,0.1); }
.header:hover a{color:#333;}
.header{position: fixed;top: 0;left: 0;width: 100%;height: 90px;z-index: 5000;background: rgba(25,118,211,0.6);transition: ease .5s;}
.header.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.ny-header{background: #fff;}
.header-con{width: 90%; margin:0 auto;}
.header.on .header-con{border: none;}
.header:hover .logo{filter: grayscale(0%) brightness(100%);}
.header .logo{filter: contrast(0) brightness(2);display: block;float: left;position: relative;z-index: 1200; margin-top:11px;}
.header .logo span{float:right; font-size:31px; margin-left:18px; font-family: "classic"; margin-top:2px; color:#fff; font-weight: bold;}
.header .logo span i{font-size:13px; font-family: microsoft yahei;  display:block; letter-spacing:-0.5px; color:#fff; font-weight:normal}
.header .logo img{  margin-top:1px;}
.header.on .logo span,.header.on .logo span i,.header:hover .logo span,.header:hover .logo span i,.header.on .header-phone span{ color:#333;}
.header-top{background: url()no-repeat center;transition: ease .5s;padding: 25px 0;}
.ny-top{background: #fff;}
.ny-top .header-language a:hover{color: #fff;}
.header-slogan{float: left;font-size: 22px;line-height: 40px;color: #341d17;}
.header-right{ }
@media(max-width:1800px){
.header-right{}
}
.header-phone{float: right;font-size: 20px;line-height:28px;color: #fff;margin-top:31px;  position: relative;padding-left:32px; font-family: "DIN";}
.header-phone span{ display:block; float:left;}
.header-phone h4{ font-weight:normal;}
.header-phone::before{position: absolute;content: "";width: 25px;height: 25px;background: url(https://memberpic.114my.com.cn/lianbao888/uploadfile/image/20231028/20231028101252_1300217775.png)no-repeat center;background-size: 100% 100%;top: 50%;transform: translateY(-50%);left: 0;}
.header-phone span{display: inline-block;font-family: "ITCAvantGardeStd-BkCn";font-size: 17px;line-height:28px;color: #fff; padding:0px 10px}

.header:hover .sub-bot{background-image: url(https://memberpic.114my.com.cn/sz0001292/uploadfile/image/20231130/20231130140403_1165198063.png);}
.header:hover .header-phone::before{background-image: url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240702/20240702094617_172323146.png);}
.header:hover .header-phone,.header:hover .header-phone span{color: #333;}
.header:hover .dis-m{ color:#333}
/*language*/
.header.on .search,.header:hover .search{background: url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240702/20240702094712_1844771325.png) no-repeat center;}
.search{background: url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240727/20240727173723_1525398667.png) no-repeat center;width: 22px;height: 20px;margin-left:0.6vw;cursor: pointer;}
.search:hover .slideDown{opacity: 1;height: 190px;}
.search .slideDown{text-align: center; font-size: 0; overflow: hidden; position: absolute; right: 0; top: 100%; width: 100%; height: 0px;background: rgba(25,25,25,0.7);z-index: 8;opacity: 0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;border-radius: 0px 0px 10px 10px;}
.search .slideDown .searchBox{ overflow: hidden; display: inline-block; width: 1010px; height: 60px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;}
.search .slideDown .searchBox{*display: inline}
.search .slideDown .searchHot,.search .slideDown .searchHot a{ font-size: 15px; color: #fff;}
.search .slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;}
.search .slideDown .searchBox button[type='submit']{ cursor: pointer; float: right; margin-right: 15px; width: 60px; height: 60px; border: none; }
.search-bg{width: 936px;height: 60px;line-height:60px;    padding-left: 20px;    float: left;}
.search .submit{width: 21px; height: 18px; background: url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240702/20240702094712_1844771325.png) no-repeat center;border: 0;font-size: 0;}

.search-i {width: 32px;overflow: hidden;height:27px;float: left;margin-top: 16px;}
@-webkit-keyframes "warn" {
    0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.5;}
    50% {transform: scale(0.5);-webkit-transform: scale(1);opacity: 0.0;}
    100% {transform: scale(0);-webkit-transform: scale(0);opacity: 0.0;}
    
}
.sbidg{  margin-top:23px; margin-left:10px;}
.sbidg img{border-radius:3px;}
/**/
.header.on .dis-m{ color:#333;}
.hright{ margin-top:35px; }
.hrdrop{ position:absolute; right:0px; top:35px; background:#fff; height:0px; overflow:hidden; transition:all 0.5s ease;  z-index:99999;}
.hrdrop.hrphone{ font-size:20px; background:#222; font-weight:bold;background:#fff;}
.hright ul li:hover .hrphone{ padding:20px; height:60px; width:210px;border-radius: 10px;}
.hrdrop.hrcode img{ width:100px; height:100px;}
.hright ul li:hover .hrcode{ padding:10px;border-radius: 10px; width:120px; height:120px;}
#search_bg{ height:37px; width:270px; border:1px solid #bbb; padding-left:15px;border-radius: 10px;}
.hright ul li:hover .hrsearch{ padding:20px; width:310px; height:77px;border-radius: 10px;}
.hrsearch input{ border:none; background:none; height:35px; display:block; float:left;}
#infoname{ width:215px;}
.header.on .header-phone, .ny-header .header-phone{color: #333; margin-top:31px;}
.header.on .header-phone::before, .ny-header .header-phone::before{background-image: url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240702/20240702094617_172323146.png);}
.header-navbar{}
.navbar{float: right;transition: ease .5s;}
.navitem{float: left;padding: 0 20px;}
.navitem > a{display: inline-block;font-size: 17px;color: rgba(255,255,255,1);line-height: 30px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;background: transparent;padding: 30px 0;position: relative;}
.wths{font-size: 18px; color: #fff; float: left; padding-left: 20px; margin-top: 17px; letter-spacing: 5px;}
.wths span{display: block; font-size: 24px; font-weight: bold; letter-spacing: 0px;}
.header.on .wths,.header:hover .wths{ color:#333;}
.header.on .wths span,.header:hover .wths span{ color:#1976d3;}

/* 下拉 */
.dropdown-menu{display:none; width:100%; left:0;top: 100%; position:absolute; background:#fff;border-top:1px solid #cfdae3; height:120px; text-align: center;}
.dropdown-menu ul{display:flex;justify-content:center;width:100%;padding-top:11px;}
.dropdown-menu ul li{margin:0 70px;}
.dropdown-menu ul li img{display:block;margin:0 auto;height:38px;}
.dropdown-menu ul li p{margin-top: 12px;line-height:20px;}
.dropdown-menu ul li a{display: block;color: #333333;font-size:16px}
.slhp li{margin:0 20px !important; }
.navitem.single{/*position: relative;*/}
.navitem:hover .dropdown-menu{display: block;}
.dropdown-pad{text-align: center;background: #fff;padding: 8px 20px;}
.dropdown-menu a{display: block;font-size: 16px;line-height: 30px;padding: 15px 0;color: #333;transition: ease .5s;border-top: 1px dashed #e5e5e5;}
.dropdown-menu a:hover{color: #1976d3; font-weight:bold; font-family: "Microsoft YaHei";}
.dropdown-menu a:first-child{border-top: none;} @media (max-width:640px){.intw-txt, .pro-ul li .intw-txt, .pro-ul li:hover .intw-txt{padding: 30px 0;}
.abtbanner-font h4, .abtbanner-font h3, .abtbanner-font p{color: #222;}
.intw-slide:hover .intw-txt{transform: none;}
.intw-slide:hover .intw-txt::before{display: none;}
.intw-slide:hover .intw-txt h3{color: #333;}
.intw-slide:hover .intw-txt p{color: #666;}
.intw-slide:hover .intw-txt span{background-color: #1976d3;height: 2px;width: 29px;}
.intw-txt p, .intw-slide:hover .intw-txt p{-webkit-line-clamp: 2;}}
/* .navitem.active>a{font-weight: bold;color: #fff;} */
.navitem:hover > a, .ny-header .navitem:hover > a{color: #333;}
.navitem > a::before{position: absolute;content: "";width: 0px;height: 3px;background: #1976d3;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}
.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before{width: 100%;}
.header.on{background: rgba(255,255,255);border-color: transparent;height:90px;}
.header.on .navitem > a{padding:30px 0;}
.header.on .logo img{/*width: 224px;height: 35px;*/ margin-top:1.5px;}
.header.on .logo span{ margin-top:5px;}
.header.on .logo{filter: grayscale(0%) brightness(100%); color:#333; margin-top:11px;}
.header.on .logo p, .header.on .navitem > a, .ny-header .navitem > a, .header.on .language-text, .ny-header .language-text{color: #333;}
.header.on .navitem.active > a, .ny-header .navitem.active > a{color: #1976d3;font-weight: bold;}
.header .navitem:hover > a::before,.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before{width: 100%;}
.header.on .navitem > a:hover{color: #333;}
.header.on .language-text:hover, .ny-header .language-text:hover{color: #333;}
#ino-p1{display: none;}
#ino-p span{opacity: 0;}
@media(max-width:1500px){
.navbar{margin-right:1px;}
.header-con{width: 90%;}
.header-phone{ margin-right: 14px;} 
.navbar{margin-left: 2%;}
.header .logo img{ }
.header .logo span{  margin-left: 7px}
}
@media(max-width:1819px){
.header-con{width: 90%;}
.navitem{padding: 0 12px;}
.header-phone{font-size: 22px;}
.navbar{margin-right: px;}} @media(max-width:1559px){.intw-swiper{padding: 0 60px;}
.intw-swiper .swiper-button-next{right: 0;}
.intw-swiper .swiper-button-prev{left: 0;}} @media(max-width:1459px){.index-tit em{font-size: 40px;}
.ino-more{margin-top: 50px;}
.ind3-txt h3{font-size: 24px;}
.navitem > a{font-size: 16px;}
.header-phone::before{width: 20px;height: 20px;}
.header-phone{font-size: 20px;padding-left: 30px;}
.navitem > a, .header.on .navitem > a{padding: 35px 6px;}
.navbar{margin-right: px;margin-left: 10px;}
.header .logo{margin: 11px 0 0 0%;}
.header.on .logo{ margin-top:12px;}
.ny-header .logo{margin: 38px 0;}
.intw-slide:hover .intw-txt p{-webkit-line-clamp: 3;}
.intw-txt{height: 182px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 22px;}
.in5-li{padding: 10px 0 15px;}
.bottom1-ewm{width: auto;}
.index-two::before{height: 332px;}} @media(max-width:1259px){body{padding-top: 60px !important;}
.foot-app, .header-app{display: block;}
.index-tit em{font-size: 34px;line-height: 46px;}
.in5-ri{padding: 15px 22px;}
.in5-li{padding: 10px 0 13px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 21px;}
.ino-font1 h3{font-size: 21px;}
.ino-font1.on h3{font-size: 26px;}
.int-ul{padding: 60px;}
.ino-con{height: 450px;}
.in5-img{height: 225px;}
.in5-img img{height: 100%;}
.in5-txt{padding: 31px 22px 24px;}
.frd-link{margin-top: 25px;padding-bottom: 20px;}}
.gy{margin: 0 auto;min-width: 1300px; width: 80%; }
.t{text-align: center;height:150px; display: flex; flex-direction: column; align-items: center; }
.t h3{font-size:40px;color:#333;line-height: 64px; padding-top:8px; font-weight: bold;  position: relative; z-index: 5; font-family: "Microsoft YaHei";}
.t h3 b{font-weight: normal;}
.t h3:after {content:'';width:50px;height:4px; background-color: rgba(0,54,134,.5); position: absolute;bottom:10px;left:0%;z-index: -1;animation:myfirst 3s linear infinite;}
.t span{color: #5d5d5d; font-weight: 100; font-size: 16px; line-height:36px;}

/*产品*/
.prod_bg{width: 100%;height: auto;}
.prod_bg .g-tita2 h3{color: #222;}
.prod_bg .g-tita2 h2{color: #b3b3b3; opacity: .15;}
/*坤昌五金 · 产品中心*/
.title{ text-align:center; font-size:40px; color:#333333;}
.title b i{ color:#1976d3;}
.title span{ display:block; font-size:18px; color:#888; margin:10px 0 20px 0; font-weight:100;}
.title em i{ display:inline-block; width:6px; height:24px; background:#ff9000; border-radius:3px; vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.title em i+i{ margin-left:11px;}
.title em i:nth-child(2){ height:32px; background:#1976d3;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.title em i:nth-child(3){ background:#ff9000;animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}

.pructs{ height:1050px; background:#fff; padding-top:60px;}
.procenter{ margin-top:35px;}
.protab li{ float:left; margin-right:30px;}
.protab li>a{ display:block; position: relative; width:165px; height:117px;  font-size:16px; color:#666; position:relative; z-index:333; background:#f5f5f5; text-align:center; line-height:160px; transition:all .3s ease;}
.protab li>a:after{ content:''; display:block; position:absolute; width:35px; height:35px; top:22px; left:63px; background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020192337_459144936.png) no-repeat left center; transition:all .3s ease;}
.protab li.on>a:after{ background-position-x:-35px;}
.protab li.on>a{ background:#1976d3;}
.protab li.on>a{ color:#fff;}
.pcdrop table{ width:100%;}
.pcdrop{ width:0px; height:117px;transition:all .5s ease; overflow:hidden;}
.protab li.on .pcdrop{ width:810px;  padding:0px 20px;  border:3px solid #1976d3; position:relative;}
.pcdrop tr{ display:block;float:left;}
.pcdrop tr a{ line-height:55px !important;  font-size:15px; color:#434a46; margin-right:40px;}
.pcdrop tr a:hover{ color:#1976d3; text-decoration:underline;}
.protop{ margin-bottom:40px;}

.pc_list tr+tr{display:block;margin-top:25px;}
.pc_list td{width:23.4%;display:inline-block;vertical-align:top;border:2px solid #f1f2f1;background:#fff;overflow:hidden; padding:10px!important; }
.pc_list td+td{margin-left:1.3%;}
.pc_list td>a{position:relative;display:block;overflow:hidden;}
.pc_list td>a:before{content:'';width:100%;height:0;background: linear-gradient(to bottom, #7faddc, transparent);position:absolute;top:0;left:0;transition:0.3s;z-index: 2; opacity:0.5;}
.pc_list td:hover>a:before{height:100%;transition:0.6s;}
.pc_list td img{transition:0.3s; width:100%; height:auto;}
.pc_list td:hover img{transform:scale(1.2);transition:0.6s;}
.pc_list td span{display:block; text-align:left;}
.pc_list td:hover span>a{ color:#1976d3;}
.pc_list td span>a{font-size:16px; color:#646160;}
.pcl_td_more{font-size:0; margin-top:-28px; float:right;}
.pcl_td_more a,.pcl_td_more b{width:32px;height:32px;display:inline-block;vertical-align:top;}
.pcl_td_more a{border-radius:50%; background:#1976d3; }
.pcl_td_more a+b{margin-left:6px;}
.pcl_td_more a+b a{font-size:0;}
.pcl_td_more a.ptm1{background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020203022_117664048.png) no-repeat -4px center; background-color:#1976d3;}
.pcl_td_more a.ptm2{background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020203022_930587919.png) no-repeat -2px center; background-color:#1976d3;}
.pc_list td:hover .pcl_td_more a{background-color:#ff9000;}
.pc_list ul{ display:none;}
.pc_list ul:nth-child(2){ display:block;}
.promore{ background:#f5f5f5; text-align:center; line-height:160px; transition:all .3s ease;}
.promore a{ display:block; position: relative; width:165px; height:117px;  font-size:16px; color:#666; position:relative; z-index:333;}
.promore a:after{ content:''; display:block; position:absolute; width:33px; height:30px; top:25px; left:65px; background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020192337_1866573797.png) no-repeat left center; transition:all .3s ease;}
.pc_list{ width:1400px; margin:0 auto;}
.promore:hover a:after{ background-position-x:-33px;}
.promore:hover{ background:#1976d3;}
.promore:hover a{ color:#fff;}

/*产品*/
.pro {padding: 0% 3% 4% 3%;overflow: hidden; background:rgba(239,242,244,1);}
.pro_tit {display: flex;justify-content: center;}
.pro_tit p {display: flex;flex-direction: column;align-items: center;font-size:40px; font-weight: bold; color:#1976d3; font-family: Microsoft YaHei;}
.pro_tit p span {font-size:20px; padding:16px 0 0; text-transform:  uppercase;color: #000; font-weight:lighter; font-family: "syht";}
/**/
.f_pr {    position: relative;}

/**/
/*视频中心*/




/*产品优势*/
.pr { position: relative;}
.pa {position: absolute;}
.cpys{background-image: url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240628/20240628100648_1114227637.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: 100% 50rem;overflow: hidden;padding: 4rem 0 0;height: 46rem;}
.content, .content1 {    width: 1400px;    margin: 0 auto;}
.cpys_tit{font-size: 2.5rem;color: #fff;text-align: center;line-height: 2.5rem;height: 6rem;}
.cpys_tit span{display: block;font-size:1.1rem;color: #fff;line-height: 1.2rem;padding-top: 1rem;font-weight: normal;}
.cpys_l{width: 27%;margin-top: 5.2em;}
.cpys_l dl{display: inline-block;width: 100%;height: 6rem;border-bottom: #d6d6d6 1px solid;padding-top: 1.8rem;}
.cpys_l dl dt{width: 3.7rem;height: 3.7rem;position: relative;z-index: 1;background: #0085e1;border-radius: 50%;float: left;margin-left: 1rem;}
.cpys_l dl dt:before{content: "";width: 4.5rem;height: 4.5rem;position: absolute;top: -0.4rem;left: -0.4rem;background: rgba(0, 133, 225, 0.2);border-radius: 50%;z-index: -2;}
.cpys_l dl dt:after{content: "";width: 3.7rem;height: 3.7rem;position: absolute;top: 0;left: 0;background: #f10f01;border-radius: 50%;z-index: -1;transition: 0.3s;transform: scale(0);}
.cpys_l dl dt img{width: 3.7rem;height: 3.7rem;}
.cpys_l dl dd{width:72%;float: left;font-size: 0.9rem;color: #333;line-height: 1.6rem;height: 5rem;padding: 0 0 0 1.5rem;}
.cpys_l dl dd h5{font-size: 1.3rem;color: #000000;height: 2rem;line-height: 2rem;overflow: hidden;}
.cpys_l dl dd p{font-size: 0.8rem;color: #818181;}
.cpys_l dl:hover dt:after,
.cpys_l dl.cur dt:after{transform: scale(1);}
.cpys_l dl:last-child{border-bottom: ;}
.cpys_m{width: 53.71%;line-height: 0;position: absolute;top: 6rem;left: calc(50% - 26%);}
.cpys_m img{display: block;width: 100%;height: 100%;}
.cpys_img01{width: 73.14%;margin: 3rem auto 0;transition: 0.5s;}
.cpys_img02{width: 100%;position: absolute;top: 0;left: 0;transition: 0.5s;}
.cpys_m:hover .cpys_img01{transform: scale(1.05);}
.cpys_m:hover .cpys_img02{transform: scale(0.9);}
@media screen and (max-width: 1800px){.content1{width: 1300px;}
.cpys_m{width: 52%;}}
@media screen and (max-width: 1600px){.content1{width: 1200px;}}
@media screen and (max-width: 1500px){.content1{width: 1100px;}}
@media screen and (max-width: 1400px){.cpys_l{margin-left: 1.5rem;}
.cpys_m{width: 50%;}}


/*应用案例*/
.case{ padding:1px 0 85px 0;}
.swiper-container{ padding:35px 0 65px 0;}
.post_m{position: relative;  padding-bottom:40px; margin:50px auto 0 auto; width:95%;}
.post_m .swiper-slide {position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;
-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;-webkit-transform: scale(.8);transform: scale(.8);}
.post_m .swiper-slide img { width: 100%;height:auto;}
.post_m .text {box-sizing:border-box;width: 60%; line-height:50px; opacity:1; color:#999999; text-align:center;font-size:18px;background-color:#e5e5e5; margin:0 auto; font-size:14px;}
.post_m .swiper-slide-next{ -webkit-transform: scale(.94) translateX(10px);transform: scale(.94)translateX(10px);}
.post_m .swiper-slide-prev{ -webkit-transform: scale(.94) translateX(-10px);transform: scale(.94)translateX(-10px);}
.post_m .swiper-slide-active, .post_m .swiper-slide-duplicate-active { -webkit-transform: scale(1.07) translateY(-6%);transform: scale(1.07) translateY(-6%);}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p { color: #fff;}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a { display: block; width:100%; height:100%;position: relative;}
.post_m .swiper-pagination {bottom:0;left: 50%;transform: translate(-50%, 0)}
.post_m .swiper-pagination-bullet{ width:16px; height:16px; background:#dcdcdc; opacity:1;}
.post_m .swiper-pagination-bullet+ .swiper-pagination-bullet{ margin-left:14px;}
.post_m .swiper-pagination-bullet-active{background:#1976d3;}
.custhide{ position:absolute; bottom:50px; width:82%; height:100px; box-sizing:border-box; padding:30px; background:#1976d3; color:#fff; transition:all .3s ease; opacity:0; left:0; right:0; margin:0 auto; text-align:center;}
.cust_t{ font-size:22px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px;font-weight: normal;}
.cust_remark{color: #b9d5ff; font-size: 15px; line-height: 30px; height:90px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.post_m .swiper-slide-active .custhide, .post_m .swiper-slide-duplicate-active .custhide { opacity:1; bottom:-35px;}
.post_m .custjt{ bottom:-13px; top:auto; left:30%; width:20px; height:40px; background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240727/20240727173224_1760671398.png) no-repeat left bottom;}
.post_m .custjt.swiper-button-prev{ left:auto; right:30%; background-image:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240727/20240727173245_1756497425.png);}
.post_m .custjt:hover{ background-position-y:top;}

/**/
.adv_bg .box {    margin: 0 auto;    min-width: 1300px;    max-width: 1600px;    padding: 0 3%;}
.adv_bg{height:922px; padding:80px 0;
background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240629/20240629163227_1490752537.jpg)no-repeat center;}
.adv_t p{ font-size:46px; font-weight: bold;}
.adv_t span{ font-size:18px;}
.adv_t span,.adv_t p{color:#FFF;}
.adv{height:630px;}
.adv li{width:23%;height:630px;background:rgb(255,255,255,0.05);float:left;position: relative;text-align:center;cursor: pointer;
border:1px solid rgb(255,255,255,0.2);border-left:0;transition: all 0.3s; }
.adv_cont{padding: 6vw 2vw 0;}
.adv li:nth-child(1){border-left:1px solid rgb(255,255,255,0.2) ;}

.adv li p{font-size:27px;color:#FFF;margin-top: 1.3vw; font-weight:bold;}
.adv li p:after{content:"";display:block;width:1px;height:24px;background:#FFF;margin:20px auto;}
.adv li span{font-size:15px;color:rgb(255,255,255,0.8);line-height:28px;}
.adv li a.adv_more{display:block;width:122px;height:35px;background:#1976d3;margin:20px auto;font-size:15px; border-radius:25px; color:#FFF;text-align:center;line-height:35px;position: absolute; bottom: 15%; left: 0;right: 0;}
.adv li .adv_pic img{width:100%;height:auto;transition: all 0.5s ease;display:none;}

.adv  li.on{width:31%;transition: all 0.3s;background:#FFF;border:0;}
.adv li.on .adv_cont{padding-top:2vw;}
.adv li.on p{color:#1976d3;margin-bottom: 1vw;}
.adv li.on span{color:#666;}
.adv li.on p:after,.adv li.on a.adv_more{display:none;}
.adv li.on .adv_pic img{transition: all 0.5s ease;position: absolute;left: 0;right:0;bottom: 0;display:block;}

/**/
.proc_bc{background: url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240727/20240727173348_2142957347.jpg) center no-repeat; padding:200px 0px 130px 0;background-repeat: no-repeat;background-attachment: fixed; position: relative;}
.proc_c ul{display: flex;justify-content: space-between;position: relative;align-items: center;}
.proc_c ul:before{position: absolute;content: "";width: 98%;height: 1px;background: #eaeaea;top: 50%;left: 16px;z-index: -1;}
.proc_c ul li p{font-size: 24px;color: #333; font-family:din;}
.proc_c ul li span{font-size: 28px;display: block;color: #fff;width: 60px;height: 60px;border-radius: 100%;background: #175fab;text-align: center;line-height: 60px;margin: 22px auto;}
.proc_c ul li span img{ margin-top:15px;}
.proc_c ul li div{font-size: 22px;color: #333;}
.proc_c ul li em{width: 264px;height: 264px;background: #175fab;border-radius: 100%;position: relative;flex-direction: column;align-items: center;justify-content: center;display: flex;}
.proc_c ul li em i{font-size: 42px;color: #fff;display: block;position: relative;z-index: 2;}
.proc_c ul li em b{display: block;font-size: 42px;color: #fff;margin-top: 13px;position: relative;z-index: 2;}
.proc_c ul li em:after,.proc_c ul li em:before{position: absolute;content: "";border-radius: 100%;}
.proc_c ul li em:after{width: 397px;height: 397px;background: rgba(0,108,181,0.17);top: -67px;left: -67px;}
.proc_c ul li em:before{width: 326px;height: 326px;background: rgba(0,108,181,0.17);top: -32px;left: -32px;}
.proc_c ul li{text-align: center;transition: all .5s;}
.proc_c ul li:nth-child(2) span,.proc_c ul li:nth-child(6) span{background: #c50808;}
.proc_c ul li:hover{transform: translateY(-8px);}
.proc_tel{width: 980px;height:62px;border-radius:62px;background: #eee;margin:0 auto; color:#333;z-index: 999; position: relative; margin-top: 100px;}
.proc_tel b,.air_tel p,.air_tel p span,.air_tel p em{display:inline-block;vertical-align:middle;color:#fff;}
.proc_tel b{width: 500px;text-align:center;line-height:62px;font-size:26px;border-radius:62px;background: #c50808;float: left; font-weight:normal;}
.proc_tel p{width: 475px;float: right;padding-left: 23px;}
.proc_tel p span{font-size:16px;line-height:62px;display: inline-block;}
.proc_tel p em{font-size:30px;line-height:62px;padding-left:0px; display: inline-block;color:#333;font-family:din;}


.qy_bg{ background:#f0f0f0 ; padding-bottom:100px; overflow:hidden; min-width:1300px;}
.ckcjt{ position:relative;}

.qyjt:hover{ background-position:center bottom;}
.qycon{ width:1355px; margin:0 auto;}
.qycon table,.qycon tr,.qycon tbody{ display:block; width:100%; overflow:hidden;}
.qycon td{ display:inline-block; padding:0 !important; width:300px; margin-right:30px;}
.qycon td br{ display:none;}
.qycon td a{ display:block; position:relative; overflow:hidden;}
.qycon td div{ padding:0 !important;}
.qycon td div a{ line-height:50px; background:#999; font-size:18px; color:#fff; transition:all .3s ease;}
.qycon td a img{ transition:all .5s ease; width:100%; height:auto;}
.qycon td:hover a img{ transform:scale(1.1);}
.qycon td:hover div a{ background:#1976d3; color:#fff;}


/*news*/
.news_bg { margin-top:380px;}
.taser {margin-bottom:.7rem;text-align:center; }
.taser b{display:block;font-size:2.9rem;font-weight:400;line-height:3.5rem;color:#000;font-weight:700}
.taser em{display:block;font-size:1.1rem;font-weight:400;line-height:1.6rem;color:#070002}
.w1400{ width:1400px; margin:0 auto;}
.news_top ul{text-align:center; margin:0px auto;}
.news_wz{ height:48px;line-height: 36px; }
.news_wz b{font-size:26px;}
.news_wz span{font-size:24px; margin-left: 8px; color: #ccc; text-transform: uppercase; font-family: Arial;}
.news_wz em{font-size:16px; font-weight:200; display: block;color: #999;}
.news_tab{margin-bottom:10px; }
.news_tab li{display:inline-block; background: #fff; box-shadow: 0px 0px 20px #eee; width: 220px; height: 52px; line-height: 52px; text-align: center; border-radius: 30px;border: 1px solid #ccc;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;font-weight:100; color:#666;display: block;}
.news_tab li.on{color:#fff; background:linear-gradient(-90deg, #1976d3, #1976d3);box-shadow:0px 0px 10px rgba(23,95,171, 0.3);width: 220px; height: 52px; line-height: 52px;}
.news_tab li.on a{color:#fff !important;}
.news_a{margin-right: 17px;}
.news_a em{position:relative;font-size: 20px;color: #c2c2c2; top:8px;}
.news_a .sPrev, .news_a .sNext{position:absolute;top: 2px;font-size: 20px;color: #c2c2c2;cursor: pointer;}
.news_a .sPrev{right: 5px;transform: rotate(-90deg);}
.news_a .sNext{left: 5px;transform: rotate(90deg);}
.news_a i:hover{color:#005cab;}
.news_list{height:28vw; min-height:500px !important;width: 100%;overflow: hidden;}
.news_list .tempWrap {width: 100% !important;}
.news_list .news_div{}
.news_list .news_div_item{width: 25%;display:flex;position: relative;height:90%;transition:0.5s; padding:30px 40px 40px;border-right:1px #eee solid;flex-direction: column-reverse;    float: left; }
.news_list .news_div_item:first-child{border-left:1px #eee solid;}
.news_list .news_div_item_date{font-weight: 400;height: 26px; line-height: 22px; display:none; }
.news_list .news_div_item_content{padding-right: 14px; padding-bottom:48px; margin-top:20px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{display: inline-block; font-size: 15px;line-height: 22px; color: #999;}
.news_list .news_div_item_a{font-size: 18px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight:normal; color:#222;}
.news_list .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 0;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100; display: none;}
.news_list .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url() no-repeat center;width: 18px;height: 14px;left: 0;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;}
.news_list .news_div_item_pic{  height: 200px; overflow: hidden;}
.news_list .news_div_item img{transition:0.3s all linear; }
.news_list .news_div_item:hover img{transform:scale(1.1);}
.news_list .news_div_item:hover .news_div_item_a{color: #1976d3;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{padding-left:40px;display: block;width: 130px;}
.news_list .news_div_item:hover .news_div_item_a::after{left:110px;}


/*走进 · 坤昌五金*/
.about{ height:800px; background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240629/20240629175436_1333412905.jpg) no-repeat top  center;background-attachment: fixed;background-repeat: no-repeat;    background-position: center; padding-top: 80px;}
.about .title span,.about .title,.about .title b i { color:#FFF;}
.abcon{ height:502px; background:#fff; padding:50px;}
.abwa{ width:616px; margin:38px 15px 0px 0px;}
.abwa p:nth-child(1){ font-size:50px; color:#c4cbd2; text-transform:uppercase; font-family:'Arial Narrow'; font-weight:bold;}
.abwa p:nth-child(2){ font-size:26px; color:#1976d3;font-weight:bold;}
.abwa p:nth-child(3){ margin-top:20px; font-size:14px; color:#858a90; line-height:36px;}
.abwa p a{ font-size:18px; color:#656a6f; padding-left:60px; display:block; float:left; height:41px; margin-top: 40px;;}
.abwa p a span{ display:block; font-size:12px; color:#a2a6aa; font-family:Arial, Helvetica, sans-serif;}
.abwa p a:nth-child(1){ background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020162113_192299444.png) no-repeat left center;}
.abwa p a:nth-child(3){ background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020162113_528112561.png) no-repeat left center;}
.abwa p a:nth-child(2){ background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020162113_132028152.png) no-repeat left center;}
.abwa p a+a{ margin-left:40px;}
.abwa p a:hover{ color:#1976d3;}
.qyxx{ height:370px; background:#fff; box-shadow:0 5px 20px -5px #e6ebf4;margin-top: 45px; padding:33px;}
.qyxxtab a{ display:inline-block; font-size:18px; color:#35373a; line-height:25px; padding-left:30px;}
.qyxxtab a:nth-child(1){ background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020162113_1845742553.png) no-repeat left center;}
.qyxxtab a:nth-child(2){ background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020162113_1379973152.png) no-repeat left center;}
.qyxxtab a.cur{ font-weight:bold; color:#1976d3;}
.qyxxtab a+a{ margin-left:40px;}
.getmore{ font-size:14px; color:#8f9399; line-height:25px;}
.getmore:hover{ color:#1976d3;}



/*版权*/
.copyright{ background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20240702/20240702160646_215508107.jpg) no-repeat center top;}
.crcon{ padding:90px 0 60px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.crcon ul{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.crcode img{ width:150px; height:150px; margin-bottom:15px; display:block;}
.crcode li{ text-align:center; font-size:14px; color:#888888; font-weight:lighter;}
.crcode li+li{ margin-left:20px;}
.crcontact p{ font-size:13px; color:#888888; font-weight:lighter; line-height:36px;text-transform: uppercase; padding-left:35px; background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020174117_1883443588.png) no-repeat left center;}
.crcontact .cr_tel{ font-size:30px; color:#ffffff; font-family:impact; margin-bottom:20px;}
.kslj p{ display:inline-block; font-size:18px; color:#ffffff; font-weight:lighter; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #515151;}
.kslj a{ display:block; font-size:13px; color:#888888; font-weight:lighter; line-height:30px; text-align:center;}
.crcontact p:nth-child(2){ background-image:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020174117_1787142453.png);}
.crcontact p:nth-child(3){ background-image:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020174117_1323458277.png);}
.crcontact p:nth-child(4){ background-image:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020174117_1627546201.png);}
.crcontact p:nth-child(5){ background-image:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020174117_792697312.png);}
.kslj a:hover{ color:#fff;}
.kslj li+li{ margin-left:65px;}
.links{ border-top:1px solid #3f3f3f; height:115px; background:url(https://memberpic.114my.com.cn/kunchang/uploadfile/image/20211020/20211020174252_1741817058.png) no-repeat right center;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; font-size:18px; color:#fff;}
.links>p>span{ font-family:impact; padding:0 20px 0 5px; text-transform:uppercase;}
.end{ background:#1976d3;}
.end .w1400{ height:88px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.end,.end a{ font-size:14px; color:#fff;}
.end a:hover{ color:#ff0;}