@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }

h1,h2,h3,h4,h5,h6{font-weight: normal;}

BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}

A {COLOR: #666; TEXT-DECORATION: none}

P{COLOR: #333;}

A:hover {TEXT-DECORATION: none}

A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}

DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

EM {FONT-STYLE: normal; FONT-WEIGHT: normal}

TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

.cl{HEIGHT: 0px; CLEAR: both;}

.jz{margin:0 auto;}

.fl{FLOAT: left}

.fr{FLOAT: right}

.container{width:1300px; margin:0 auto}

.c{*zoom:1;}

.c:after{content: ""; display: block; height: 0; clear: both;}

.txt-c{text-align: center;}

.txt-l{text-align: left;}

.txt-r{text-align: right;}

.col-white{color: #fff;}

.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}





/* CSS Document */

/*公共头部*/

.head{  transition:0.6s; position: fixed; width: 100%; top: 0; z-index: 22222; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); background: #fff;}

.head-box{display: flex; align-items: center; justify-content: space-between; height: 120px;}

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

.nav ul li{margin-left: 112px;}

.nav ul li a{display: block; font-size: 18px; color: #18171C; }
.nav ul li:hover a{color: #DC0000;}
.nav ul li.on a{color: #DC0000;}
.head-zw{height: 120px;}





/* banner */

.banner{height: 700px;}

.banner .container{display: flex; justify-content: space-between; align-items: center; height: 700px;}

.banner .info strong{display: block; font-size: 32px; color: #333; margin-bottom: 5px;}

.banner .info strong>img{display: inline-block; vertical-align: text-top;}

.banner .info h3{display: block; font-size: 54px; color: #333; font-weight: bold; }

.banner .info h4{display: block; font-size: 24px; color: #666; font-weight: 400; margin-bottom: 33px;}

.banner-wechat ul{display: flex;}

.banner-wechat ul li{transition:0.6s; position: relative; display: flex; flex-direction: column; align-items: center;  width: 240px;height: 80px; background: url(../images/banner-icon1.png) no-repeat left  center; margin-right: 50px;} 

.banner-wechat ul li:last-child{background: url(../images/banner-icon2.png) no-repeat left  center; }

.banner-wechat ul li:after{position: absolute; content: ''; background: url(../images/banner-arrow.png) no-repeat center; width: 49px; height: 25px; bottom: -23px; display: none;}

.banner-wechat ul li b{display: block; font-size: 22px; line-height: 22px; color: #D57B07;  margin: 18px 0 5px 33px;}

.banner-wechat ul li span{display: block; font-size: 16px; line-height: 16px; color: #FFAE42; margin-left: 47px;}

.banner-wechat ul li .banner-wechat{position: absolute; top: 111px; display: none;}

.banner-wechat ul li:first-child.on,.banner-wechat ul li:first-child:hover{background: url(../images/banner-on1.png) no-repeat left  center;}

.banner-wechat ul li:last-child.on,.banner-wechat ul li:last-child:hover{background: url(../images/banner-on2.png) no-repeat left  center;}

.banner-wechat ul li:hover:after,.banner-wechat ul li.on:after{display: block;}

.banner-wechat ul li:hover b,.banner-wechat ul li:hover span{color: #fff;}

.banner-wechat ul li.on b,.banner-wechat ul li.on span{color: #fff;}

#banner-num{display: none;}





/* 关于金尚 */

.about{background: url(../images/about-bg.jpg) no-repeat center top; height: 629px;  padding-top: 60px; box-sizing: border-box; margin: 110px 0 102px;}

.about  .container{position: relative;}

.about .info {height: 530px;}

.about .info i{width: 137px;height: 2px;background: #666666; display: block; margin: 0 0 47px;}

.about .info img{ display: block;   }

.about .info strong{display: block; font-size: 48px; color: #333;}

.about .info p{display: block; font-size: 16px; line-height: 36px; color: #666;width: 604px; margin: 14px 0 77px;}

.about .info a{position: relative; transition:0.6s; display: block; width: 166px;height: 52px;background: #DC0000;border-radius: 26px; font-size: 16px; color: #fff; line-height: 52px; text-indent: 34px; z-index: 2;}

.about .info a:after{transition:0.6s; position: absolute; content: ''; background: url(../images/about-arrow.png) no-repeat right center; width: 9px; height: 14px;  right: 34px; top: 50%; transform: translateY(-50%);}

.about .info a:hover{text-indent: 27px;}

.about .info a:hover:after{right: 27px;}

.about .info .about-en{position: absolute; bottom: 0; left: 0;}





/* 扫码即刻体验 */

.index-code{margin-bottom: 98px;}

.code-title{text-align: center; margin-bottom: 82px;}

.code-title em{display: block; font-size: 48px; color: #333; margin-bottom: 6px;}

.code-title img{display: block; margin: 0 auto;}

.code-list ul{display: flex; justify-content: center;}

.code-list ul li{position: relative; margin: 0 60px; overflow: hidden;}

.code-list ul li .hide{position: absolute; width: 100%; height: 100%; top: -100%; background: #fff; transition:0.6s}

.code-list ul li .hide img{display: block; margin: 0 auto -7px;}

.code-list ul li .hide em{display: block; font-size: 16px; color: #DC0000; text-align: center;}

.code-list ul li:hover .hide{top: 0;}





/* 公共底部 */

.footer{background: #ededed; padding: 67px 0 0;}

.footer-top{padding-bottom: 7px;}

.footer-box{display: flex;     justify-content: center;}
.footer-left{width: 100%;display: flex;justify-content: space-between;}

.footer-logo {margin-bottom: 54px;}

.footer-logo a{display: flex; align-items: center;}

.footer-logo img{margin-right: 36px;}

.footer-logo strong{display: block; font-size: 26px; color: #333; line-height: 26px; margin-bottom: 14px;}

.footer-logo p{display: block; font-size: 18px; color: #666; line-height: 18px;}

.footer-nav{width: 47%;/* border-top: 1px solid rgba(125, 125, 125, 0.2); *//* border-bottom: 1px solid rgba(125, 125, 125, 0.2); */}

.footer-nav ul{display: flex;justify-content: space-between;}

.footer-nav ul li a{display: block; font-size: 18px; color: #333; line-height: 54px;}

.footer-nav ul li:hover a{color: #DC0000;}

.footer-wechat{width: 390px;}

.footer-wechat ul{display: flex; justify-content: space-between;}

.footer-wechat ul li{width: 161px;  padding: 0 16px 14px; position: relative; height: 220px; border-radius: 10px;}

.footer-wechat ul li:after{position: absolute; content: ''; width: 100%; height: 0; background: #f5f5f5; top: 0; transition:0.6s; z-index:2; left: 0;}

.footer-wechat ul li em{display: block; font-size: 18px; line-height: 58px; color: #333333; text-align: center; position: relative;z-index:3;}

.footer-wechat ul li em>img{display: inline-block; vertical-align: text-top; margin-right: 6px;}

.footer-wechat ul li .hide img{display: block; margin: 0 auto; opacity: 0; position: relative;z-index: 3; left: 0; right: 0;}

.footer-wechat ul li:hover:after{height: 100%;}

.footer-wechat ul li:hover .hide img{opacity: 1;}

.footer-copy{border-top: 1px solid rgba(125, 125, 125, 0.2); }

.footer-copy .container{display: flex; justify-content: space-between;}

.footer-copy p{display: block; font-size: 14px; line-height: 60px; color: #666;}

.footer-copy p:first-child a{margin: 0 10px;}

.footer-copy a{color: #666;}

.footer-copy a:hover {color: #DC0000;}







/*在线咨询*/

.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}

.zx-service ul li{margin-bottom: 1px;position: relative;}

.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}

.zx-service ul li:hover a{background: #fe0000;}

.zx-service ul li a img{display: block;margin: 0 auto 10px;}

.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}

.zx-service ul li dl{width: 150px;padding: 0 15px;background: #fe0000;text-align: center;display: none;position: absolute;right: 81px;top: 0;}

.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}

.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #fe0000;position: absolute;right: 81px;top: 0;display: none;}

.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}

.weixin-hide span{line-height: 36px;}

.weixin-hide em{line-height: 35px;}

.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}

.tel-hide li span,.tel-hide li b{display: block;color: #fff;}

.tel-hide li span{line-height: 12px;font-size: 14px;}

.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 

.zx-service03:hover .weixin-hide{display: block;}

.zx-service ul li:hover dl{display: block;}







.ny-banner{height: 600px;}

.ny-banner .container{height: 600px;}





.ny-class{border-bottom: 1px solid #ddd; padding: 20px 0;}

.position dl {background:url(../images/mbx-home.png) no-repeat 0 center; padding-left:30px; display: flex; flex-wrap: wrap;}

.position dl dd {margin-right:10px;}

.position a {padding-right:10px; font-size: 0.94rem;color: #666666;}

.position a.on {color: #DC0000;}

.position a:hover{color: #DC0000;}

.ny-main{margin: 80px 0 100px;}



.ny-title{text-align: center;}

.ny-title b{display: block; font-size: 60px;   font-family: ‘Arial’;   font-weight: bold;    color: #eaeaea; text-transform: uppercase; line-height: 79px;}

.ny-title h3{font-size: 36px;   position: relative;   top: -53px; color: #333;}

.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #000; border-radius: 21px; text-align: center; margin: 40px auto 0}

.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}

.xq-back a:hover{background: #DC0000;}











/*分页*/

.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}

.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}

.fy a:hover {color: #fff; background: #fe0000;}

.fy .layui-laypage-curr {color: #fff; background: #fe0000; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}







/* 搜索页面 */

.search-page .box {margin-top: 50px;}

.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }

.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}

.search-page form .sub {width: 22px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}

.search-page ul {width: 100%;}

.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}

.search-page li span {background: #fe0000; color: #fff; font-size: 12px; padding: 2px 5px; }

.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}

.search-page li p {font-size: 16px; color: #666; line-height: 20px;}

.search-page li .le {width: 95%; }

.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}

.search-page li img {transition: .5s; margin-right: 20px;}

.search-page li:hover img {transform: translateX(20px);}


/* 2026.5.11 */
.code-list2 ul{display: grid; grid-template-columns: repeat(6, 1fr); gap: 30px;}
.code-list2 ul li{text-align: center;}
.code-list2 ul li .pic{border: 1px solid #ccc; margin-bottom: 10px;}
.code-list2 ul li .pic img{display: block; width: 100%; }
.code-list2 ul li em{color: #333; font-size: 18px;}