﻿@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

img {
	border: none;
	max-width: 100%;
}
body {
font-size:16px;
 font-family:"Microsoft YaHei", verdant, tahoma;
    color: #333;
	font-weight: normal;

	text-decoration: none;
	line-height:27px;
}
a {
	text-decoration:none; font-family:"Microsoft YaHei", verdant, tahoma;
    color:#333;font-weight: normal;
}
a:hover {
	color: #d3b365;
}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1683621559953') format('woff2'),
       url('iconfont.woff?t=1683621559953') format('woff'),
       url('iconfont.ttf?t=1683621559953') format('truetype');
}
@font-face {
  font-family: 'iconfont2';
  src: url('iconfont.woff2?t=1685091410837') format('woff2'),
       url('iconfont.woff?t=1685091410837') format('woff'),
       url('iconfont.ttf?t=1685091410837') format('truetype');
}


.clear {
	clear: both;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	line-height: 27px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.hz {
	width:84%;
	margin: 0 auto;max-width:1920px;
}
.hza {
	width:84%;
	margin:80px auto;max-width:1920px;
}
.hza:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.hz-top-one{margin-top:10px;}
.hz-top-two{margin-top:20px;}
.hz-top-san{margin-top:30px;}
.hz-top-s{margin-top:40px;}
.hz-top-w{margin-top:50px;}
.hz-top-b{margin-top:80px;}

.hz-bottom-one{margin-bottom:10px;}
.hz-bottom-two{margin-bottom:20px;}
.hz-bottom-san{margin-bottom:30px;}
.hz-bottom-s{margin-bottom:40px;}
.hz-bottom-w{margin-bottom:50px;}
.hz-bottom-b{margin-bottom:80px;}

.txhz{display: flex;
 justify-content: space-between;
 align-items: center;}
 
 .txhz-j{display: flex;
 justify-content: space-between;
}
.txhz-k{ display: flex; flex-wrap: wrap;}


.logo img {height:65px;}


.top-pc{position:fixed; z-index:99; top:0;left:0;width:100%;background: linear-gradient(to bottom, #1f1f1f, transparent);}
.top-pc.active{	background:#1f1f1f; }

.top-hz {
	position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav {display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
}

.mainbav li { float: left; position:relative;display:block;}
.mainbav li.menu2 .erji_dh{left:0;right:0; width:100%;}
.mainbav li.menu2{position: static;}

.mainbav .memu>a {position:relative;
    line-height:80px;display:block;
    padding:0 28px;color:#fff; font-size: 16px;}
.mainbav .memu>a:after{ content:""; position: absolute;width: 0;height:3px;bottom: 0;left: 50%;-webkit-transition:all .4s;transition:all .4s; background-color:#d3b365;}
.mainbav .memu>a:hover:after{width: 100%;left: 0;}
.mainbav .memu>a:hover {color:#d3b365 !important;text-decoration:none;}

.mainbav .memu.active>a,
.mainbav .memu:hover>a {
    color:#d3b365;
    display: block;
}

.mainbav ul li ul {
    position: absolute;
    z-index:9999;
    width:230px;border-radius:10px;
      background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    padding:10px 0;display: none;
}

.mainbav ul li ul li {
    float: none;
    border-right: none;
    padding:10px 0;
    text-align: left;
}

.mainbav ul li ul li a {
    display: block;
    padding:0 30px;
}
.mainbav ul li ul li a:hover{color:#d3b365 !important;}


.mainbav ul li .erji_dh {
width: max-content;
    background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.2);
   position:absolute;
    top:100%;padding:40px;
    left:0; z-index:99;}

.mainbav ul li .erji_dh dl {display: flex; flex-wrap: wrap; }

.mainbav ul li .erji_dh dl dd { padding:0 1%; width:14%;margin-bottom:35px;}
.mainbav li:nth-child(1) .erji_dh dl{width:500px;}
.mainbav li:nth-child(1) .erji_dh dl dd {width:50%;}

.erji_dh_wz a{font-weight:bold;color:#333; font-size: 16px;}
.mainbav ul li .erji_dh dl dd .erji_dh_wz a:hover { color:#d3b365;}
.mainbav ul li .erji_dh dl dd .sanji_dh {margin-top:15px;}
.mainbav ul li .erji_dh dl dd .sanji_dh a { color: #666; display:block;margin-bottom:5px;}
.mainbav ul li .erji_dh dl dd .sanji_dh a:hover {color: #d3b365;}

.index-fr{position: static;}


.index-yyl {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	line-height:80px;
}

.nav1{display: flex;
    justify-content: space-between;position: relative;
    align-items: center;}
.new {
	width:145px;
	position: absolute;
	z-index: 999;
	display: none;
	top:80px; -webkit-box-shadow: 0 3px 25.5px 4.5px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 25.5px 4.5px rgba(0, 0, 0, 0.06);
background:#fff;margin-left:-25px;text-align:center;border-radius:8px;}
.new a{font-size:15px;}
.new a:hover{color:#d3b365;}
.set{color:#fff;}
.set img{margin-top:30px; margin-right:8px; float: left;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.nav1 ul {padding:10px 0;}
.nav1 ul li {padding:5px;}

.sousuo { display: inline-block; box-sizing: border-box; vertical-align: bottom; line-height:80px; position: relative; z-index: 1; transition: all 0.5s; }
.sousuo .sousuo_an { width:55px; height:80px; display: table-cell; vertical-align: middle; background: url(../images/index_07.png) center no-repeat; cursor: pointer; transition: all 0.5s; }
.sousuo .ssk_bj {
	width: 100%;
	display: none;
	position: fixed;
	left: 0;
	top:100px;
	z-index: 10;
}
.sousuo .ssk {
	width:30%;
	overflow: hidden;
	margin: 0 auto;


}
.sousuo .ssk .input_txt {
	width:78%;    font-size: 16px;
	height:52px; font-family:"Microsoft YaHei", verdant, tahoma;
	float: left;
    border:2px solid #d3b365;border-top-left-radius:25px;border-bottom-left-radius:25px;
    padding:0 25px;

}
.sousuo .ssk .input_btn {
	width: 22%;
	float: right;
line-height:52px;font-size:16px;
	border:none;color:#fff;
	background:#d3b365; 
	cursor: pointer;border-top-right-radius:25px;border-bottom-right-radius:25px;
}
 input,textarea {
	outline:none;
 }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #333;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #333;
}
.p-show {
	display: block !important;
}




/*banner*/
.block_home_slider {max-width:1920px;margin:0 auto;
	height: auto;
	position: relative;
	line-height: 0px;
	text-align: center;}
	
	.block_home_slider img{
		width:100%;
		height:auto;
		}
	
	/*底部小图标*/
.block_home_slider .slide {
	position: relative;
	overflow: hidden;
}
.block_home_slider .flex-direction-nav a {
	width: 45px;
	height: 50px;
	display: block;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-indent: -9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev {
	left: 0;
	background: url(../images/jt1.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-next {
	right: 0;
	background: url(../images/jt2.png) no-repeat;
}

.block_home_slider .flex-control-paging {
	position: absolute;
	bottom:20px;
	width:100%;
	text-align: center;
}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0 5px;
	display: inline-block;
*display:inline;
*zoom:1;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#fff; text-indent:-9000px; position:relative; overflow:hidden;cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:40px; background:#d3b365;border-radius:6px;}

.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%; }

#home_slider2{display:none;}

.top_sj { display:none; }



.index-title{font-size:42px;line-height:45px;font-weight:bold;text-align:center;}
.index-title-ms{text-align:center;margin:30px auto 0 auto;width:80%;font-size:18px;}


.index-industries-title{width:30%;text-align:left;}
.index-industries-title p{font-size:20px;color:#999;}
.index-industries-ms{width:65%;font-size:18px;line-height:32px;}


.index-about-left{width:47%;}
.index-about-right{width:47%;}
.index-about-right img{border-radius:20px;}
.index-about-title{color:#d3b365;}
.index-about-nr{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;s color: #333;}




.index-products-bj{background:#f6f6f6;overflow:hidden;}
   /* 图标容器 */
        .icon-wrap {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap:40px 10px;
         
        }
        /* 链接重置，去除默认下划线 */
        .icon-item a {
            text-decoration: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap:20px;
            width: 100%;
            height: 100%;
            padding: 20px 10px;
        }
        /* 单个图标项容器 */
        .icon-item {
            display: block;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        /* hover交互样式 */
        .icon-item:hover {
            background-color: #fff;
            transform: translateY(-6px);
            box-shadow: 0 8px 20px rgba(211, 179, 101, 0.12);
        }
        /* 最后一列清除右边框 */
        .icon-item:nth-child(6n) {
            border-right: none;
        }
        /* 图标容器 */
        .icon-box {
            width:125px;
            display: flex;
            align-items: center;
            justify-content: center;border-radius:15px;
            overflow: hidden;background:rgba(0,0,0,0.5);padding:22px;
        }
       .icon-box img{border-radius:15px;}
        /* hover图标放大加深 */
        .icon-item:hover .icon-svg {
            fill: #ff5e00;
            transform: scale(1.15);
        }
        /* 文字样式 */
        .icon-text {
            font-size:20px;
            text-align: center;
            white-space: nowrap;
            transition: color 0.3s ease;
        }
        /* hover文字变色 */
        .icon-item:hover .icon-text {
            color: #d3b365;
            font-weight: 500;
        }
        /* 响应式适配 */
        @media (max-width: 1400px) {
            .icon-wrap {
                grid-template-columns: repeat(4, 1fr);
            }
            .icon-item:nth-child(3n) {
                border-right: none;
            }
          
        }
        @media (max-width: 768px) {
            .icon-wrap {
                grid-template-columns: repeat(3, 1fr);
            }
       
            .icon-text {font-size: 18px;}
			.icon-box { width:110px;padding:18px;}
        }
		  @media (max-width:580px) {
            .icon-wrap { grid-template-columns: repeat(2, 1fr);}
			  .icon-text {font-size: 16px;}
		.icon-item a{padding:5px;}
        }

.index-news-hz{padding-top:35px;}

.index-new-left-nr{margin:30px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.index-news-nr{margin-right:-3%; margin-top: 50px;display: flex; flex-wrap: wrap;}
.index-news-nr-left{width:30.3%; margin-right:3%;float:left;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-news-nr-left:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}
.index-news-nr-left-title{margin-top:10px; font-size:20px;font-weight: bold; }
.index-news-nr-left-rq{font-size:15px;color:#666;}
.index-news-nr-left-rq img{float:left;width:18px;margin-right:6px;margin-top:3px;}
.index-news-nr-left-nr{color: #444B54;margin:20px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;   }
.index-news-nr-pic img{border-radius:10px;}
.index-news-nr-left-more{text-decoration: underline; color:#d3b365;}




/*----底部----*/
.foot {background:#000;overflow: hidden;color:#f2f4f6;padding-top:60px;}

.foot-logo-hz{width:35%;}

.foot-box{width:45%;}

.foot-menu2{float:left;margin-bottom:50px;width:50%;padding:0 5%;}
.foot-contact-nr2{margin-top:30px;}
.foot-contact-nr2 ul{display: flex;flex-wrap: wrap;}
.foot-contact-nr2 li{width:100%;float:left;margin-bottom:12px;position:relative;padding-left:15px;}
.foot-contact-nr2 li:before {
    width:5px;
    height:5px;border-radius: 50%;
  background:#d3b365;
    position: absolute;
    left: 0;
    top:12px;
    content: "";
}
.foot-contact-nr2 li a{color:#f2f4f6;}
.foot-contact-nr2 li a:hover{color:#d3b365;}



.foot-contact-hz{float:left;padding-top:15px;}

.foot-contact-wb li{margin-bottom:12px;overflow:hidden;position:relative; padding-left:25px;}
.foot-contact-wb li .iconfont-dh{color: #d3b365;display:block;float:left;position:absolute;z-index:1;left:0;top:12px;transform:translate(0%,-50%); }
.foot-contact-pic img{width:15px;-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);  opacity:0.8;}


.foot-contact-title{font-size: 20px;color:#fff; font-weight: bold;}
.foot-contact-title img{margin-left:10px;}

.foot-follow-pic li{text-align:center; margin-right:10px;float:left;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.foot-follow-pic li:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}

.foot-ewm{width:25%;}
.foot-ewm-pic{float:left;text-align:center;}
.foot-ewm-pic p{margin-top:8px;}
.foot-ewm-pic img{width:115px;}


.foot-bq{padding:20px 0;overflow:hidden;border-top:1px solid #3f3f3f;}
.foot-bq a{color:#f2f4f6;}
.foot-bq a:hover{color:#d3b365;}


.ny-banner-hz{ position:relative; }
.ny-banner-hz::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
  height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index:0;
}

.tabs {color:#fff;
   position: absolute;
		right:0;text-align:center;
        left: 0;z-index:1;top:50%;transform:translate(0%,-50%);  }

.tabs-wz {
  position: absolute;
        bottom: 0;
       z-index:1; }

.tabs-wz ul {
        width: 100%;  
        display:block;  padding-bottom:15px;
    }

.tabs-wz ul li {margin-right:10px;color:#fff; display:inline-block;}
.tabs-wz ul li a{color:#fff;}
.tabs-wz ul li a:hover{color:#d3b365;}

.contact-x{position:relative;}
.contact-x:after {
    content: "";
    position: absolute;
    background:100%; left:0;background:#ebebeb;
    height:1px;bottom:0;width:100%;z-index:-1;
   }

.contact-menu{margin-top:28px;}
.contact-menu ul{display: flex; flex-wrap:wrap;}
.contact-menu li{padding-bottom:28px;float:left;margin-right:4%;position:relative;}
.contact-menu li a{font-size:16px; }
.contact-menu li:hover,.contact-menu li a.on {color:#d3b365;}
.contact-menu li a.on:before {
    width:10px;
    height:10px;
    border-radius: 50%;
    border:3px solid #d3b365;
    position:absolute;
   left:50%;transform:translate(-50%,0);
    bottom:-7px;
    content: "";background:#fff;
}


.Certificates-hz p{padding:20px;text-align:center;}
.Certificates-hz img{border-radius:10px;}

/*联系我们*/
.contact-left{width:38%;}

.contact-right{width:55%;border-radius:5px; box-shadow: 0px 30px 50px 0px rgba(7.999999999999998, 2.000000000000002, 33, 0.1);padding:4%;}
.red{color:#ff0000;margin-left:5px;}


 input,textarea {
	outline:none;
 }
.soka{ width:100%;padding:10px;border:1px solid #444B54; border-radius:5px;margin-bottom:15px; font-size:16px; }
.sokb{border:1px solid #444B54; padding:10px;margin-bottom:20px;font-size:16px;border-radius:5px; width:100%;}

.elementor-field{font-size:16px;}

.tj{ width: 100%;
    border:none;
    line-height:45px;
    text-align: center;
    color: #fff;
    background: #d3b365;
    cursor: pointer;
    font-size: 18px;
border-radius:5px; }

.soka:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999; 
}

.soka:-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
}



.khjz_bj{width:100%;}
.khjz_dkj{position:relative;margin-top:50px;}
.Certificates .item{margin:0 15px; display:flex !important; flex-wrap: wrap;}

.tjcp .item{margin:0 15px; display:flex !important; flex-wrap: wrap;}
.tjcp-products{margin:25px 0;background:#fff;border-radius:15px;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);}
.tjcp-products:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}


/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;display: flex !important; flex-wrap: wrap;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{display: flex !important; flex-wrap: wrap; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{text-align: center;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}


.owl-carousel .owl-controls {
	width: 100%;
	z-index: 11;margin-top:30px;
}
.owl-carousel .owl-controls .owl-buttons div {
display: inline-block;
	zoom: 1;
*display:inline;
	width:45px;
	height:45px;
	text-indent: -9999px;
	transition: .35s;
	bottom: -50px;
    font-size: 0;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl02.png) center no-repeat;
	overflow: hidden;margin:0 30px;

}
.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtr02.png) center no-repeat;
	overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
	background: url(../images/jtl03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
	background: url(../images/jtr03.png) center no-repeat;
	overflow: hidden;
}


.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-carousel .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;/*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page.active span, .owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/

}
.owl-carousel .owl-controls .owl-page span.owl-numbers {
	height: auto;

	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}


  /* 全部类名统一加前缀 rollBottleSlider_ 杜绝命名冲突 */
.rollBottleSlider_wrap {
    position: relative;
    width: 100%;
 overflow: hidden;
}
.rollBottleSlider_viewBox {
    width: 100%;
    display: flex;
    transition: transform 0.4s ease;
}
.rollBottleSlider_itemBox {
    flex-shrink: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.rollBottleSlider_itemBox img {
    width: 100%;
    object-fit: contain;
}
/* 箭头定位到图片容器内，浮于图片上层 */
.rollBottleSlider_switchBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:48px;
    height:48px;
    border-radius: 50%;
    background: rgba(0,0,0,0.2);
    border: none;
    font-size:22px;font-weight:bold;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.2s;font-family: cursive;
}
.rollBottleSlider_switchBtn:hover {
    background:#d3b365;
}
.rollBottleSlider_prevBtn {
    left:3%;
}
.rollBottleSlider_nextBtn {
    right:3%;
}



.products-iso li{margin-right:6%;display:inline-block;position:relative; padding-left:35px;margin-bottom:5px;font-size:20px;}
.products-iso img{width:25px;margin-right:10px;position:absolute;z-index:1;left:0;top:12px;transform:translate(0%,-50%); }



.ny-news-nr{float:left;position:relative; }

.ny-news-nr-hz{background:#fff;transition:transform 0.5s; -webkit-transition:transform 0.5s;margin-bottom:50px;overflow:hidden; box-shadow:0 7px 49px 2px #edeff2;}
.ny-news-nr-hz:hover{transform:translateY(-6px); -webkit-trafont-size:0;}
.ny-news-nr-hz:hover .ny-news-nr-left-title{ color: #d3b365;}
.ny-news-nr-hz a{display: flex;
 justify-content: space-between;
 align-items: center;}
.ny-news-nr-left{width:75%;padding:3%;}
.ny-news-nr-pic{width:25%;}

.ny-news-nr-left-title{margin-bottom:25px;font-size:22px; }

.news-nr-left-content{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#444B54;}

.hover-k{ position:relative;}
.hover-k:after{ position: absolute; content: ""; width: 100%;height:4px; background:#d3b365; left: 0; bottom: 0; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.hover-k:hover:after{transform-origin: left center; transform: scaleX(1);}

.showshow-title{font-size:30px;line-height:32px;font-weight:bold;}
.showshow-nt{margin:15px 0 40px;border-top:1px solid #e2e2e2;padding-top:40px;}

.index-pro{display:flex; flex-wrap: wrap;margin-left:-3%;margin-right:-3%;}
.index-product-box{padding-top:20px;text-align:center;}
.ny-product2-hz{ display: flex; flex-wrap: wrap;justify-content: space-between; align-items: flex-start;}
 .ny-pr-products{width:20%;float:left;margin:0 2% 3% 2%;}


.index-product-tilte{font-size:18px;}

.index-pro-pic{display:block; overflow:hidden;  width:90%;margin: 0 auto;}
.index-pro-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-pro-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;border-top-right-radius: 15px;border-top-left-radius: 15px;}

.ny-product-left{ position: -webkit-sticky; position: sticky;
    top:100px;width:20%;padding:25px;border-radius:10px;box-shadow: 0 7px 49px 2px #edeff2;}	
.ny-product-right { width: 77%;}
/* 搜尋模塊 */
.search-block{
  margin-bottom:32px;
}
.block-title{
  font-size:24px;
    font-weight: bold;
  margin-bottom:20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.toggle-line{
  font-size:28px;
  color:#333;
  cursor:pointer;
}
.search-input-wrap{
  position:relative;
}
.search-input{
  width:100%;
  height:52px;
  background:#f5f5f5;
  border:none;
  border-radius:12px;
  padding:0 20px;
  font-size:16px;
  color:#666;
}
.search-input::placeholder{
  color:#aaa;
}
.search-icon{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;cursor: pointer;
}
/* 分隔線 */
.divider{
  height:1px;
  background:#eee;
  margin:24px 0;
}
.ct{font-weight:bold;}

.list ul li{ position: relative;}
.list ul li a{display: block;position: relative;padding-bottom:15px; }
.list ul li .inactive{ background:url(../images/off.png) no-repeat center; position: absolute;top:0;right:0; padding:0; height:36px;width:36px;z-index:22222;}
.list ul li .inactives{background:url(../images/on.png) no-repeat center;} 

.list ul li ul{display: none;}
.list ul li ul li { }
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px; }
.list ul li ul li ul{padding:10px 0; }
.list ul li ul li ul li { margin-bottom:5px;font-size:15px;}
.list ul li ul li ul li a{padding-left:40px;color:#666; padding-bottom:5px; }
.list ul li ul li ul li a:hover{color: #d3b365;}




/*分页*/
.yema{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-top:30px;
}

.yema a{ display:inline-block; height:43px; line-height:43px;min-width:43px; border-radius:5px;overflow:hidden;  margin:0 3px;  text-align:center;  background:#f4f8fb;}
.yema a:hover{ text-decoration:none; color:#fff; background:#d3b365;}
.yema a.on{color:#fff;  background:#d3b365;}
.yema a.first:hover,.yema a.last:hover{background-color:#d3b365;}
.yema a span{ font-family: "宋体";font-size:18px;}


/*上下篇*/
#page{border-top:1px solid #e2e2e2;padding-top:30px;}
#page .next,#page .prev{}

#page .next a:hover,#page .prev a:hover{ color: #d3b365;}


 
.ny-product2-right{position:sticky;top:100px;width:26%;float:right;background:#fff;overflow:hidden;padding:2%;box-shadow: 1px 0px 36px rgba(1, 86, 169, 0.08);}
.ny-product2-right-title{font-size:24px;}
.ny-product2-right-hot{padding-top:40px;}
.ny-product2-right-hot-hz{margin-bottom:20px;float:left;border-bottom:1px dashed #e3e7f2;padding-bottom:20px;}

.ny-product2-right-hot-hz a{ display:flex;justify-content: space-between; align-items: center;}
.ny-product2-right-hot-hz:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.ny-product2-right-hot-pic{width:30%;float:left;display:block; overflow:hidden;}
.ny-product2-right-hot-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:100%;}

.ny-product2-right-hot-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.ny-product2-right-hot-right{float:right;width:62%;}
.ny-product2-right-hot-right-title{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }


.ny-product2-left{width:70%;float:left;}
.ny-product2-left-title{font-size:24px;font-weight:bold;margin-bottom:30px;}

.ny-product2-left-box{background:#f7f7f7;border:1px solid #dfdfdf;border-radius:10px;width:31.33%;margin-right:1%;margin-left:1%;float:left;margin-bottom:30px;}
.ny-product2-left-box:hover{box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.2);background:#009ee2;border:1px solid #009ee2}
.ny-product2-left-box:hover .ny-product2-left-bt  {color:#fff !important;}
.ny-product2-left-bt-hz{padding:30px; }
.ny-product2-left-bt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px;	font-weight:bold;}

.ny-product2-left-pic{display:block; overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;}
.ny-product2-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;width:100%;
-o-transition-duration: .8s;overflow:hidden;}

.ny-product2-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.news-hz{ display: flex;
    align-items: flex-start;
    justify-content: space-between;
 }
.ny-product2-hz{ display: flex; flex-wrap: wrap;justify-content: space-between; align-items: flex-start;}
 

.productshow-pic{width:38%;}
.productshow-right{width:58%;}
.productshow-right-title{font-size:32px;line-height:35px;font-weight: bold;}
.productshow-right-fl{color:#b3b6b9;}
.productshow-right-ms{padding-left:20px; position: relative;}	
.productshow-right-ms:before {
    width:7px;
    height:7px;
    border-radius: 50%;
    background:#d3b365;
    position: absolute;
    left: 0;
    top:10px;
    content: "";
}
.home-more {
    background-color: #d3b365;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 18px;
    padding: 8px 30px;
    border-radius: 25px;
    text-align: center;
    border: 1px solid #d3b365;
}
.home-more:hover{border:1px solid #d3b365; background-color:#fff;color:#d3b365;}

.productshow-xq-pic{line-height:32px;}
.ny-product-title{font-size:30px; font-weight: bold;}