@charset "utf-8";
/*公共头部--01*/
.ui-headerfiexbg{}
.ui-header{min-width: 320px;max-width: 720px;color:#fff; height:1rem;margin:auto;z-index:20;box-sizing:border-box;position: fixed;top: 0px;right: 0px;left: 0px;background: url(../img/bg1.jpg)repeat;}
.ui-header-left{ position:absolute;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.ui-header-left2{ position:absolute; top:0; left:0.2rem;width:0.68rem;}
.ui-header-right{right:0;position:absolute;width:1rem;height: 1rem;}
.ui-header-right2{top:0;  right:0.72rem;position:absolute;width:0.62rem; margin-right:0.2rem}
.ui-header-cen{right:0;position:absolute;width:4.6rem;height: 1rem;left: 0px;margin: 0px auto;background: url(../img/logo.png) no-repeat center;background-size: 100%;}
.ui-header-ico-home{ background:url(../img/logo.png) no-repeat center; height:0.81rem;display:block;  background-size:100%;left:0.2rem;top:0.1rem;width:2.5rem;position: absolute;}
.ui-header-ico-menu2{ background:url(../img/menu.png) no-repeat   center;background-size:0.48rem; display:block;color: #fff;height: 1rem;}
.ui-header-ico-seach{ background:url(../img/seacherbot.png) no-repeat center;height:1rem; background-size:100% auto; display:block}
.ui-header-ico-back{ background:url(../img/back.png) no-repeat center;height:1rem; background-size:88% auto; display:block}
.ui-header p{ position:relative; text-align:center; font-size:0.35rem; color:#fff; line-height:1rem; z-index:-9}
.ui-txt{display: inline-block;position: absolute;bottom: 0.08rem;left: 0px;font-size: 0.24rem;margin: 0px auto;right: 0px;text-align: center;}
/* conlaber */
.conlaber{width: 85%;height: auto;overflow: hidden;padding: 0.23rem 0px;margin: 0px auto;}
.conlaber img{width: 100%;float: left;}
/**************************banner*****************************/
.mBan2 { overflow: hidden; position:relative;}
.mBan2 .swiperbanner{width: 100%;position: relative;}
.mBan2 .swiper-pagination{left: 0px;margin: 0px auto;bottom: 0.26rem !important;}
.mBan2 .swiper-slide .banner{width: 100% !important;}
.mBan2 .swiper-pagination-bullet{width: 0.3rem !important;height:0.05rem !important;background-color: rgba(255, 255, 255, 0.3);border-radius: 0px;opacity: 1;}
.mBan2 .swiper-pagination-bullet-active{background-color: #fff;}

/* 关于我们 */
.comm_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg3.jpg)repeat;}
.ab_conbg{width: 100%;height: auto;background: url(../img/bg2.jpg)no-repeat top center;background-size: 100%;padding: 0.7rem 0px 0.5rem;}
.about_conleft{width:92%;overflow: hidden;margin: 0px auto;}
.about_titcon{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.24rem;}
.about_tit{position: relative;font-size: 0.38rem;color: #000;font-weight: bold;display: inline-block;padding-right: 0.2rem;}
.about_tit::after{display: inline-block;width: 0.12rem;height: 0.12rem;background: url(../img/coin_5.png)no-repeat;background-size: 100%;position: absolute;right: 0px;bottom: 0px;content: '';}
.about_lefttxt{width: 100%;font-size: 0.26rem;color: #333;line-height: 0.42rem;margin-bottom:0.4rem;text-indent: 2em;}
.about_lefttxtc{width: 100%;font-size:0.26rem;color: #333;line-height:0.42rem;}
.about_lefttxtc p{padding: 0.02rem 0px;}
.about_lefttxtc img{max-width:100%;}

.ab_more{display: inline-block;width: 1.39rem;height: 0.38rem;background: url(../img/coin_3.png)no-repeat top center;background-size: 100%;line-height: 0.38rem;}
.ab_more span{font-size:0.26rem;color: #fff;display: inline-block;padding-left:0.26rem;font-family:'宋体';}
.about_pic{width: 92%;overflow: hidden;position: relative;margin: 0px auto;}
.about_pic .img{width: 100%;float: left;padding-top: 0.4rem;}
.about_pic .alber{width: 0.72rem;height:3.04rem;position: absolute;right: 4%;top:0px;background: url(../img/coin_4.png)no-repeat top center;background-size: 100%;}
/* 作品赏析 */
.sangx_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg4.jpg)no-repeat top center;padding: 0.7rem 0px 0.7rem;background-size: 100%;}
.sangx_con{width:92%;height: auto;margin: 0px auto;position: relative;}
.sangx_tit{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.35rem;}
.sangx_titleft{display: inline-block;float: left;overflow: hidden;background: url(../img/coin_7.png)no-repeat left center;background-size: 0.34rem;padding-left: 0.46rem;}
.sangx_titleft .sangx_t{margin-bottom: 0.05rem;overflow: hidden;width: 100%;}
.sangx_titleft p.p2{font-size: 0.24rem;color: #333333;}
.sangx_more{display:block;width: 1.39rem;height: 0.38rem;background: url(../img/coin_6.png)no-repeat top center;background-size: 100%;line-height: 0.38rem;margin: 0.3rem auto 0px;}
.sangx_more span{font-size: 0.26rem;color: #333;display: inline-block;padding-left: 0.26rem;font-family:'宋体';}
/* 作品轮播 */
.w_index_prolis{width: 100%;height: auto;overflow: hidden;position: relative;}
.w_index_prolis ul li{float: left;overflow: hidden;background: url(../img/bg3.jpg)repeat;padding-bottom: 0.6rem;}
.w_index_prolis ul li a .pic{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px;}
.w_index_prolis ul li a .pic img{width: 100%; height: auto;}
.w_index_prolis ul li a .intrs{width: 100%;height: auto;overflow: hidden;text-align: center;background-color: #f1e7da;padding: 0.2rem 0px;}
.w_index_prolis ul li a .intrs .h2{color: #333333;width: 100%;font-size: 0.28rem}
.w_index_prolis ul li a .intrs .h3{color: #676767;width: 100%;font-size: 0.26rem;margin-top: 0.1rem;}
.w_index_prolis .swiper-pagination{width: 100% !important;text-align: center;bottom: 0px !important;}
.w_index_prolis .swiper-pagination-bullet{background-color: rgba(0, 0, 0, 0.3);opacity: 1;}
.w_index_prolis .swiper-pagination-bullet-active{background-color: #8d1315;}
/* 资质动态 */
.w_news_con{width: 92%;height: auto;overflow: hidden;margin: 0px auto;padding-bottom: 0.7rem;}
.w_news_rig{width: 100%;overflow: hidden;}
.w_news_rig ul li{width: 100%;float: left;padding:0.18rem 0px;border-bottom: 1px solid #b5a18e;}
.w_news_rig ul li a .ctime{width: 1.4rem;height: 1.2rem;box-sizing: border-box;padding: 0px 0.14rem;text-align: center;float: left;border: 1px solid #5f4d44;}
.w_news_rig ul li a .ctime p.p1{font-size: 0.32rem;font-weight: bold;color: #5f4d44;border-bottom: 1px solid #5f4d44;padding-top: 0.12rem;padding-bottom:0.1rem;}
.w_news_rig ul li a .ctime p.p2{font-size: 0.26rem;color: #5f4d44;padding-top: 0.1rem;}
.w_news_rig ul li a .ctxt{width: calc(100% - 1.6rem);float: right;overflow: hidden;}
.w_news_rig ul li a .ctxt p.p1{font-size: 0.26rem;color: #000;margin-bottom: 0.05rem;}
.w_news_rig ul li a .ctxt p.p2{font-size: 0.24rem;color: #666;line-height:0.4rem;}
/* 友情链接 */
.w_link_bg{width: 92%;height: auto;overflow: hidden;background-color: #c0a88b;box-sizing: border-box;padding: 0.3rem 0.24rem;margin: 0rem auto 0.5rem;}
.w_link_tt{font-size: 0.3rem;color: #4c3327;}
.w_link_con{width: 100%;height: auto;overflow: hidden;margin: 0.1rem auto 0px;}
.w_link_con a{display: inline-block;font-size: 0.26rem;color: #444;line-height:0.38rem;padding-right: 0.15rem;}
/* 联系 */
.w_foot_bg{width: 100%;overflow: hidden;background: url(../img/bg5.jpg)no-repeat top center;position: relative;background-size: cover;}
.w_foot_con{width: 92%;height: auto;overflow: hidden;margin: 0px auto;box-sizing: border-box;padding: 0.6rem 0px 0.6rem;}
.w_foot_con .ft_contan{width: 100%;overflow: hidden;}
.w_foot_con .ft_contan p.p1{font-weight: bold;font-size: 0.32rem;color: #928373;margin-bottom: 0.2rem;}
.w_foot_con .ft_contan .fott_lis{width: 100%;height: auto;overflow: hidden;margin-bottom:0.15rem;}
.w_foot_con .ft_contan .fott_lis .coin{width: 0.26rem;float: left;overflow: hidden;}
.w_foot_con .ft_contan .fott_lis .coin img{width: 100%;float: left;}
.w_foot_con .ft_contan .fott_lis .cointxt{width: calc(100% - 0.4rem);float: right;overflow: hidden;font-size: 0.26rem;color: #928373;}
.w_foot_con .ft_contan .fott_lis .cointxt a{display: inline-block;color: #928373;padding: 0px 0.2rem;}
.w_foot_con .ft_shop{width: 100%;overflow: hidden;margin-top: 0.2rem;}
.w_foot_con .ft_shop p.p1{font-weight: bold;font-size: 0.28rem;color: #928373;margin-bottom:0.2rem;}
.w_foot_con .ft_shop p.p2{font-size: 0.26rem;color: #928373;margin-bottom: 0.15rem;}

/* 底部 */
.bottom-fixed{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 9999;min-width: 320px;max-width: 720px; margin:0 auto;left:0px;right:0px}
.footer {display: block;text-align: center; overflow:hidden; color:#fff; height:1rem;background: url(../img/bg1.jpg)repeat;}
.footer li{float:left; width:25%; padding:0.08rem 0px 0.08rem; overflow:hidden;box-sizing:border-box}
.footer li a .footpic{ width:0.48rem; height:0.48rem; text-align:center;margin:0 auto 0.05rem; }
.footer li a .footpic1{background:url(../img/ft_coin1.png) no-repeat center;background-size:92% auto}
.footer li a .footpic2{ background:url(../img/ft_coin2.png) no-repeat center; background-size:88% auto}
.footer li a .footpic3{background:url(../img/ft_coin3.png) no-repeat center;background-size:90% auto}
.footer li a .footpic4{background:url(../img/ft_coin4.png) no-repeat center;background-size:90% auto}
.footer li a p{color:#382419; text-align:center; line-height:0.35rem; font-size:0.25rem;}

.pro_banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.pro_banner img{width: 100%;float: left;}
.nei_name{padding: 0.25rem 0px;}
/* 作品赏析 */
.w_index_prolis2{width: 94%;height: auto;overflow: hidden;position: relative;margin: 0px auto;}
.w_index_prolis2 ul li{float: left;overflow: hidden;background: url(../img/bg3.jpg)repeat;width: 100%;margin: 0px 0% 0.28rem;}
.w_index_prolis2 ul li a .pic{width: 100%;height:auto;overflow: hidden;margin: 0px auto 0px;}
.w_index_prolis2 ul li a .pic img{width: 100%; float:left;}
.w_index_prolis2 ul li a .intrs{width: 100%;height: auto;overflow: hidden;text-align: center;background-color: #f1e7da;padding: 0.2rem 0px;}
.w_index_prolis2 ul li a .intrs .h2{color: #333333;width: 100%;font-size: 0.28rem;}
.w_index_prolis2 ul li a .intrs .h3{color: #676767;width: 100%;font-size: 0.26rem;margin-top: 0.1rem;}
/* 联系我们 */
.contaczb {width: 92%;height: auto;overflow: hidden;background-color: #c0a88b;padding: 0.4rem 0px;margin: 0px auto 0.5rem;}
.contaczb ul li {width: 100%;float: left;overflow: hidden;}
.contaczb ul li.li2 p {padding-left: 0.35rem;font-size: 0.26rem;color: #4c3327;line-height:0.42rem;margin: 0px 7%;}
.contaczb ul li.li2 p.p1 {background: url(../img/coin_9.png) no-repeat left center;background-size: 0.25rem;}
.contaczb ul li.li2 p.p1 a{display: inline-block;padding: 0px 0.2rem;}
.contaczb ul li.li2 p.p2 {background: url(../img/coin_10.png) no-repeat left center;background-size: 0.25rem;}
.contaczb ul li.li2 p.p3 {background: url(../img/coin_11.png) no-repeat left center;background-size: 0.25rem;}
.contaczb ul li.li2 p.p4 {background: url(../img/coin_12.png) no-repeat left top;background-size: 0.25rem;}
.cyylist {width: 92%;height: auto;overflow: hidden;margin:0.3rem auto;padding-bottom: 0.7rem;}
.cyylist ul li {float: left;width: 100%;font-size: 0.26rem;color: #333;line-height:0.42rem}




/* product view2 */
.pro_viewbox{width: 100%;height: auto;overflow: hidden;padding: 0.25rem 0px;}
/* 详情 */
.viewbz{width: 100%;height: auto;overflow: hidden;text-align: center;border-bottom: 1px solid #382419;padding: 0rem 0px 0.2rem;}
.viewbz ul li{display: inline-block;font-size: 0.24rem;color: #333;line-height:0.4rem;padding: 0px 0.1rem 0px 0.35rem;}
.viewbz ul li.li1{background: url(../img/t48.png) no-repeat left center;background-size: 20px;}
.viewbz ul li.li2{background: url(../img/t49.png) no-repeat left center;background-size: 17px;}
.viewbz ul li.li3{background: url(../img/t47.png) no-repeat left center;background-size: 16px;}
/*view*/
.view_title{text-align: center;margin:0.25rem auto 0.35rem;font-size:0.36rem; font-weight:bold; line-height:0.5rem;}
.main{width:100%;margin:0 auto;overflow: hidden;line-height:0.28rem;}
.view_pic_tumbom{ width:100%; height:auto; overflow:hidden; margin:1rem auto 0px;}
.view-page{width: 100%;height: auto;overflow: hidden;border-top: 1px solid #382419;padding: 0.2rem 0px;margin: 0px auto;}
.view-page p{font-size: 0.25rem;color: #000;line-height: 0.42rem;}
.view-page p a{color: #000;}
.nei{margin:0px auto 0.2rem;width: 94%;}
.cont{ padding:0.2rem 0px 0rem; line-height:0.46rem; font-size:0.26rem; color:#333; min-height:5.5rem;}
.cont p{padding: 0.1rem 0px;line-height: 0.42rem;}
/*page*/
.page{padding:0.12rem 0;font-size:0.2rem;text-align:center;clear:both; border-top:1px solid #ebebeb; line-height:0.45rem}
.page a{display: block;background: none;border:0;text-align: left;color:#666;padding:0;}
.page a:hover{background: none;border:0;padding:0;color:#e50e17;}
/*新闻详情页*/
.view_video{width:100%;margin: 0.25rem auto 0px;}
.view_video  video{width: 100%; height: 100%;object-fit: cover;}
.contview{ padding:0.2rem 0.2rem ; line-height:0.46rem; font-size:0.26rem; color:#333; min-height:3.5rem;background-color: #f5f5f5;}
.contview p{padding: 0.1rem 0px;line-height: 0.42rem;}
.conbumpic{width: 100%;height: auto;overflow: hidden;margin: 0.2rem auto;}
.conbumpic  ul li{width: calc((100% / 3) - 0.2rem);float: left;margin: 0px 0.1rem 0.2rem;}
.conbumpic  ul li img{width: 100%;float: left;}

ul.Sort1 > li.s1>a{ background:url(../img/down.png) no-repeat #382419 95% 50% ;background-size:16px 8px;}
ul.Sort1 > li.s2>a{background:url(../img/up.png)no-repeat #382419 95% 50%;background-size:16px 8px;}
ul.Sort1 > li > a{ color:#fff; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort2{overflow:hidden; display:none;padding:0.15rem 0.08rem 0.1rem;}
ul.Sort2 > li{  margin:0.05rem 1% 0.1rem; float:left;display: inline-block;text-align: center; height:0.68rem; overflow:hidden; line-height:0.68rem;width:2.2rem;background: url(../img/coin_13.png)no-repeat;background-size: 100%;}
ul.Sort2 > li > a{ color:#382419;display:block;font-size:0.25rem;}
ul.Sort2 > li > a.a1,a.cur{ color:#fff !important;background: url(../img/coin_14.png)no-repeat;background-size: 100%;}

ul.Sort3 > li.s3>a{ background:url(../img/down.png) no-repeat 95% 50% ;background-size:16px 8px;}
ul.Sort3 > li.s4>a{background:url(../img/up.png)no-repeat 95% 50%;background-size:16px 8px; }
ul.Sort3 > li.s4{ border-bottom: 1px solid #ebebeb;}
ul.Sort3 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort4{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort4 > li{  margin:0.05rem 1%;font-size:0.25rem; text-align: center; height:0.69rem; line-height:0.69rem; font-size:0.85em; overflow:hidden; float:left; display:inline-block}
ul.Sort4 > li.li1{ width:31%;background: #f8f8f8; overflow:hidden}
ul.Sort4 > li.li1 > a.a2{ background:#f8f8f8; display:inline-block; line-height:0.69rem; overflow:hidden}
ul.Sort4 > li.li1 > a.a1{ color:#fff; background-color:#000; display:block}
ul.Sort4 > li.li2{ width:13%}
ul.Sort4 > li.li2 >a.pic{ margin:0.05rem 1%; overflow:hidden}
ul.Sort4 > li.li2 >a.a1 img{border:1px solid #000; overflow:hidden; display:inline-block}
ul.Sort4 > li.li2 >a.pic >img{ height:0.6rem}


/******************************leftnav****************************/
.inavs{ position:fixed; width:3.24rem; top:0; height:100%; background-color:#333333; z-index:105; padding-left:0.36rem; right:-3.6rem;}
.inavs .inavstop img{ width:0.31rem; padding:0.34rem 0;}
.inavsbot{overflow-y:scroll;overflow-x:hidden}
.inavsbot ul{}
.inavsbot ul li{ height:0.9rem; line-height:0.9rem; border-bottom:1px solid #424242; background:url(../img/cnav_bg.png) no-repeat 90% center;}
.inavsbot ul li a{ display:block;font-size:0.25rem; color:#fff;}
.inavsbot ul li a img{ width:0.24rem; vertical-align:middle; margin-left:1.45rem;transition:all 0.3s ease 0s;}
.inavsbot ul li a img.xla{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.inavsbot ul li .xlas{ text-indent:0.3rem; padding:0.1rem 0; display:none;}
.inavsbot ul li .xlas a{ display:block; font-size:0.26rem; color:#c7c7c7; height:0.6rem; line-height:0.6rem;}


/* fiexd */
.leftsead{position: fixed;right: 0px;bottom: 10%;width: 0.85rem;z-index: 99;cursor: pointer;height: 0.85rem;background-color: #eb6100;border-radius: 100%;}
.leftsead .tus-coin{width: 0.2rem;height: 0.23rem;background: url(../img/coin7.png)no-repeat center;background-size: 100%;margin: 0.2rem auto 0rem;}
.leftsead .tustxt{font-size: 0.24rem;color: #fff;text-align: center;}


.home-video{ color: #FFFFFF;text-align: center;display: flex;justify-content: center;align-items: center;}
.home-video .bt{ margin-top: 8%; cursor: pointer;}
.home-video .bt p{ margin-top: 0.2rem; font-size:0.28rem; letter-spacing:2px; color: #b4b4b4;}
.home-video .home-button{ position: absolute; bottom: 0.5rem; right:0.45rem; color: #FFFFFF; border: rgba(255,255,255,255,.4);} 

/* ========== */
/* = VIDEO-POP = */
/* ========== */
.video-button{ cursor:pointer;}
.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ position: relative; display: inline-block;  max-width: 6.2rem; vertical-align: middle; background: #000000;}
.video-pop .content video{ display: block; max-width: 100%; }
.video-pop .close{ position: absolute; top:0; right: -0.65rem; cursor: pointer; width: 0.65rem; height:0.65rem; background-image: url(../img/bg22.jpg); background-size: cover;}
/* 门店分布 */
.stroe{width: 100%;height: auto;overflow: hidden;}
.stroe img{width: 100%;}
.linklist{width: 100%;height: auto;overflow: hidden;}
.linklist a{display: inline-block;padding-right: 0.15rem;color: #fff;font-size: 0.26rem;float: left;line-height: 0.4rem;}