@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; }
.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: 48px; 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: linear-gradient(-90deg,#d37905 0%, #ffac42 48%, #ffae26 100%);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: #FFAE26; 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: 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: 880px; 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: #ffae26;}
.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: #ffae26;}



/*在线咨询*/
.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: #fcac40;}
.position a:hover{color: #fcac40;}
.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: #fcac40;}





/*分页*/
.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);}