:root{
	--a1:translate(-50%,-50%);
	--a2:translateX(-50%);
	--a3:translateY(-50%);
}
/*视频自动播放*/
.index_video {position:relative;}
#background_video {
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: var(--a1);
	object-fit: cover;
	height: 100%; width: 100%;
}
#video_cover {
	position: absolute;
	width: 100%; 
	height: 100%;
	background: url(../images/video_cover.jpg) no-repeat;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;left:0;top:0
}

#video_controls {
	position: absolute;
	left: 50%;
	top:50%;
	transform: var(--a1);
	display:none;
}
#play img {
	width: 100px;
}
#pause img {
	width: 90px;
}
#pause {
	display: none;
}
#overlay {
  position: absolute;
  top: 0; right: 0; left: 0; bottom: 0;
  background: rgba(0,0,0,0.3);
}
.index_video .label_text {position:absolute;top:50%;left:0;transform:var(--a3);z-index:1;text-align:center;width:100%}
.index_video .label_text h5 {font-size:.72rem;color:#FFF;font-weight:bold;}
.index_video .label_text p{font-size:.3rem;color:#FFF;margin:.2rem 0 0;text-transform:uppercase;font-family:"GothamProRegular"}
@media (min-width: 768px) {
	#video_controls {display: none;}
}
/*header*/
.header {position:fixed;top:0;left:0;width:100%;z-index:22;font-size:0;padding:.15rem 0;}
.header>div>div {display:inline-block;vertical-align:middle;}
.header .logo {width:17%}
.header .logo a{display:inline-block;position:relative}
.header .logo img.logo2 {position:absolute;top:50%;left:50%;transform:var(--a1);opacity:0;visibility:hidden;}
.header .logo img {max-height:.76rem;transition:all .1s}
.header .navlist {width:83%}
.header .navlist>div{display:inline-block;vertical-align:middle;}
.header .navlist .menus {width:85%}
.header .navlist .langs {width:15%;text-align:right}
.header .menus li {display:inline-block;padding:0 .3rem;}
.header .menus li a{font-size:.16rem;color:#FFF;font-weight:bold;text-transform:uppercase}
.header .navlist .langs>* {display:inline-block;vertical-align:middle;}
.header .navlist .langs a {font-size:.16rem;color:#FFF;position:relative;}
.header .navlist .langs em {font-size:.16rem;color:#FFF;padding:0 .1rem;}
.header .navlist .langs a:before{content:"\f0d8";font:normal normal normal 14px/1 FontAwesome;font-size:.14rem;color:#FFF;position:absolute;top:100%;left:50%;transform:var(--a2);opacity:0;transition:all .4s}
.header .navlist .langs a.active:before {opacity:1}

.is_header {background:rgba(0,0,0,.8);box-shadow:0 0 12px rgba(0,0,0,.2)}
.inside_header .logo img.logo1 {opacity:0;visibility:hidden;}
.inside_header .logo img.logo2 {opacity:1;visibility:visible;}
.inside_header .menus li a,.inside_header .navlist .langs a,.inside_header .navlist .langs em{color:#282727}
.inside_header .navlist .langs a:before {color:#282727}
.inside_header {background:#FFF;}
/*banner*/
.index_video{position:relative}
.index_video .swiper-slide video {width:100%;height:7.9rem;object-fit:cover;background:#000}
/*.index_video .swiper-slide img {width:100%;height:7.9rem;object-fit:cover}*/
.index_video .swiper-slide img.mobpic{display:none;}
.index_video .slide-pagination {position:absolute;left:50%;bottom:.6rem;z-index:2;transform:translateX(-50%)}
.index_video .slide-pagination span {outline:none;opacity:1;width:.12rem;height:.12rem;background:#FFF;margin:0 3px;}
.index_video .slide-pagination span.swiper-pagination-bullet-active{background:#b99365;}
/*首页介绍*/
.tem_index_infos {position:relative;margin:0 0 1rem;}
.tem_index_infos .item {padding:.4rem 0;font-size:0;position:relative}
.tem_index_infos .item>div{display:inline-block;vertical-align:middle;}
.tem_index_infos .item .img {width:44%;position:relative}
.tem_index_infos .item .img a{display:inline-block;position:relative;}
.tem_index_infos .item .img a:before{content:'';width:95%;height:95%;border:1px solid rgba(255,255,255,.5);position:absolute;top:2.5%;left:2.5%;transition:all .4s;z-index:1;display:none}
.tem_index_infos .item .img a:after{content:'';width:7.24rem;height:2.65rem;background:url(../images/icon0.png) 0 0 no-repeat;position:absolute;top:80%;left:50%;transform:var(--a2);transition:all .35s;z-index:-1;background-size:7.24rem 2.65rem;}
.tem_index_infos .item .img a:hover img {transform:scale(.98)}
.tem_index_infos .item .text {width:56%}
.tem_index_infos .item .text>h5{font-size:.36rem;color:#b99365;margin:0 0 .3rem;}
.tem_index_infos .item .text>h5 a{font-size:.36rem;color:#b99365;}
.tem_index_infos .item .text .editor {font-size:.16rem;color:#6c757d;line-height:1.5;text-align:left}
.tem_index_infos .item.order0 {text-align:center;}
.tem_index_infos .item.order0 .text{padding:0 .25rem;}
.tem_index_infos .item.order1{text-align:right;}
.tem_index_infos .item.order1 .text {position:absolute;left:0;top:50%;transform:var(--a3);text-align:left;padding-right:1.18rem;}
.tem_index_infos .item.order1 .text .editor{text-align:justify;}
.tem_index_infos .item.order2 .text{padding-left:1.18rem;}
.tem_index_infos .item.order2 .text .editor>h5 {font-size:.24rem;color:#c6a884;margin:0 0 .3rem;}

/*通用底部*/
.footer {background:#000;}
.footer .item {padding:.7rem 0 .45rem;font-size:0}
.footer .item >div{padding:0}
.footer .item .navlist dl {display:inline-block;vertical-align:top;max-width:33.3333%;padding:0 1rem 0 0;}
.footer .item .navlist dl:last-child {padding-right:0}
.footer .item .navlist dl dt{margin:0 0 .2rem;font-weight:normal;}
.footer .item .navlist dl dt a{font-size:.16rem;color:#FFF}
.footer .item .navlist dl dd {margin:0 0 .15rem;}
.footer .item .navlist dl dd a {font-size:.16rem;color:#FFF}
.footer .item .navlist dl:first-child dd{margin: 0 0 .2rem;}
.footer .item .navlist dl:first-child dd a {font-size:.16rem;color:#FFF}

.footer .item .infos>div>p {font-size:.14rem;color:#FFF;margin:0 0 .5rem;}
.footer .item .infos .emails {position:relative;}
.footer .item .infos .emails input {width:100%;height:.55rem;min-height:35px;font-size:.14rem;color:#d9d9d9;background:none;border:0;border-bottom:2px solid #FFF;padding:0 .35rem 0 .15rem;}
.footer .item .infos .emails button {position:absolute;background:none;border:0;right:0;top:50%;transform:translateY(-50%);width:.35rem;height:100%;background:url(../images/icon1.png) center no-repeat;background-size:.19rem .19rem;}
.footer .item .infos .share {padding:.5rem 0 0}
.footer .item .infos .share>a {display:inline-block;margin:0 10px 0 0;width:30px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#FFF;position:relative;}
.footer .item .infos .share>a:first-child{background:#0a66c2;border-radius:5px}
.footer .item .infos .share>a:last-child{background:#3cb035;border-radius:5px}
.footer .item .infos .share>a .img {position:absolute;width:1.2rem;background:#FFF;padding:5px;border-radius:5px;bottom:100%;right:0;margin: 0 0 .2rem;opacity:0;visibility:hidden;}
.footer .item .infos .share>a:hover .img {opacity:1;visibility:visible;}
.footer .copy {text-align:center;padding:0 0 .35rem;font-size:.14rem;color:#949494;}
.footer .copy a{font-size:.14rem;color:#949494}
/*内页视频*/
.page_video {position:relative;min-height:5.22rem;margin-top:1.06rem;}
.page_video .page_text {position:absolute;top:50%;left:50%;transform:var(--a1);text-align:center}
.page_video .page_text h5{font-size:.6rem;color:#FFF}
.page_video .page_text p{font-size:.24rem;color:#FFF;margin:.2rem 0 0}

.product_box {padding:.57rem 0 1.6rem;}
.product_box li{padding:0 .1rem;margin:0 0 .55rem;font-size:0}
.product_box li .img {overflow:hidden;}
.product_box li .text {padding:.25rem 0 0;}
.product_box li .text>div{display:inline-block;vertical-align:top;width:50%}
.product_box li .text h5{font-size:.16rem;color:#393939;margin:0 0 .15rem;text-transform:uppercase;line-height:.3rem;height:.6rem;overflow:hidden}
.product_box li .text p{font-size:.14rem;color:#5e5e5e;margin:0}
.product_box li .text .colors {text-align:right;}
.product_box li .text .colors span {display:inline-block;margin-left:.1rem;width:20px;height:20px;border:1px solid #dedede;border-radius:100%;padding:3px;}
.product_box li .text .colors span i{border-radius:100%;width:12px;height:12px;display:block;}
.product_box li a:hover img {transform:scale(1.06)}
.product_box .more_down {text-align:center;margin:.22rem 0 0;}
.product_box .more_down a{font-size:.16rem;color:#6c757d;}
/*产品详情*/
.showproduct {padding:1.06rem 0 0}
.showproduct .mbx {font-size:0;line-height:.5rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.showproduct .mbx>div>div{display:inline-block;vertical-align:middle;width:50%}
.showproduct .mbx .let_mbx {font-size:.16rem;color:#6c757d;}
.showproduct .mbx .let_mbx a{font-size:.16rem;color:#6c757d}
.showproduct .mbx .back {text-align:right;}
.showproduct .mbx .back a{font-size:.16rem;color:#6c757d;}

.showproduct .mains {font-size:0}
.showproduct .mains>div>div{display:inline-block;vertical-align:middle;}
.showproduct .mains .imglists {width:52.5%;padding:.62rem .2rem .95rem 0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.showproduct .mains .imglists>div{display:inline-block;vertical-align:middle;}
.showproduct .mains .imglists #thumbs {padding:0 .26rem;height:4.35rem;width:21%}
.showproduct .mains .imglists #thumbs .items {overflow:hidden;display:inline-block;position:relative;cursor:pointer;}
.showproduct .mains .imglists #thumbs .items:before{content:'';width:100%;height:100%;border:2px solid #000;position:absolute;top:0;left:0;transition:all .45s;transform:scale(0);opacity:0}
.showproduct .mains .imglists #thumbs .swiper-slide-thumb-active .items:before {opacity:1;transform:scale(1);}
.showproduct .mains .imglists .biglist {width:79%;padding:0 .4rem;position:relative}
.showproduct .mains .imglists .biglist .swiper-slide a {display:block;position:relative;overflow:hidden;}
.showproduct .mains .imglists .biglist .swiper-page>div{position:absolute;left:0;top:50%;transform:var(--a3);outline:none;font-size:.45rem;color:#868686;}
.showproduct .mains .imglists .biglist .swiper-page>div.slide-button-next{left:auto;right:0}
.showproduct .mains .textinfo {width:47.5%;padding:0 .5rem;text-align:center}
.showproduct .mains .textinfo .main_content {margin:0 0 .8rem;font-size:.16rem;color:#333}
.showproduct .mains .main_infos h5{font-size:.24rem;color:#393939;margin:0 0 .15rem;}
.showproduct .mains .main_infos>p {font-size:.14rem;color:#5e5e5e;margin:0 0 .25rem;}

.showproduct .mains .main_infos .colors span {display:inline-block;margin-left:.1rem;width:20px;height:20px;border:1px solid #dedede;border-radius:100%;padding:3px;}
.showproduct .mains .main_infos .colors span i{border-radius:100%;width:12px;height:12px;display:block;}
/*电子色卡*/
.colorcard {padding:1.06rem 0 0;}
.colorcard .mbx {font-size:0;line-height:.5rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.colorcard .mbx>div>div{display:inline-block;vertical-align:middle;width:50%}
.colorcard .mbx .let_mbx {font-size:.16rem;color:#6c757d;}
.colorcard .mbx .let_mbx a{font-size:.16rem;color:#6c757d}
.colorcard .mbx .back {text-align:right;}
.colorcard .mbx .back a{font-size:.16rem;color:#6c757d;}

.card_box {padding:.6rem 0 .85rem;text-align:center;}
.card_box .title {margin:0 0 .75rem;}
.card_box .title h5{font-size:.36rem;color:#b99365;}
.card_box .title p{font-size:.24rem;color:#b99365;margin:.15rem 0 .3rem;}
.card_box .title .slogan {font-size:.2rem;color:#6c757d;}
.card_box .lists li {padding:0 .3rem;margin:0 0 .5rem;text-align:center;}
.card_box .lists li a{display:block;}
.card_box .lists li .img {position:relative;display:inline-block;}
.card_box .lists li p{font-size:.18rem;color:#333;margin:.2rem 0 0;text-transform:uppercase}
.card_box .lists li .img:before{content:'';width:2.75rem;height:1.17rem;background:url(../images/icon2.jpg) 0 0 no-repeat;background-size:2.75rem 1.17rem;position:absolute;right:100%;bottom:0;z-index:-1}
.card_box .lists li em {font-size: .16rem;
    color: #424242;
    margin: .1rem 0 0;display:block;height:.52rem;line-height:.26rem;overflow:hidden;word-break: break-all;}
.card_box .lists li a:hover img {transform:scale(1.03)}
.card_box .lists li a:hover p {color:#b99365}
/*色卡详情*/
.show_card {background:#fafbfb;padding:.67rem 0 1.15rem;}
.show_card .mains {padding:0 1.2rem;}
.show_card .thumbs {position:relative;padding:0 1.25rem;}
.show_card .thumbs .swiper-slide {cursor:pointer;line-height:1.2rem;text-align:center;border:2px solid rgba(0,0,0,0);padding:8px;}
.show_card .thumbs .swiper-slide img {max-height:1.2rem;}
.show_card .thumbs .swiper-slide.swiper-slide-thumb-active {border:2px solid #b99365}
.show_card .thumbs .swiper-page>div{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:.45rem;color:#232323;}
.show_card .thumbs .swiper-page>div.slide-button-next{left:auto;right:0}
.show_card #gallery {margin:.15rem 0 0;}
.show_card #gallery .swiper-slide a{display:block;position:relative;overflow:hidden;text-align:center}
.show_card .details {padding:.25rem 0 0;}
.show_card .details>h4 {    padding: 5px 0px;
    font-size: .24rem;
    color: #000000;
    font-weight: bold;margin:0 0 .2rem;}
.show_card .details>span{    line-height: 30px;
    color: #999999;
    font-size: 12px}
.show_card .details .editor {background:rgb(242,242,242);padding:.35rem .2rem;font-size:.16rem;color:#333;line-height:1.8;margin:.15rem 0 0}

.show_card .details .lists {margin:.15rem 0 0;padding:.35rem .2rem}
.show_card .details .lists li {padding:0 .25rem;margin:0 0 .6rem;}
.show_card .details .lists li .img {overflow:hidden;border-radius:8px;}
.show_card .details .lists li .text {padding:.25rem 0 0;text-align:center;}
.show_card .details .lists li .text h6 {font-size:.2rem;color:#424242;}
.show_card .details .lists li .text p{font-size:.16rem;color:#424242;margin:.1rem 0 0}
.show_card .details .lists li a:hover .img {box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.show_card .details .lists li a:hover .text h6 {color:#b99365}
/*关于我们*/
.flash {position:relative}
.flash .labeltxt {position:absolute;top:50%;left:0;width:100%;text-align:center;transform:var(--a3);}
.flash .labeltxt h5{font-size:.48rem;color:#FFF;}
.flash .labeltxt p{font-size:.24rem;color:#FFF;text-transform:uppercase;margin:.15rem 0 0;}

.about_box{}
.company {padding:1rem 0 .45rem;text-align:center}
.company h5{font-size:.32rem;color:#b99365;margin:0 0 .35rem;}
.company .editor {font-size:.2rem;color:#6c757d;line-height:1.7}
.company .editor .item {padding:0 .65rem;margin:.9rem 0 0}
.company .editor .item>div{padding:0 .3rem;margin:0 0 .45rem;}
.company .editor .item>div p{font-size:.2rem;color:#b2b2b2;margin:.15rem 0 0}

.brand {background:#fafbfb;padding:.55rem 0 1.1rem;text-align:center}
.brand h5 {font-size:.32rem;color:#b99365;padding:0 0 .55rem;position:relative;margin: 0 0 .2rem;}
.brand h5:before{content:"\f107";font:normal normal normal 14px/1 FontAwesome;font-size:.3rem;color:#6c757d;position:absolute;bottom:0;left:50%;transform:var(--a2);}
.brand .logo {padding:0 0 .74rem;}
.brand .editor {margin:0 .57rem;position:relative;padding:.4rem 0 0}
.brand .editor:before {content:'';width:100%;height:6px;border:1px solid #d2d2d2;position:absolute;top:0;left:0;}
.brand .editor .items {position:relative;font-size:0;padding:0 .65rem;margin:0 0 1rem;}
.brand .editor .items:before,.brand .editor .items:after{content:'';width:.21rem;height:.21rem;background:url(../images/icon4.png) 0 0 no-repeat;background-size:.21rem .21rem !important;position:absolute;left:0;top:-.48rem;z-index:1}
.brand .editor .items:after {left:auto;right:0}
.brand .editor .items>div{display:inline-block;vertical-align:middle;font-size:.2rem;color:#6c757d;width:33.3333%;padding:0 .15rem;position:relative}
.brand .editor .items>div em {font-size:.3rem;color:#b99365;display:inline-block;vertical-align:middle;margin-right:.15rem;}
.brand .editor .items>div:before{content:'';background:url(../images/icon4.png) 0 0 no-repeat;background-size:.21rem .21rem;position:absolute;width:.21rem;height:.21rem;left:50%;transform:var(--a2);top:-.48rem;}
.brand .editor h6{font-size:.24rem;color:#6c757d;font-weight:600;letter-spacing:5px;}

.honor{padding:.75rem 0;font-size:0}
.honor>div>div{display:inline-block;vertical-align:middle}
.honor .img {width:42.5%;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.honor .text {width:57.5%;text-align:center;padding:0 .25rem;}
.honor .text h5{font-size:.32rem;color:#b99365;padding:0 0 .2rem;position:relative}
.honor .text h5:after{content:'';width:.2rem;height:2px;background:#b99365;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.honor .text .editor {font-size:.16rem;color:#6c757d;line-height:1.8;padding:.24rem 0 1.25rem;}
.honor .text>a {display:inline-block;border:1px solid #757d85;padding:0 .34rem;line-height:.45rem;font-size:.16rem;color:#6c757d;border-radius:5px;}
.honor .text>a:hover {background:#b99365;border-color:#b99365;color:#FFF}

.process{padding:.75rem 0;font-size:0;background:#fafbfb}
.process>div>div{display:inline-block;vertical-align:middle}
.process .img {width:42.5%;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.process .text {width:57.5%;text-align:center;padding:0 .25rem;}
.process .text h5{font-size:.32rem;color:#b99365;padding:0 0 .2rem;position:relative}
.process .text h5:after{content:'';width:.2rem;height:2px;background:#b99365;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.process .text .editor {font-size:.16rem;color:#6c757d;line-height:1.8;padding:.24rem 0 1.25rem;}
.process .text>a {display:inline-block;border:1px solid #757d85;padding:0 .34rem;line-height:.45rem;font-size:.16rem;color:#6c757d;border-radius:5px;}
.process .text>a:hover {background:#b99365;border-color:#b99365;color:#FFF}
/*
.culture {padding:.7rem  0 .55rem;font-size:0}
.culture>div>div{display:inline-block;vertical-align:middle;width:50%}
.culture img{box-shadow:7px 7px 10px rgba(0,0,0,.2)}
.culture .text {padding-left:.75rem;}
.culture .text h5{font-size:.32rem;color:#b99365;margin: 0 0 .4rem;}
.culture .text .editor>div{padding:0 0 .4rem;}
.culture .text .editor>div h6{font-size:.18rem;color:#848b91;}
.culture .text .editor>div p{font-size:.16rem;color:#848b91;margin:.1rem 0 0}
.culture .text .editor>div:last-child{padding:0;}
*/
.values {padding:.94rem 0 1.2rem;font-size:0}
.values>div>div{display:inline-block;vertical-align:middle;}
.values .text h5{font-size:.32rem;color:#b99365;margin:0 0 .52rem;}
.values .text .editor {font-size:.18rem;color:#848b91;line-height:1.7}
.values .img{width:42.5%;box-shadow:5px 5px 5px rgba(0,0,0,.22);overflow:hidden}
.values .text{width:57.5%;padding:0 .1rem 0 .8rem;}

/*新闻资讯*/
.tem_index_news {padding:1rem 0 1.2rem;text-align:center;border-top:2px solid #f4f4f7}
.tem_index_news h5 {font-size:.36rem;color:#b99365;margin:0 0 .65rem;}
.tem_index_news .lists {position:relative;padding:0 .65rem;margin:0 0 .7rem;}
.tem_index_news .lists .swiper-container {height:.65rem;}
.tem_index_news .lists .swiper-slide a{display:inline-block;font-size:.18rem;color:#6c757d;line-height:.65rem;}
.tem_index_news .lists .swiper-page>div{position:absolute;top:50%;left:0;transform:var(--a3);outline:none;width:.4rem;height:.4rem;border:1px solid #474747;border-radius:100%;line-height:.4rem;font-size:.18rem;color:#272727;z-index:1}
.tem_index_news .lists .swiper-page>div.slide-button-next {left:auto;right:0}
.tem_index_news a.more{font-size:.16rem;color:#4a4a4a;padding:0 0 .13rem;position:relative;display:inline-block;}
.tem_index_news a.more:after{content:'';width:100%;height:1px;background:#bfbfbf;position:absolute;bottom:0;left:0}
.tem_index_news a.more:hover {letter-spacing:2px;color:#b99365}
.tem_index_news a.more:hover:after{background:#b99365}
.tem_index_news .lists .swiper-slide a:hover {color:#b99365}
.tem_index_news .lists .swiper-page>div:hover {background:#b99365;border-color:#b99365;color:#FFF;}
/*荣誉列表*/
.honor_box {padding:1.06rem 0 .95rem;background:#ececec}
.com_box .mbx {font-size:0;line-height:.5rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#FFF}
.com_box .mbx>div>div{display:inline-block;vertical-align:middle;width:50%}
.com_box .mbx .let_mbx {font-size:.16rem;color:#6c757d;}
.com_box .mbx .let_mbx a{font-size:.16rem;color:#6c757d}
.com_box .mbx .back {text-align:right;}
.com_box .mbx .back a{font-size:.16rem;color:#6c757d;}

.honor_box .mains_{padding:.65rem 0 0}
.honor_box .mains_ h3{font-size:.36rem;color:#b99365;text-align:center;margin:0 0 .38rem;}
.honor_box .mains_ .lists {background:#FFF;padding:.45rem .5rem 1.6rem;}
.honor_box .lists li{padding:.5rem 0;border-bottom:1px solid #f5f6f8;border-top:1px solid #f4f4f7}
.honor_box .lists li:first-child{border-top:0;}
.honor_box .lists li a{display:block;position:relative;font-size:0}
.honor_box .lists li a>div{display:inline-block;vertical-align:bottom}
.honor_box .lists li .img {width:16%;text-align:center;background:#FFF;border:2px solid #f5f5f5}
.honor_box .lists li .text {width:84%;padding:0 0 0 .35rem;}
.honor_box .lists li .text h5{font-size:.24rem;color:#414141;text-transform:uppercase;margin:0 0 .23rem;}
.honor_box .lists li .text .desc {font-size:.16rem;color:#6c757d;line-height:1.7;overflow:hidden;margin:0 0 .3rem;padding-right:.75rem}
.honor_box .lists li .text em {font-size:.16rem;color:#414141;display:block;text-align:right}
.honor_box .lists li .text em i{display:inline-block}
.honor_box .lists li a:hover img {transform:scale(.96)}
.honor_box .lists li a:hover .text em {color:#b99365}
/*工艺流程*/
.process_box {padding:1.06rem 0 1.1rem;}
.process_box .mains_ {}
.process_box .mains_ .item1 {padding:.63rem .45rem 1.2rem;font-size:0}
.process_box .mains_ .item1 h3 {font-size:.36rem;color:#b99365;margin:0 0 .35rem;text-align:center}
.process_box .mains_ .item1>p {font-size:.16rem;color:#6c757d;line-height:1.8;text-align:center;padding:0 .2rem;margin:0 0 .9rem;}
.process_box .mains_ .item1 .text>div{display:inline-block;vertical-align:middle;}
.process_box .mains_ .item1 .text .img {width:46%;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.22);}
.process_box .mains_ .item1 .text .infos {width:54%;padding-left:.6rem;}
.process_box .mains_ .item1 .text .infos>p {font-size:.16rem;color:#6c757d;line-height:1.7}
.process_box .mains_ .item1 .text .infos .ico {margin:.8rem 0 0}
.process_box .mains_ .item1 .text .infos .ico>p{display:inline-block;vertical-align:top;padding:0 .15rem;width:33.3333%;text-align:center;margin:0}
.process_box .mains_ .item1 .text .infos .ico>p em {font-size:.2rem;color:#b2b2b2;display:block;margin:.1rem 0 0}

.process_box .mains_ .item2 {padding:.2rem .45rem .9rem;font-size:0}
.process_box .mains_ .item2>div {display:inline-block;vertical-align:middle;width:50%}
.process_box .mains_ .item2 .text {padding-right:.35rem;}
.process_box .mains_ .item2 .text h3{font-size:.36rem;color:#b99365;margin:0 0 .5rem}
.process_box .mains_ .item2 .text p{font-size:.16rem;color:#6c757d;line-height:1.7}
.process_box .mains_ .item2 .img {text-align:center}

.process_box .mains_ .item3 {padding:.48rem .45rem .65rem;font-size:0}
.process_box .mains_ .item3>div{display:inline-block;vertical-align:middle}
.process_box .mains_ .item3 .img {width:46%;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.22);}
.process_box .mains_ .item3 .text {width:54%;padding-left:.65rem;}
.process_box .mains_ .item3 .text h3{font-size:.36rem;color:#b99365;margin:0 0 .5rem}
.process_box .mains_ .item3 .text p{font-size:.16rem;color:#6c757d;line-height:1.7}

.process_box .mains_ .item4 {padding:.65rem .45rem 0;font-size:0}
.process_box .mains_ .item4>div{display:inline-block;vertical-align:middle}
.process_box .mains_ .item4 .img {width:46%;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.22);}
.process_box .mains_ .item4 .text {width:54%;padding-right:.65rem;}
.process_box .mains_ .item4 .text h3{font-size:.36rem;color:#b99365;margin:0 0 .5rem}
.process_box .mains_ .item4 .text p{font-size:.16rem;color:#6c757d;line-height:1.7}
/*展会信息*/
.news_box {padding:1.06rem 0 .95rem;background:#ececec}
.news_box .mains_{padding:.65rem 0 0}
.news_box .mains_ h3{font-size:.36rem;color:#b99365;text-align:center;margin:0 0 .38rem;}
.news_box .mains_ .lists {background:#FFF;padding:.45rem .5rem 1.6rem;}
.news_box .mains_ .lists li{padding:.44rem 0;font-size:0;border-bottom:1px solid #edeeef}
.news_box .mains_ .lists li a>div{display:inline-block;vertical-align:middle}
.news_box .mains_ .lists li .img {width:25.5%;overflow:hidden;}
.news_box .mains_ .lists li img {width:100%;height:1.74rem;object-fit:cover;transition:none}
.news_box .mains_ .lists li .text {width:74.5%;padding-left:.43rem}
.news_box .mains_ .lists li .text h5{font-size:.2rem;color:#2e2e2e;margin:0 0 .3rem}
.news_box .mains_ .lists li .text .desc {font-size:.16rem;color:#848b91;line-height:.26rem;height:.52rem;overflow:hidden;}
.news_box .mains_ .lists li a:hover .img {transition:all .2s;box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.news_box .mains_ .lists li a:hover .text h5 {color:#b99365}

.show_news h2 {margin:0 0 .45rem;color:#b99365}
.show_news .mains_ {background:#FFF;padding:.5rem .45rem;}
/*电子详情*/
.card_mbxshow {display:inline-block;padding-left:.35rem;}
.card_mbxshow a{font-size:.16rem;color:#b99365 !important;}
.card_mbxshow a i {padding-right:5px;}

.elect_box {padding:1.06rem 0 1.25rem;}
.elect_box .mains_  {padding:.6rem 0 0}
.elect_box .mains_ .searchs{margin:0 0 .45rem;position:relative;font-size:0}
.elect_box .mains_ .searchs form > * {display:inline-block;vertical-align:middle}
.elect_box .mains_ .searchs input[type="text"] {border:1px solid #333;width:2.45rem;height:.45rem;min-height:35px;font-size:.14rem;color:#333;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.elect_box .mains_ .searchs button {height:.45rem;min-height:35px;font-size:.18rem;background:#333;color:#FFF;border:0;padding:0 .25rem;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.elect_box .mains_ .title {margin:0 0 .75rem;text-align:center}
.elect_box .mains_ .title h3{font-size:.36rem;color:#b99365}
.elect_box .mains_ .title p{font-size:.2rem;color:#6c757d;margin:.3rem 0 0}
.elect_box .mains_ .lists li {padding:0 .25rem;margin:0 0 .6rem;}
.elect_box .mains_ .lists li .img {overflow:hidden;border-radius:8px;}
.elect_box .mains_ .lists li .text {padding:.25rem 0 0;text-align:center;}
.elect_box .mains_ .lists li .text h6 {font-size:.2rem;color:#424242;}
.elect_box .mains_ .lists li .text p{font-size:.16rem;color:#424242;margin:.1rem 0 0;line-height:.26rem;height:.52rem;overflow:hidden;word-break: break-all;}
.elect_box .mains_ .lists li a:hover .img {box-shadow:5px 5px 5px rgba(0,0,0,.22)}
.elect_box .mains_ .lists li a:hover .text h6 {color:#b99365}

.fixed_forms{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,.5);transition:none;display:none;}
.fixed_forms .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;width:100%;max-width:7.78rem;padding:.77rem 1rem .7rem;text-align:center}
.fixed_forms .mains .lists .swiper-container{border-radius:8px;overflow:hidden}
.fixed_forms .mains .slide-pagination {margin:.2rem 0 0}
.fixed_forms .mains .slide-pagination span {outline:none;opacity:1;width:.12rem;height:.12rem;background:none;border-radius:100%;border:1px solid #b99365;margin:0 5px;}
.fixed_forms .mains .slide-pagination span.swiper-pagination-bullet-active{background:#b99365}
.fixed_forms .mains .text {padding:.35rem 0 0}
.fixed_forms .mains .text h6{font-size:.2rem;color:#424242}
.fixed_forms .mains .text p{font-size:.16rem;color:#424242;margin:.1rem 0 0}
.fixed_forms .mains.mains_on {top:60%;opacity:0;visibility:hidden;}
/*服务支持*/
.service_box {}
.service {padding:.6rem 0 .8rem;}
.service h5{font-size:.32rem;color:#b99365;margin:0 0 .35rem;text-align:center}
.service .editor{padding:.85rem 0 0;position:relative;background:url(../images/icon5.png) 0 0 no-repeat;background-size:.61rem .58rem;}
.service .editor .t {margin:0 0 .45rem;}
.service .editor .t h6{font-size:.24rem;color:#333;}
.service .editor .t p{font-size:.18rem;color:#6c757d;margin:.2rem  0 0}
.service .editor .t:first-child{padding:.35rem 0 0;border-top:1px solid #e5e5e5}

.ordergoods {background:#fafbfb;padding:.65rem 0 .55rem;text-align:center}
.ordergoods h5{font-size:.32rem;color:#b99365;margin:0 0 .3rem;}
.ordergoods .editor {font-size:.16rem;color:#626262;margin:0 0 .55rem;padding:0 .75rem;line-height:1.8}
.ordergoods a.more {display:inline-block;font-size:.16rem;color:#b99365;padding:0 0 10px;position:relative;}
.ordergoods a.more:after{content:'';width:100%;height:1px;background:#b99365;position:absolute;left:0;bottom:0}

.contact {padding:.73rem 0 1.7rem;}
.contact>div>div {padding:0}
.contact>div>div:first-child{padding-right:.075rem;}
.contact>div>div:last-child{padding-left:.075rem;}

.message {background:#fafbfb;border:1px solid #dcdcdc;border-radius:5px;padding:.45rem .32rem .72rem;}
.message h6{font-size:.24rem;color:#464646;text-align:center;margin:0 0 .6rem;}
.message dl {margin:0 0 .3rem;padding:0;font-size:0}
.message dl>* {display:inline-block;vertical-align:middle;}
.message dl dt {width:20%;font-size:.16rem;color:#464646}
.message dl dd {width:80%;}
.message dl dd input,.message dl dd textarea {width:100%;height:.5rem;min-height:35px;font-size:.14rem;color:#737373;background:none;border:0;border-bottom:1px solid #d2d2d2;padding:0 .15rem;}
.message dl dd textarea {height:1.5rem;padding:.15rem;background:#eee;border:0;border-radius:8px;}
.message dl dd button {background:#eee;border-radius:6px;font-size:.14rem;color:#737373;padding:0 .56rem;height:.37rem;border:0}

.contact .infos{}
.contact .infos .item1 {background:#fafbfb;border:1px solid #dcdcdc;border-radius:5px;padding:.4rem .25rem .22rem;text-align:center}
.contact .infos>div h6 {font-size:.24rem;color:#464646;margin:0 0 .35rem;}
.contact .infos>div p{font-size:.16rem;color:#464646;margin:0 0 .13rem;}
.contact .infos>div p em {text-transform:uppercase;color:#b99365}
.contact .infos .item2 {padding:.18rem 0;}
.contact .infos .item2>div{padding:0;text-align:center}
.contact .infos .item2>div:first-child{padding-right:7px;}
.contact .infos .item2>div:last-child{padding-left:7px;}
.contact .infos .item2>div>div {background:#fafbfb;border:1px solid #dcdcdc;border-radius:5px;padding:.4rem .25rem .22rem;}
.contact .infos .item3 {background:#fafbfb;border:1px solid #dcdcdc;border-radius:5px;padding:.4rem .25rem .23rem;text-align:center}

.flpage {position:relative;top:-1.06rem;width:100%}
/********<=767 mobile nav style css********/
.m-header {background:rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#000;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#FFF;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#333}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:var(--a3);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:var(--bjcolor)}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.page_video {margin-top:0}
	.showproduct,.colorcard {padding:60px 0 0}
	
	.contact>div>div:first-child{padding-right:0;margin:0 0 .35rem;}
	.contact>div>div:last-child{padding-left:0;}		
	
	.honor_box,.process_box,.news_box,.elect_box{padding-top:60px;}
	.fixed_forms .mains{max-width:90%;}
}
/********mobile*********/
@media(max-width:767px){
	.tem_index_infos .item > div {display:block;position:relative;width:100% !important;}
	.tem_index_infos .item.order0 .text {padding:.45rem 0 0}
	.tem_index_infos .item.order1 .text {position:relative;top:auto;transform:none;padding-right:0;padding:.45rem 0 0}
	.tem_index_infos .item.order2 .text {padding-left:0;padding-top:.45rem;}
	.showproduct .mains > div > div,.culture > div > div{display:block;width:100% !important;}
	.showproduct .mains .textinfo{padding:.65rem 0;}
	.showproduct .mains .imglists{padding:.62rem 0 .95rem;border:0 !important;}
	.company .editor .item > div img {max-height:1.24rem;}
	.brand .editor{margin:0}
	.culture .text{padding:.65rem 0 0}
	.message dl > *{display:block;width:100% !important;}
	.message dl dt{margin:0 0 .25rem;}
	.contact .infos .item2 > div:first-child,.contact .infos .item2 > div:last-child {padding:.15rem 0 !important;}
	.message dl dd input, .message dl dd textarea,.message dl dd button{font-size:12px;}
	
	.tem_index_news .lists .swiper-container{height:35px}
	.honor .text .editor,.process .text .editor{padding:.24rem 0 .6rem}
	.honor_box .lists li a > div{display:block;width:100% !important}
	.honor_box .lists li .text{padding:.35rem 0 0}
	.process_box .mains_ .item1,.process_box .mains_ .item2,.process_box .mains_ .item3,.process_box .mains_ .item4{padding-left:0;padding-right:0}
	.news_box .mains_ .lists{padding:.45rem .2rem 1.6rem}
	.index_video .swiper-slide img{display:none}
	.index_video .swiper-slide img.mobpic{display:block;}	
}