.title-2{text-align:center;position:relative;margin-bottom:0.6rem;}
.title-2 .en{font-size:0.6rem;color:#999;opacity:0.1;font-family:OPPOSan;text-transform:uppercase;}
.title-2 h2{font-size:30px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;}
.title-2 h2::after{content:'';display:block;position:absolute;width:45px;height:1px;left:50%;transform:translateX(-50%);border-bottom:4px solid #d4af6b;bottom:-0.24rem;}
.title-3{font-weight:bold;}
.title-3 .en{font-size:38px;font-family:simpel;}
.title-3 .en:not(.s2){text-transform:uppercase;}
.title-3 h2{font-size:22px;font-family:OPPOSan;}

@media (max-width:992px){
	.title-2 .en{font-size:30px;}
    .title-2 h2{font-size:20px;}
	.title-3 .en{font-size:30px;}
    .title-3 h2{font-size:20px;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*内页通用幻灯片*/
.banner{height:8.76rem;position:relative;overflow:hidden;max-height:90vh;}
.banner .bg{height:100%;background-repeat:no-repeat;background-attachment:fixed;background-size:auto 8.76rem; background-position:center 0;}
.banner .inner{height:100%;z-index:5;color:#fff;}
.banner .content{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:1rem; padding-top:.8rem;}

.banner .en{font-size:0.6rem;font-family:simpel;line-height:0.9;font-weight:bold;}
.banner h2{font-size:0.48rem;font-weight:bold;margin-top:0.1rem;margin-bottom:1rem;}
.banner .data{font-size:16px;}
.banner .data .item{color:#fff;margin-right:0.2rem;display:block;float:left;border-top:2px solid transparent;line-height:36px;}
.banner .data .item:hover{color:#d4af6b;;}
.banner .data .item:last-child{margin-right:0;}
.banner .data .active{border-top-color:#fff;}
.vscroll{color:#fff;font-size:16px;position:absolute;transform-origin:right 0;bottom:15%;z-index:555;letter-spacing:2px;font-family:simpel;transform:rotate(90deg);cursor:pointer;right:12%;padding-right: .9rem;}
.vscroll::after{content:'';display:block;width:0.86rem;height:1px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:5;right:0;}

@media (min-width:1201px){.swiper-honor li{width:25%;}}
@media (max-width:1200px){
	.swiper-honor li{width:33.3%;}
    .swiper-honor li .inner{margin:0 0.1rem;}
}

@media (max-width:1024px){.banner{height:500px;margin-top: 50px;}}
@media (max-width:768px){
	.banner .inner{top: 20%;}
	.banner{height:400px;}
	.swiper-honor li{width:50%;}
	.banner .bg{background-size:cover; background-position:center; background-attachment:unset;}
	.vscroll{display:none;}
}

@media (max-width:420px){.banner{height: 300px;}}
@media (max-width:300px){.banner{height:200px;}}

/*产品列表专用幻灯片*/
.iswiper-goods-box{background-color:#f6f6f6;}
.iswiper-goods-box .inner{background-color:#f6f6f6;}
.iswiper-goods-box .swiper-slide .info{transform:translateX(-150px);opacity:0;transition:all 1s ease-out;transition-delay:0.5s;}
.iswiper-goods-box .ani-slide .info{transform:translateX(0);opacity:1;}
.iswiper-goods-box .swiper-slide .img{transform:translateX(400px);opacity:0;transition:all 1s ease-out;}
.iswiper-goods-box .ani-slide .img{transform:translateX(0);opacity:1;}
.iswiper-goods-box .swiper-slide-prev .img{transform:translateX(400px);opacity:0;}
.iswiper-goods-box .swiper-slide-prev .info{transform:translateX(-150px);opacity:0;}
.iswiper-goods-box.s2{background:linear-gradient(rgba(0, 0, 0, 0.2), #fff, rgba(0, 0, 0, 0.03));}
.iswiper-goods-box.s2 .swiper-goods-2{background:none;}
.iswiper-goods-box.s2 .inner{background:none;}
.iswiper-goods{width:92%;max-width:1200px;margin-left:auto;margin-right:auto;}
.iswiper-goods .en{font-family:simpel;font-size:0.5rem;line-height:0.9;font-weight:bold;max-width:560px;}
.iswiper-goods .cn{font-size:26px;margin:0.2rem 0 0.6rem;position:relative;display:inline-block;line-height:1;}
.iswiper-goods .cn span{position:relative;z-index:5;}
.iswiper-goods .cn::after{content:'';display:block;position:absolute;width:100%;height:5px;background:#d4af6b;;z-index:1;bottom:0;}
.iswiper-goods .desc{line-height:30px;color:#afafaf;padding-bottom:40px;}
.iswiper-goods-box{background-color:#f6f6f6;padding:0.6rem 0;}
.iswiper-goods-box .inner{background-color:#f6f6f6;}
.swiper-goods-2{background:#f6f6f6;}
.swiper-goods-2 li{display:none;}
.swiper-goods-2 .active{display:block;}
@media (min-width:769px){
	.iswiper-goods-box .inner{overflow:hidden;}
	.iswiper-goods .inner{display:flex;align-items:center;justify-content:space-between;}
	.iswiper-goods .img, .iswiper-goods .info{width:50%; display:block;}
	.iswiper-goods .img{display:flex;align-items:center;justify-content:center;}
	.iswiper-goods .desc{margin-right:5%; max-width:430px;}
}
@media (max-width:1400px){
	.iswiper-goods-box.s2{padding:1rem 0 .6rem 0;}
	.iswiper-goods{min-height:6rem;}
	.iswiper-goods .img,
	.iswiper-goods .inner{min-height:6rem;}
}
@media (max-width:768px){
	.iswiper-goods .desc{padding-bottom:0;}
	.iswiper-goods-box.s2{margin:50px 0 10px 0;padding:0;}
	.iswiper-goods-box.s2 .swiper-goods-2{background:transparent;height:100%;width:100%;}
	.iswiper-goods-box.s2 .inner{width:92%; margin:0 auto; padding:0; height:100%; min-height:unset;}
	.iswiper-goods-box.s2 .inner .info{width:100%; margin-top:.8rem;}
	.iswiper-goods{ width:100%;height:300px;min-height:unset;}
	.iswiper-goods .inner{padding:1rem 0 0.3rem;}
	.iswiper-goods .img{max-width:unset;display:block;text-align:center; width:50%; height:auto;min-height:unset;position:absolute;top:22%;right:0;}
	.iswiper-goods .en{font-family:inherit;font-size:20px;line-height:1.75em;}
	.iswiper-goods .cn{ width:100%;font-size:18px; margin:0;line-height:2em;}
	.iswiper-goods .desc{padding-bottom:0;width:50%;float:left;margin-top:15px;}
	.iswiper-goods .desc p{ font-size:12px; line-height:1.5em;}
	.iswiper-goods .cn::after{width:41px;height:3px;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
.iswiper-nav{position:absolute;bottom:18%;left:0;height:0.46rem;z-index:555;text-align:center;}
.iswiper-nav li{width:0.8rem;border-bottom:0.03rem solid rgba(0, 0, 0, 0.3);border-radius:0;vertical-align:middle;float:left;color:#999;margin-right:1px;line-height:0.46rem;height:0.46rem;cursor:pointer;font-size:12px;font-family:simpel;position:relative;}
.iswiper-nav li em{content:'';display:block;position:absolute;width:0;height:0.03rem;background:rgba(0, 0, 0, 0.7);left:0;bottom:-0.03rem;opacity:0;z-index:55;transition:width 3s ease-in;}
.iswiper-nav li.loading em{opacity:1;width:100%;}
.iswiper-nav .on{color:#333;}
@media (max-width:1400px){.iswiper-nav{bottom:12%;}}
@media (max-width:1200px){
	.iswiper-nav{bottom:0; left:0; right:0; text-align:center;}
	.iswiper-nav li{display:inline-block; float:none;}
}
@media (max-width:768px){.iswiper-nav li{font-size:0px;}}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*页码*/
.pglist{padding:20px 0 30px;width:100%;text-align:center;clear:both;}
.pglist a, .pglist span{color:#333;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #ccc;}
.pglist a:hover, .pglist span, .pglist a.page-num-current{display:inline-block;color:#fff;background:#000;border-color:#000;box-shadow:0 0 14px rgba(0, 0, 0, .2);}
.pglist span.page-num{ display:none;}
.pglist select{color:#333; background-color:#FFF; border:1px solid #ccc;padding:0 15px; margin:0 3px;line-height:30px;}
@media (max-width:767px){
	.pglist{padding:0;}
	.pglist a, .pglist span{padding:0 5px;margin:0 2px;line-height:22px; font-size:10px}
	.pglist a:hover, .pglist span, .pglist a.page-num-current{box-shadow:unset;}
	.pglist select, .pglist a.pagecount{display:none;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*单篇*/
#about{ width:100%;padding: .5rem 0;}
#about .title{text-align: center;margin-bottom: .6rem;}
#about .title .titword{width: 100%;height: 1rem;position: relative;}
#about .title h1{font-size: 30px;}
#about .title h2{font-size: 60px;color: #999;opacity: 0.1;font-family: OPPOSan;text-transform: uppercase;position: absolute;top: 0;left: 0;}
#about .title h1, #about .title h2{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
#about .title i{display: block;width: 45px;height: 4px; background: #d4af6b;; margin:0 auto;position: relative;}
#about .content{ width:100%;position: relative;}

@media (max-width:768px){#about .title h2{font-size: 50px;}}
@media (max-width:460px){
	#about .title h1{font-size: 24px;}
	#about .title h2{font-size: 36px;}
}
@media (max-width:375px){
	#about .title h1{font-size: 20px;}
	#about .title h2{font-size: 30px;}
}

/*色卡*/
.seika .swiper-slide{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.seika .gallery-thumbs {box-sizing: border-box; margin-top:20px;}
.seika .gallery-thumbs i{display: block;background-color: #000;width: 100%;height: 20px;position: absolute;bottom: 0; opacity: .5;}
.seika .gallery-thumbs .swiper-slide{ border:4px #ccc solid;}
.seika .gallery-thumbs .swiper-slide img{display: block;margin: 0 auto;}
.seika .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:4px #d4af6b solid;}

.seika .butnext, .seika .butprev{display: block;position: absolute; top:45%;z-index:5;width: 25px;height: 25px;border-top: 2px #ccc solid;}
.seika .butnext{ right:5px;border-right: 2px #ccc solid;transform: rotate(45deg);}
.seika .butprev{ left:5px;border-left: 2px #ccc solid;transform: rotate(-45deg);}
.seika .butnext:after, .seika .butprev:after{ display:none;}

@media (max-width:768px){
	.seika .gallery-thumbs .swiper-slide{ border:2px #ccc solid;}
	.seika .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:2px #d4af6b solid;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*简介总页面*/
#dom1{padding:.1rem 0; margin:.9rem 0;}
#dom1 .title{padding-bottom:0.4rem;position:relative;margin-bottom:0.34rem;}
#dom1 .title h1{font-size:38px;text-transform:uppercase;font-family:simpel;}
#dom1 .title h2{font-size:22px;}
#dom1 .title:after{content:'';display:block;position:absolute;width:26px;height:4px;background:#d4af6b;;left:0;bottom:0;}
#dom1 .content{width:100%;}
#dom1 .content img{ display:block; margin:0 auto;}
#dom1 .content p{font-size:16px;color:#666;}

#dom2{position:relative; width:100%;}

#dom3{padding:.3rem 0; margin:.7rem 0;}
#dom3 .title{position:relative;margin-bottom:20px;}
#dom3 .title h1{font-size:38px;text-transform:uppercase;font-family:simpel;}
#dom3 .title h2{font-size:22px;}
#dom3 .img{width:500px;height:550px;}
#dom3 .content{position:relative;display:flex;align-items:center; height:550px;overflow:hidden;}
#dom3 .content .info{ width:700px; padding-left:50px; height:550px;overflow: auto;padding-right: 50px;}
#dom3 .content .info::-webkit-scrollbar{width:5px;height:5px;}
#dom3 .content .info::-webkit-scrollbar-thumb{background:#666; border-radius:5px;}
#dom3 .content .info::-webkit-scrollbar-track{border-radius:5px; background:#c8c8c8;}
#dom3 .content .info .desc{padding-bottom: 30px; margin-bottom:30px;display: block;border-bottom: 2px solid #eee;font-size: 16px;padding-right: 150px;position: relative;line-height: 30px;}
#dom3 .content .info .desc:last-child{ margin-bottom:0;}
#dom3 .content .info .desc i{font-size: 24px;width: 150px;text-align: right;display: block;position: absolute;height: 30px;line-height: 30px;right: 0;top: 0;}

#dom4{background:url(../images/neiye/about-pic-3.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;}
#dom4 .w1200{ position:relative;padding:2.5rem 0;}
#dom4 .content{ width:25%; float:left;text-align:center;position:relative;z-index:20; }
#dom4 .content .title{ width:100%;margin-bottom:0.2rem;}
#dom4 .content .title h1{text-transform: uppercase;font-size:0.32rem;font-family:simpel;position:relative;}
#dom4 .content .title h2{font-size:24px; }
#dom4 .content .info{font-size:20px; line-height:2em;color:#999;height:6em;overflow:hidden;}
#dom4 #try{position:absolute;z-index:1;transition:0.3s;border-radius:50%;width:1.2rem;height:1.2rem;background:url(../images/round.png) no-repeat center;background-size:contain;margin-top:-.5rem;margin-left:.5rem;transform:scale(0);}
#dom4 #try.on{transform:scale(1);}

#dom5{padding:1rem 0;}
#dom5 .title{ text-align:center;padding-bottom:0.4rem;position:relative;margin-bottom:0.34rem;}
#dom5 .title h1{font-size:38px;text-transform:uppercase;font-family:simpel;}
#dom5 .title h2{font-size:22px;}
#dom5 .title:after{content: '';width: 23px;height: 4px;background: #d4af6b;; position: absolute;left: 50%;transform: translateX(-50%);z-index: 5;bottom: 0;}
#dom5 .swiper-slide{width:23%;margin:20px 1%;background:transparent;padding:0;border:1px solid #eee;box-shadow:5px 10px 15px rgba(0,0,0,.25);transition:all .5s ease;}
#dom5 .swiper-slide img{display:block; width:auto; margin:0 auto;}
#dom5 .swiper-slide .info{width: 100%;background: #fff;padding: 10px 15px;}
#dom5 .swiper-slide .info h1{height: 40px;line-height: 40px;font-size: 18px;border-bottom: 1px dashed #eee;margin-bottom: 10px; color:#333;}
#dom5 .swiper-slide .info div{line-height: 1.5em;height: 4.5em;overflow: hidden;}
#dom5 .swiper-slide .info div p{ font-size:14px; color:#666;}
#dom5 .swiper-slide:hover{ margin:0 1% 40px 1%;transition:all .5s ease;}
#dom5 .swiper-slide:hover .info h1{ color:#d4af6b;}	

@media (max-width:1024px){	
	#dom3 .content .info .desc{ padding:20px 0;}
	#dom3 .content{display: block;height: auto;}
	#dom3 .img{ display:none;}
	#dom3 .content .info{width: 100%;padding-left: 0;height: auto;padding-right: 0;}
}

@media (max-width:768px){
	#dom1 .title h1,
	#dom3 .title h1,
	#dom5 .title h1{font-size: 24px;}
	#dom1 .title h2, #dom3 .title h2,
	#dom5 .title h2{ font-size:18px;}
	#dom1 .content p{font-size:14px;}

	#dom3 .content .info .desc{font-size:14px;}
	#dom3 .content .info .desc i{ font-size:14px;}

	#dom4 .w1200{padding: 40px 0 0 0;}
	#dom4 .content{ width:50%; margin-bottom:40px;}
	#dom4 .content .title h1, #dom4 .content .title h2{font-size: 20px;line-height: 24px;font-family:inherit;}
	#dom4 .content .info{ font-size:14px;}

	#dom5 .swiper-slide{width:100%;margin:0;border:none;box-shadow:none;transition:nust;}
	#dom5 .swiper-slide:hover{ margin:0;transition:nust;}
	#dom5 .swiper-slide img{border:1px solid #ccc;}
}

@media (max-width:550px){
	#dom4 .content .title{display: flex;justify-content: center;}
	#dom4 .content .title h1{margin-right: 10px;}
	#dom4 .content{ width:100%;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*联系总页面*/
#box1,
#box3{padding:1rem 0;}
#box1 .title,
#box2 .title,
#box3 .title{margin-bottom: .6rem;text-align: center;}
#box1 .title h1,
#box2 .title h1,
#box3 .title h1{font-size: 30px;}
#box1 .title h2, #box2 .title h2,
#box3 .title h2{font-size: 60px;color: #999;opacity: 0.1;font-family: OPPOSan;text-transform: uppercase;margin-top: -60px;}
#box1 .title i, #box2 .title i,
#box3 .title i{display: block;width: 45px;height: 4px; background: #d4af6b;; margin:0 auto;}

#box1 .content{width:100%; text-align:center;}
#box1 .content .item{width: 33%;margin: 0 .5% 4% 0;float: left;display: flex;align-items: center;overflow: hidden;}
#box1 .content .item:nth-child(3n){margin: 0 0 4% 0;}
#box1 .content .pic{float: left;border-right: 1px dashed #ccc;margin-right: 5%;width: 50%;text-align: center;}
#box1 .content .desc{float: left;width: 45%; text-align:left;}
#box1 .content .desc h3{font-size: 16px;margin-bottom: 5px;}
#box1 .content .desc p{font-size: 20px;line-height: 1.25em;overflow-wrap: break-word;}

#box2{background:#f5f3f0;padding-top:1rem;}
#box2 iframe{ height:500px;}

#box3 .content{ width:100%;}
#box3 .content .item{ width:30%;margin-right:5%;float: left;border-bottom:1px solid #a9a7a8;height:60px;display:flex;align-items:center;color:#666;}
#box3 .content .item:nth-child(3n){margin-right:0}
#box3 .content .item p{display:block;}
#box3 .content .item input{margin-left:0.2rem;padding:10px 0;display:block;flex-grow:1;flex-shrink:1;font-size:16px;}
#box3 .content .areabox{ width:100%; float:left;border-bottom:1px solid #a9a7a8;}
#box3 .content .areabox p{height:60px;line-height:60px;}
#box3 .content .areabox textarea{height:80px;display:block;width:100%;}
#box3 .content .submit{display:block;margin:60px auto 0 auto;width:160px;height:48px;background:#000;color:#fff;font-size:16px;}
#box3 .content .submit:hover{background:#d4af6b;;}

@media (max-width:1200px){
	#box1 .title h1, #box2 .title h1, #box3 .title h1{font-size: 24px;}
	#box1 .title h2, #box2 .title h2, #box3 .title h2{font-size: 40px;margin-top: -42px;}
	#box1 .content .desc h3{font-size: 14px;}
	#box1 .content .desc p{font-size: 18px;}
}
@media (max-width:768px){
	#box1 .title h1, #box2 .title h1, #box3 .title h1{font-size: 20px;}
	#box1 .title h2, #box2 .title h2, #box3 .title h2{font-size: 24px;margin-top: -28px;}
	#box1 .content .item{width:100%;float: none;margin:0 0 50px 0;}
	#box1 .content .item:nth-child(3n){margin:0 0 50px 0;}
	#box1 .content .pic{ width:30%;}
	#box1 .content .desc h3{font-size: 12px;}
	#box1 .content .desc p{font-size: 16px;}

	#box2 iframe{ height:250px;}
	#box3 .content .item{ width:100%;margin-right:0;float: none;}	
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*未知*/
.map-info{padding:10px 20px 5px;text-align:center;}
.map-info h4{font-size:16px;margin-bottom:6px;color:#000;font-weight:bold;}
.map-info .info{color:#666;}
.empty-box{width:92%;max-width:1200px;margin-left:auto;margin-right:auto;padding:1.6rem 0 3rem;text-align:center;font-size:16px;color:#999;}
.empty-box .tit{margin-top:20px;}

/*色卡*/
.seika .swiper-slide{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.seika .gallery-thumbs {box-sizing: border-box; margin-top:20px;}
.seika .gallery-thumbs i{display: block;background-color: #000;width: 100%;height: 20px;position: absolute;bottom: 0; opacity: .5;}
.seika .gallery-thumbs .swiper-slide{ border:4px #ccc solid;}
.seika .gallery-thumbs .swiper-slide img{display: block;margin: 0 auto;}
.seika .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:4px #d4af6b solid;}

@media (max-width:768px){
	.seika .gallery-thumbs .swiper-slide{ border:2px #ccc solid;}
	.seika .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:2px #d4af6b solid;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*相册列表*/
.nei_album{width:92%;margin:0 auto;max-width:1200px;padding:50px 0;}
.nei_album .item{ display:block;position:relative;transition:all .3s ease;background: #f6f6f6; position:relative;}
.nei_album .item:hover {box-shadow: 0px 10px 20px rgba(0,0,0,.2);}
.nei_album .item .img{cursor: pointer;width:100%;overflow:hidden;position:relative;}
.nei_album .item .img img{ display:block; width:100%;}
.nei_album .item p{display: flex;align-items: center;justify-content: center;}
.nei_album .item:hover p{ color:#d4af6b;}
@media (min-width:1025px){
	.nei_album .item{width:calc(calc(100% - 60px) / 4); margin:0 20px 20px 0;float:left;}
	.nei_album .item:nth-child(4n){ margin:0 0 20px 0;}
	.nei_album .item p{height: 65px;}
}
@media (min-width:769px) and (max-width:1024px){
	.nei_album .item{width:calc(calc(100% - 30px) / 3); margin:0 15px 15px 0;float:left;}
	.nei_album .item:nth-child(3n){ margin:0 0 15px 0;}
	.nei_album .item p{height: 55px;}
}
@media (min-width:301px)and (max-width:768px){
	.nei_album .item{width:calc(calc(100% - 10px) / 2); margin:0 10px 10px 0;float:left;}
	.nei_album .item:nth-child(2n){ margin:0 0 10px 0;}
	.nei_album .item p{height: 50px;}
}
@media (max-width:320px){
	.nei_album .item{width:100%;margin:0 0 20px 0;}
	.nei_album .item p{ padding:10px 0;}	
}

/*相册内页*/
.malbum{ width:100%;}
.malbum .item{ width:24.25%; margin:0 1% 2% 0; float:left; text-align:center;background-color:#f6f6f6;}
.malbum .item p{ display:block; line-height:65px; height:65px; }

@media (min-width:769px){
	.malbum .item:nth-child(4n){ margin:0 0 2% 0;}
    .malbum .item, .malbum .item:hover{transition:all .3s ease;}
	.malbum .item:hover{box-shadow:0px 10px 20px rgba(0,0,0,.2);}
}

@media (max-width:768px){
	.malbum .item{ width:49%; margin:0 2% 2% 0; }
	.malbum .item:nth-child(2n){ margin:0 0 2% 0;}
	.malbum .item p{line-height:40px; height:40px; }
}

.nei_album .item .img .shuiyin{position: relative;}
.nei_album .item .img .shuiyin .sy_box{ width:100%;}
/*-----------------------------------------------------------------------------------------------------------------------*/

/*产品列表*/
.clear{ clear:both;}
.prolist{ width:100%;padding-bottom:0.5rem;}
.prolist div.item{float:left; text-align:center;}
.prolist div.item a{ display:block;border:1px #f6f6f6 solid;background:#f6f6f6;}
.prolist div.item img{ width:100%; height:auto;}
.prolist .img{position:relative;display:block;overflow:hidden;}
.prolist div.item .tit{height:65px}

.mmore{cursor: pointer;opacity:0;background-color:rgba(0,0,0,.35);color:#FFF;width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;justify-content:center;justify-items:center;}
.mmore em{ color:#fff; position:relative;}
.mmore em:after, .mmore em:before{content:"";display:block;width:100px;height:1px;background-color:#fff;position:absolute;transition:all .6s ease;left: 50%;transform: translateX(-50%);}
.mmore em:after{top:-5px;}
.mmore em:before{bottom:-5px;}
.mmore:hover{opacity:1;}
.mmore:hover em:after,
.mmore:hover em:before{ width:20px;}
	
.mprocon div.item{width:32%; margin:0 2% 2% 0; }
.mprocon div.item:nth-child(3n){ margin:0 0 2% 0;}

/*产品列表导航*/
.goods-tab-nav{background:#fff;box-shadow:0 6px 6px rgba(0, 0, 0, 0.1);border-bottom:1px solid #e5e5e5;margin-bottom:1rem;}
.goods-tab-nav ul{font-size:16px;color:#999;max-width:1200px;width:92%;margin:0 auto;text-align:center;}
.goods-tab-nav ul .icon{margin-bottom:5px;}
.goods-tab-nav ul li{cursor:pointer;border-bottom:4px solid transparent;height:.75rem;}
.goods-tab-nav ul li:hover a{transform:translateY(-5px);}
.goods-tab-nav ul a{transition:0.3s;display:block;}
.goods-tab-nav ul .active{border-bottom-color:#d4af6b;color:#333;}

.goods-list-box{padding-bottom:0.5rem;}
.goods-list{padding-bottom:0.5rem;margin-left:-0.15rem;margin-right:-0.15rem;}
.goods-list > *{padding-left:0.15rem;padding-right:0.15rem;}
.goods-list li{text-align:center;margin-bottom:0.3rem;}
.goods-list .inner{padding:0 0 0.4rem;text-align:center;background:#f6f6f6;transition:0.3s;}
.goods-list .inner:hover{transform:translateY(-5px);box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);}
.goods-list .tit{margin:0.3rem 0.1rem 0;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

@media (min-width:769px){
	.goods-tab-nav ul,
	.goods-tab-nav ul li{display:flex;align-items:center;}
	.goods-tab-nav ul{justify-content:space-between;}
	.goods-tab-nav ul li{justify-content:center;}

	.prolist div.item .tit{display:flex;align-items:center;justify-content:center;justify-items:center;}
	.prolist div.item a, .prolist div.item a:hover, .more, div.item a:hover .more{transition:all .3s ease;}
	.prolist div.item a:hover{box-shadow:0px 10px 20px rgba(0,0,0,.2);margin-top:-15px; margin-bottom:15px;}
	.prolist div.item a:hover .more:after, .prolist div.item a:hover .more:before{width:20px;}
	.prolist div.item a:hover .tit{ color:#d4af6b;}
}

@media (max-width:768px){
	.goods-tab-nav{margin-bottom:0.6rem;}
    .goods-tab-nav ul{width:100%; padding:0; font-size:14px;}
    .goods-tab-nav ul li{width: calc(100% / 3);line-height: .75rem;float: left;}
    .goods-tab-nav ul .icon{max-width:60%;}	

	.goods-list{margin:0;padding:0;width:100%;}
    .goods-list > *{padding-left:0.1rem; padding-right:0.1rem;}
	.goods-list li{ width:49%; margin:0 2% 2% 0; padding:0;}
	.goods-list li:nth-child(2n){ margin:0 0 2% 0;}
    .goods-list .inner .img{margin:.2rem;}
	.goods-list .inner .img .mproimg{ height:120px;}
    .goods-list .tit{margin-top:0.2rem;}

    .mprocon div.item{width:48%;margin:0 4% 4% 0;}
    .mprocon div.item:nth-child(2n){ margin:0 0 4% 0;}
	.prolist div.item .tit{display:flex;align-items:center;justify-content:center;justify-items:center;height:40px}

	.mmore{ display:none;}
}

/*产品内页*/
.mimg-sy{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}

.protop{ margin:.15rem 0 .5rem;width:100%;}
.protop .w1200{ position:relative;}
.protop .pt-pic{width:50%;}
.protop .pt-pic img{ max-width:100%; width:auto; height:auto; display:block; margin:0 auto;}
.protop .pt-desc{width:50%; padding-left:1rem;}
.protop .pt-desc .pttxt{padding: 0.2rem 0;border-top: 1px solid #cccccc;border-bottom: 1px solid #a3a3a3;margin: 0 0 .2rem 0;line-height: 1.75em;font-size: 16px;letter-spacing: 1px;}
.protop .pt-desc .ptbut{width: 188px;height: 48px;background: #333;color: #fff;display: flex;font-size: 16px;transition: 0.3s;align-items: center;justify-content: center;}
.protop .pt-desc .ptbut:hover{background:#d4af6b;;color:#fff;transform:scale(0.98);}

.promid{ width:100%; background:#f6f6f6;}
.promid .w1200{position:relative;padding:.9rem 0;}
.promid .pmtit{font-size:30px; line-height:2em;}
.promid .pminfo{margin-bottom:0.6rem;}
.promid .pminfo p{font-size:16px;color:#717171;line-height:1.75em;}
.promid .pmimg{ position:relative;}
.promid .pmimg img{display:block; margin:0 auto;}
.promid .pmimg .swiper-slide{ position:relative;}
.promid .pmimg .swiper-button-prev, .promid .pmimg .swiper-button-next{top: 45%;width: auto;height: auto;margin-top: 0;}
.promid .pmimg .swiper-button-prev:after, .promid .pmimg .swiper-button-next:after{ content:""; clear:both; display:none;}
.promid .pmimg .swiper-button-prev{left:0;}
.promid .pmimg .swiper-button-next{right:0;}

.probot{ margin:.8rem 0 .5rem;}
.probot .pbtit{text-align:center;font-size:28px;font-family:simpel;margin-bottom:.4rem;}
.probot div.item{width: 23.5%;margin: 0 2% 2% 0;}
.probot div.item:nth-child(4n) {margin: 0 0 2% 0;}

@media (max-width:768px){
	.protop .pt-pic{width:100%;}
	.protop .pt-desc{width:100%; padding-left:0;}
	.probot div.item{width:48%;margin:0 4% 4% 0;}
    .probot div.item:nth-child(2n){ margin:0 0 4% 0;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*新闻列表*/
.nei_news{width:92%;margin:0 auto;max-width:1200px;padding:50px 0;}
.nei_news .item{ display:block; width:100%;height:250px;margin-bottom:50px;position:relative;background:#f6f6f6;transition:all .3s ease; }
.nei_news .item .img{cursor: pointer;position: relative; width:35%; height:100%; overflow:hidden;float:left;}
.nei_news .item .img img{max-height: fit-content;}

.nei_news .item .info{ width:65%; height:100%; overflow:hidden;float:right;padding:50px; position:relative;}
.nei_news .item .info,
.nei_news .item .info *{overflow:hidden;}
.nei_news .item .info .tit{font-size:24px; height:30px; }
.nei_news .item .info .time{color:#999; height:20px; margin-bottom:20px;}
.nei_news .item .info .desc{color:#999;line-height:20px;word-break:break-all;height:60px; margin-bottom:20px;}

.nei_news .item .more{position:absolute; right:0; bottom:0;width:150px;height:40px;background:#333;}
.nei_news .item .more a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.nei_news .item .more em{color:#fff;text-transform:uppercase;}
.nei_news .item .more i{background: url(../images/ic_arr.png) no-repeat center right;width: 30px;height: 100%;}

@media (max-width:1200px){}
@media (min-width:769px){
	.nei_news .item:hover{background:#fff; box-shadow:0 10px 20px rgba(0, 0, 0, .1);}
	.nei_news .item .info:after{content:'';display:block;position:absolute;width:20%;border-bottom:1px dashed #dddd;bottom:50px;}
	.nei_news .item:hover .more{background:#d4af6b; transition:0.3s;}
	.nei_news .item:hover .more a{transform:translateX(10px);}
}
@media (max-width:768px){
	.nei_news{padding:30px 0;}
	.nei_news .item{height:auto;margin-bottom:30px;}
	.nei_news .item .img{width:100%; height:auto;float: none;}
	.nei_news .item .img img{max-height:100%;}
	
	.nei_news .item .info{width:100%; height:auto;float:none;padding:20px;}
	.nei_news .item .info .tit{ font-size:20px;height:auto;}
	.nei_news .item .info .time{height:auto;margin-bottom:10px;}
	.nei_news .item .info .desc{height: calc(1.75em * 3);margin-bottom: 0;line-height: 1.75em;}
	
	.nei_news .item .more{bottom:-18px; height:36px; width:120px;}

}
/*新闻内页*/
.page_news{margin:.15rem auto .5rem auto;width:92%;max-width:1200px;}
.page_news .left{width:70%; float:left; padding:0 4% 0 0;}
.page_news .left .tit{ width:100%;border-bottom:1px solid #ddd; margin-bottom:26px;padding-bottom:5px;}
.page_news .left .tit h2{font-size:24px;line-height:30px;}
.page_news .left .tit p{color:#999; line-height:2em;}
.page_news .left .tit span{ margin-right:20px;}
.page_news .left .tit span:last-child{ margin-right:0;}
.page_news .left .desc{ width:100%; font-size:15px; color:#333; line-height:2em;border-bottom:1px solid #ddd;margin-bottom:26px;padding-bottom:26px;}
.page_news .left .prev, .page_news .left .next{ display:block; width:100%;}
.page_news .left .prev a, .page_news .left .next a{color:#333;line-height:35px;}
.page_news .left .prev:hover a, .page_news .left .next:hover a{ color:#d4af6b;}

.page_news .right{ width:30%; float:right;}
.page_news .right div.tit{ text-align:right;font-size:24px;line-height:30px;margin-bottom:35px;}

@media (max-width:768px){
    .page_news .left{width:100%; float:none;padding:0;}
	.page_news .left .tit h2{font-size:20px;line-height:24px;}
	.page_news .left .tit p{margin:.3rem 0; font-size:10px;}
	.page_news .left .tit span{margin-right:0; display:block; width:100%;}
	.page_news .left .desc{font-size:14px;line-height:1.75em;}

	.page_news .right{width:100%; float:none;}
	.page_news .right div.tit{text-align:left;margin-top:1rem;margin-bottom:5px;border-bottom:1px #ccc solid;padding-bottom:10px;}
}

/*相关新闻*/
.nei_xgxw{ width:100%;position:relative;}
.nei_xgxw,
.nei_xgxw *{ overflow:hidden;}
.nei_xgxw .item{ display:block; width:calc(50% - 5px);height:200px;margin-bottom:10px; margin-right:10px; float:left; position:relative;}
.nei_xgxw .item:nth-child(2n){ margin-right:0;}
.nei_xgxw .item .img{cursor: pointer;position: relative; width:100%;height:160px;overflow:hidden;background: #f2f2f2;}
.nei_xgxw .item .img img{max-height: fit-content;}
.nei_xgxw .item p{display: block;height:40px;overflow: hidden;font-size:14px;line-height:40px;text-align:center;}
@media (max-width:768px){
	.nei_xgxw .item{width:100%;height:auto;margin-bottom:0; margin-right:0; float: none;border-bottom: 1px #ccc dashed;}
	.nei_xgxw .item .img{ display:none;}
	.nei_xgxw .item .img img{max-height: fit-content;}
	.nei_xgxw .item p{height: 2em;line-height: 2em;text-align: left;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
.article-box .hd{border-bottom:1px solid #ddd;margin-bottom:26px;}
.article-box .hd h2{font-size:24px;line-height:1.75em;}
.article-box .hd .info{color:#999;padding:20px 0;}
.article-box .article{font-size:16px;line-height:1.76;padding-bottom:0.9rem;}
.article-box .article p{margin-top:0.2rem;}
.article-box img{display:block;margin:0 auto;}
.article-box .pnext{padding:0.5rem 0;border-top:1px solid #d4af6b;line-height:0.46rem;}
.article-box .pnext a{display:block;color:#999;}
.article-box .pnext a:hover{color:#d4af6b;}

.zh-list{padding-bottom:0.2rem;margin-left:-0.15rem;margin-right:-0.15rem;}
.zh-list > *{padding-left:0.15rem;padding-right:0.15rem;}
.zh-list li{margin-bottom:30px;}
.zh-list .info{border:1px solid #e8e8e8;}
.zh-list .info .top{padding:18px 20px 26px;}
.zh-list .info .site{border-top:1px solid #e8e8e8;display:block;padding:0 20px;color:#999;height:54px;line-height:54px;padding-left:55px;position:relative;background:url(../images/ic_site.png) no-repeat 20px center;transition:0.3s;}
.zh-list .info .site::after{content:'';display:block;width:30px;height:30px;background-image:url('../images/ic_arr2.png');background-position:center;background-repeat:no-repeat;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:0.3s;}
.zh-list .info .site:hover{background-color:rgba(0, 0, 0, 0.05);}
.zh-list .info .site:hover::after{position:absolute;right:20px;top:50%;transform:translateY(-50%);}
.zh-list .info .time{color:#999;}
.zh-list .info .tit{font-size:18px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-top:10px;}

@media (max-width:992px){.article-box .hd h2{font-size:22px;}}
@media (min-width:992px){
	.zh-list .inner{box-shadow:0 0px 25px rgba(0,0,0,.1);transition:0.3s;}
	.zh-list .inner:hover{box-shadow:0 0 20px rgba(0, 0, 0, 0.2);transform:translateY(-5px);}

}
/*-----------------------------------------------------------------------------------------------------------------------*/
.login-box{width:92%;margin-left:auto;margin-right:auto;max-width:1200px;padding:1rem 0 2.6rem;}
.login-box .title-2{margin-bottom:0.9rem;}
.login-box h2{font-size:24px;margin-bottom:20px;}
.login-box form .cell{height:60px;margin-bottom:10px;position:relative;display:-webkit-flex;display:flex;display:-webkit-box;display:box;border-bottom:1px solid #e8e8e8;}
.login-box form .cell input{width:100%;padding:10px 0;display:block;}
.login-box form .cell .forget{position:absolute;right:0px;top:50%;transform:translateY(-50%);}
.login-box form .cell .forget:hover{color:#d4af6b;}
.login-box form .btn{width:160px;height:48px;margin-top:45px;margin-bottom:40px;background:#000;font-size:16px;color:#fff;text-align:center;transition:0.3s;}
.login-box form .btn:hover{background:#d4af6b;transform:scale(0.98);}
.login-box .tip{color:#999;}
.login-box .tip a{color:#333;border-bottom:1px solid #666;line-height:24px;display:inline-block;}
.login-box .tip a:hover{color:#d4af6b;}
.login-box .tip a:hover{border-color:#d4af6b;}

@media (min-width:992px){
	.login-box .bd{padding-left:55%; padding-right:5%; position:relative;}
    .login-box .bd::before{width:55%; height:100%; background:url(../images/loginbg.png) no-repeat right center; background-size:contain; content:''; display:block; position:absolute; right:50%; top:50%; transform:translateY(-50%);}
}
@media (max-width:991px){
	.login-box .bd{margin:0 8%; text-align:center;}
    .login-box .title-2{margin-bottom:1.2rem;}
	.login-box form .cell{margin-bottom:0;}
}

/*-----------------------------------------------------------------------------------------------------------------------*/
.goods-type{color:#666;font-size:16px;padding:30px 0;border-bottom:1px solid #e8e8e8;position:relative;}
.goods-type nav{width:60%;}
.goods-type nav .tit{color:#999;}
.goods-type nav a{display:inline-block;margin-right:20px;}
.goods-type nav a:hover{color:#d4af6b;}
.goods-type nav .active{color:#d4af6b;}
.goods-type form .key{padding:10px 0;margin-right:10px;font-size:16px;color:#d4af6b;}
.goods-type form .submit{font-size:18px;color:#d4af6b;width:30px;height:30px;border-radius:4px;}
.goods-type form .submit:hover{background:rgba(0, 0, 0, 0.05);color:#333;}
.goods-type form input::-webkit-input-placeholder,
.goods-type form textarea::-webkit-input-placeholder{color:#bbb;}
.goods-type form input:-moz-placeholder,
.goods-type form textarea:-moz-placeholder{color:#bbb;}
.goods-type form input::-moz-placeholder,
.goods-type form textarea::-moz-placeholder{color:#bbb;}
.goods-type form input:-ms-input-placeholder,
.goods-type form textarea:-ms-input-placeholder{color:#bbb;}
.goods-type-box .title-2{margin-bottom:0.8rem;}

@media (min-width:768px){
	.goods-type form{position:absolute; right:0; top:20px;}
    .goods-type form .key{text-align:right; width:200px;}
    .goods-type form .key:focus{box-shadow:0 10px 10px rgba(0, 0, 0, 0.05);}
}

@media (max-width:767px){
	.goods-type nav{width:100%; margin-bottom:20px; line-height:1.8;}
    .goods-type form{border:1px solid #e8e8e8; padding:0  10px 0 16px; border-radius:4px; display:-webkit-flex; display:flex; display:-webkit-box; display:box; -webkit-align-items:center; align-items:center; -webkit-box-align:center; box-align:center; -webkit-box-pack:justify; box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;}
    .goods-type form .key{display:block; min-width:0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
.cp-list{margin-bottom:0.6rem;margin-top:0.5rem;}
.cp-list li{border-bottom:1px solid #e8e8e8;padding:30px 150px 30px 54px;position:relative;background:url(../images/pdf.png) no-repeat 0 center;transition:0.3s;}
.cp-list li:hover{border-bottom-color:#d4af6b;}
.cp-list li:hover .tit{transform:translateX(5px);}
.cp-list li .tit{font-size:20px;transition:0.3s;}
.cp-list li .down{font-size:16px;color:#666;position:absolute;right:0px;top:50%;transform:translateY(-50%);transition:0.3s;}
.cp-list li .down:hover{color:#d4af6b;margin-right:10px;}

@media (max-width:768px){
	.cp-list li{padding:20px 100px 20px 30px; background-size:20px;}
    .cp-list li .tit{font-size:16px;}
    .cp-list li .down{font-size:14px;}
}