:root{
	--color1:#b9a26c;
	--color2:#191718;
	--color3:#fbf5e6;
	--color4:#b3814f;
	--color5:#141414;
	--color6:#f2ebdb;
	--color7:#512816;
}
body{font-size: 14px;color: var(--color5);line-height: 1.5;margin: 0;background: url(../img/news-bg.jpg) bottom no-repeat var(--color6)}
.tempWrap{height: 100%!important;margin: 0 auto!important;}
.left{float: left}
.right{float: right}
.v_center{display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

a{text-decoration: none;color: #000;display: inline-block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.cls{clear: both;display: block}
.cls:after{content: '';clear: both;display: block}
li i,i{float: initial}
.fixed{position: fixed;left: 0;top: 0;z-index: 30}
::selection {background-color: var(--color7);color: #fff;text-shadow: none;}
/*banner*/
.slideBox{width: 100%;/*height:650px;*/position: relative}
.slideBox .hd{width:100%;position:absolute;left:0;bottom: 0;z-index:1;height: 110px;}
.slideBox .hd .mq{height: 100%;}
.slideBox .prev,.slideBox .next{display: inline-block;background:url(../img/left.png) no-repeat center #2f2f2f / 10px 16px;transition: all .5s ease-in-out;width: 27px;height: 71px;opacity: 1;position: absolute;left: 0;top: 0;z-index: 10}
.slideBox .prev{margin-right: 14px}
.slideBox .next{background:url(../img/right.png) no-repeat center #2f2f2f / 10px 16px;left: calc(27px + 14px);z-index: 9}
.slideBox .prev:hover,.slideBox .next:hover{width: 71px;background-color: var(--color7)}
.slideBox .hd{text-align: right}
.slideBox .hd span{display: inline-block;width: 14px;height: 14px;border: 2px solid transparent;position: relative;margin: 0 3px;cursor: pointer}
.slideBox .hd span:after{content:'';display: inline-block;width: 6px;height: 6px;background-color:#faecb5;position: absolute;left: 2px;top: 2px;}
.slideBox .hd span.on{border-color: var(--color7)}
.slideBox .hd span.on:after{background-color: var(--color7)}
.slideBox .bd,.slideBox .bd ul,.slideBox .bd ul li{height: 100%;}

/*float-right*/
.drift{width:50px;height:auto;position:fixed;bottom:30%;right:-120px;z-index:999;padding-top: 10px;}
.drift:after{content: '';width:50px;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.35);border-radius: 10px 0 0 10px;display: inline-block;z-index: -1}
.drift ul{width: max-content}
.drift li{position: relative;transition: all ease-in-out 0.5s;width: max-content;padding-right: 16px;border-radius: 10px 0 0 10px;}
.drift li:hover{background-color: rgba(0, 0, 0, 0.35);transform: translateX(calc(-100% + 50px))}
.drift li a{display:inline-block;text-decoration:none;}
.drift li a i{display: inline-block;width: 50px;height: 50px;float: left;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;font-size: 20px;color: #fff;}
.drift li a span{color: #fff;font-size: 16px;display: inline-block;line-height: 50px;}

/*top*/
.top{background: url("../img/nav1.jpg") repeat-x left bottom var(--color2);height: 100px;overflow: visible;position: relative;z-index: 30}
.top .mq{height: 100%;}
.top .menu_top{width: 100%;height: calc(100% - 4px);display: flex;justify-content: space-between;color: var(--color1)}
.top .menu_top .menuBox{display: flex;align-items: center}
.top .menu_top .menuBox a{display: inline-block;padding: 0 20px;color: var(--color1);text-align: center;font-size: 15px}
.top .menu_top .logo {display:inline-flex;width: unset;max-width:270px;margin-right:40px;align-items: center;height: 100%;padding: 12px 0;margin-top: 0}
.top .menu_top .logo img{max-height: 100%}
.top .menu_top .logo span{font-size: 18px;font-weight: bold;white-space: nowrap;}
.top .menu_top .menuBox a:hover,.top .menu_top .menuBox a.select{color: #fff}
/*footer*/
.footer{background:url("../img/nav1.jpg") repeat-x left top var(--color2);padding: 40px 0 0;color: var(--color1)}
.footer_top{text-align: center;padding-bottom: 20px}
.footer_top img{max-width: 260px;margin: 0 auto;}
.fmenu{display: flex;justify-content: space-between}
.footer .fmenu ul{max-width: 100%;display: flex;justify-content: space-between}
.footer .fmenu li h2{font-size: 17px;padding-bottom: 10px;}
.footer .fmenu li a{display: inline-block;width: 100%;color:var(--color1);white-space: nowrap;text-overflow: ellipsis; }
.footer .fmenu li a:hover{color:#887563}
.footer .qrcode img{width: 120px}
.share{padding: 12px 0;background: #ffffff08;margin-top:32px;text-align: center}
.share .bdsharebuttonbox a{background-image: none!important;font-size: 16px;background: #0f0e0e;display: inline-block;width: 36px;height: 36px;text-align: center;padding: 0;line-height: 36px;color: var(--color1);margin: 0 6px 0 0}
.share .bdsharebuttonbox a:hover{background-color:var(--color1);color: #0f0e0e }

/************** index ************/
.index_title{text-align: center}
.index_title p{display: inline-block;height:76px;color: var(--color7);line-height: initial;text-transform: uppercase;font-size: 26px;padding: 0 260px;background: url("../img/code-left.png") no-repeat left center,url("../img/code-right.png") no-repeat right center;}
.index_title p span{font-size: 24px;}
/*about_index*/
.about_index{padding: 30px 0;background: url("../img/inddz3.png") no-repeat center bottom var(--color3)}
.about_index p{text-align:center;margin-top: 35px;color:#818181;margin-bottom: 47px;padding: 0 120px;font-size: 16px;line-height: 2;}
.about_index a{background:url(../img/ind_dzbtn.png) center;width:155px;height:61px;line-height:61px;text-align:center;display:block;margin: 0 auto 85px;font-size: 16px;color:#676767;}
.about_index a:hover{color:#d5b77f;}
/**/
.box_cul{padding: 100px 0;background: url("../img/3.jpg") no-repeat center fixed;position: relative;z-index: 2;text-align: center}
.box_cul:before{content: '';display: inline-block;width: 100%;height: 100%;background:rgba(37, 34, 25, 0.8);left: 0;position: absolute;top: 0;z-index: -1;}
.box_cul .mq p{color: #f9f9f9;line-height: 1;font-size: 24px;}
.box_cul .mq h2 {padding-bottom: 30px;margin-bottom: 0;font-size: 30px;line-height: 50px;color: #fff;text-transform: uppercase;}
.box_cul .bd p {color: #f9f9f9;font-size: 17px;line-height: 26px;margin-bottom: 26px;}
.box_cul .bd a{color: #fff;font-size: 16px;line-height: 26px;margin-bottom: 26px;}

.box_cul .hd{text-align: center}
.box_cul .hd span{display: inline-block;width: 14px;height: 14px;border: 2px solid transparent;position: relative;margin: 0 3px;cursor: pointer}
.box_cul .hd span:after{content:'';display: inline-block;width: 6px;height: 6px;background-color: #f9f9f9;position: absolute;left: 2px;top: 2px;}
.box_cul .hd span.on{border-color: #fff}
.box_cul .hd span.on:after{background-color: #fff}

/*menu2*/
.menu2 ul{padding: 46px 0;}
.menu2 ul li{float: left;width: 312px;height: 168px;margin-right: 10px;background: #fff}
.menu2 ul li a{display: inline-block;width: 100%;height: 100%}
.menu2 ul li a img{display: inline-block;width: 100%;height: 100%;object-fit: cover}
.menu2 ul li a img:hover{opacity: 0.8}
.menu2 ul li:nth-of-type(1){width: 232px}
.menu2 ul li:nth-last-of-type(1){margin-right: 0}
/*goods_index*/
.productTit a { display: inline-block; }
.productTit a b {color: #333; float: left; display: block; font-size: 25px; margin-top: 2px;width: 100% }
.productTit a span { color: var(--color7); float: left; display: block; font-size: 36px; padding-left: 0; text-transform: uppercase;width: 100%; }

.slideGroup_g{ width:100%;}
.slideGroup_g .parHd{ position:relative; margin-bottom:40px; overflow:hidden;text-align: center}
.slideGroup_g .parHd span{cursor:pointer;color:#272727;line-height:24px;text-align: center; display:inline-block; font-size:14px;padding: 5px 14px;border:1px solid #c7a46a}
.slideGroup_g .parHd span.on,
.slideGroup_g .parHd span:hover{cursor:pointer;background-color: var(--color4);border: 1px solid var(--color4);color: #fff}
.slideGroup_g .slideBox_goods{ zoom:1; position:relative;   }

.slideGroup_g .parBd{ width:100%; position:relative;}
.slideGroup_g .parBd ul{ zoom:1; overflow:hidden;}
.slideGroup_g .parBd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideBox_goods_rmd{ width: 577px;height:577px;float:left;}
.slideBox_goods_rmd li{width: 577px!important;height: 100%;position: relative}
.slideBox_goods_xp{ width:calc(100% - 600px);float:right}
.slideBox_goods_xp li{ float:left; width:280px;height: 280px; margin-right:25px;position: relative}
.slideBox_goods_xp li:nth-of-type(3),.slideBox_goods_xp li:nth-of-type(4){ margin-top:18px;}
.slideBox_goods_xp li:nth-of-type(2),.slideBox_goods_xp li:nth-of-type(4){ margin-right:0px;}
.slideGroup_g li{border: 5px solid #e4e2df;background: #fff;transition: all 0.3s ease-in-out}
.slideGroup_g li .pic{text-align:center;width: 100%;height: 100%}
.slideGroup_g li .pic img{ width:100%; }
.slideGroup_g li .title{ line-height:24px;background:rgba(51, 44, 43, 0.77); padding:10px 10px; color:#FFF;position: absolute;left: 0;bottom:0;width:100%}
.slideGroup_g li:hover{border-color: var(--color4)}

/*news_index*/
.news_index{ background:url(../img/indnewsbg.jpg) center; height:890px; overflow:hidden}
.news_index h1{ text-align:center; margin:80px 0 50px; height:106px;}
.indnewsmain{overflow:hidden;}
.indnewsmain li{ width:295px; float:left; margin-right:6px; background:url(../img/indnews1.jpg); text-align:center; padding-bottom:55px; cursor:pointer;}
.indnewsmain li>a{display: inline-block;width: 100%;height:220px;overflow: hidden}
.indnewsmain .tiimg{width: 100%;height: 100%;object-fit: cover}
.indnewsmain .indnewsti{ width:160px; height:30px; line-height:30px; background:#231f20; text-align:center; color:var(--color1); font-size:14PX; margin:-30px auto 0; position:relative; z-index:999}
.indnewsmain h6{ margin:20px auto 15px; font-weight:normal; width:250px; text-align:left }
.indnewsmain h6 a{ color:var(--color7); font-size:18px;width:265px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block;}
.indnewsmain h6 a:hover{ color:#927B4F}
.indnewsmain p{ color:#857771; font-size:14px; height:80px; line-height:22px; width:250px; margin:0 auto;text-align:left; margin-top:10px; }
.indnewsbot{ clear:both; width:250px; margin:0 auto; height:25px; line-height:25px;}
.indnewsbot span{color:#857771;  float:left; }
.indnewsbot a{ float:right; width:75px; border:1px dashed #908771; color:#524424}
.indnewsmain li:hover{ background:url(../img/indnews2.jpg);}
.indnewsbot a:hover{ background:#c0b8a6;}

.news_index .hd ul{width: 100%;text-align: center;padding: 30px 0}
.news_index .hd ul span{display: inline-block;width: 13px;height: 13px;background: var(--color1);border-radius: 100%;margin: 0 5px;cursor: pointer}
.news_index .hd ul span.on{background: #f2ede7;}

/************** layout ***********/
.contact_title{width: 226px;margin: 0 auto 27px;background: url(../img/bg_07.png) top no-repeat;padding: 18px 0;}
.contact_title p{ font-size: 30px; text-align: center; color: var(--color7);}

.layou_nva{background: var(--color2);}
.layou_nva ul{font-size: 0;text-align: center}
.layou_nva li{display: inline-block;font-size: 16px;}
.layou_nva li a{line-height: 30px;font-size:15px;color: var(--color1);padding: 10px 40px;}
.layou_nva li a:hover{background: rgba(255,255,255,.08)}
.layou_nva li a:hover,.layou_nva li a.select{background: rgba(255,255,255,.08)}

.menu_layout{margin-top:40px;text-align: center;}
.menu_layout ul{width: 240px;background:var(--color1); border:2px solid var(--color7);position: relative;z-index: 3;padding:35px 25px}
.menu_layout ul:after{content:'';border:1px solid var(--color7);position: absolute;left: 10px;top: 10px;width: calc(100% - 20px);z-index: -1;height:  calc(100% - 20px)}
.menu_layout ul li{width:100%; margin-top: 1px;font-size:16px;}
.menu_layout ul li a{display:inline-block;width:100%;font-size: 16px;color:var(--color7);padding:10px 30px;line-height: 20px;border-bottom: transparent 1px solid}
.menu_layout ul li a:hover,.menu_layout ul li a.select{color:var(--color1);border-bottom: 1px solid var(--color7)}
.menu_layout + .right{width: calc(100% - 240px - 76px)}
.menu_layout + .right .actionName{padding-top: 40px;padding-left: 23px;font-size: 16px;}
.menu_layout + .right .layout_title{border-bottom: 7px solid #311001;padding-left:23px;margin-top:15px;width:100%;font-size: 14px;padding-bottom: 12px;}
.menu_layout + .right .layout_title h2{color:#311001;display: inline-block;width: 100% }
.menu_layout + .right .layout_title h2 span{font-size: 16px;color: #311001;display: inline-block;}

.page-title {position: absolute;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;z-index: 2;text-align: center;}
.page-title h2 {color: #fff;text-transform: uppercase;font-size: 45px;font-weight: 700;line-height: 34px;position: relative;z-index: 3;padding-top: 31px;padding-bottom: 31px;margin-bottom: 0}
.page-title .breadcrumb {background-color: transparent;padding-top: 30px;padding-bottom: 0;margin-bottom: 0}
.page-title .breadcrumb li{display: inline-block}
.page-title .breadcrumb a {color: #fff;font-family: 'Montserrat', sans-serif;line-height: 24px;font-weight: 500;font-size: 12px;text-transform: uppercase;}
.page-title .breadcrumb a:hover {color: var(--color7)}
.page-title .breadcrumb .active {color: var(--color7);font-family: 'Montserrat', sans-serif;line-height: 24px;font-weight: 500;font-size: 12px;text-transform: uppercase;}
.page-title .breadcrumb .active:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.page-title .title-bg:before {content: "";width: 70px;height: 96px;background-color: var(--color7);position: absolute;display: block;left: 50%;margin-left: -35px;text-align: center;}


/*???????*/

#about_body,#about_body p{font-size: 16px;text-align: justify;line-height: 2}
/*********************************/
/*????????*/
#news_body ul.txtlist li{ padding-bottom: 39px; margin-bottom: 40px; border-bottom: 1px solid #D2D2D2;  }
#news_body ul.txtlist li .img{ width: 300px; height: 190px;border:1px solid #c0c0c0;padding: 10px;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
#news_body ul.txtlist li img{width: 100%;height: 100%; object-fit:cover}
#news_body ul.txtlist li:hover .img{ background: #FFF}
#news_body ul.txtlist li .text{ width: calc(100% - 360px); }
#news_body ul.txtlist .text strong{ display: block; font-size: 20px; padding: 8px 0 17px;  color: #231815; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;font-weight: bold}
#news_body ul.txtlist .text .time{ display: block; color: #727171;font-size: 14px; }
#news_body ul.txtlist .text p{ height: 75px; overflow: hidden; color: #727171; line-height: 1.8; margin: 15px 0 10px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;font-size: 16px; }
#news_body ul.txtlist .text b{ display: block; width: 105px; height: 31px; line-height: 31px; border: 1px solid #D2D2D2; -moz-border-radius: 6px; border-radius: 6px; color: #727171; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;text-align: center;font-size: 14px; }
#news_body ul.txtlist li:hover .text strong{ color: var(--color7); }
#news_body ul.txtlist li:hover .text b{ background-color: var(--color7); border-color: var(--color7); color: #fff; }

/*???????? - ????????*/
#newsDetail_body .ar{display: none}
#newsDetail_body .notice{display: inherit}
#newsDetail_body .cnt .text p,
#newsDetail_body .cnt .text div{font-size: 16px;text-align: justify;line-height: 32px;padding-bottom: 5px;text-indent: 2em;}
#newsDetail_body .cnt .text p strong,
#newsDetail_body .cnt .text div strong{font-size: 18px;line-height: 36px;padding: 5px 0}
#about_body p,#about_body  div{font-size: 16px;text-align: justify;line-height: 32px;padding-bottom: 5px;}
#about_body p strong,#about_body  div strong{font-size: 18px;line-height: 36px;padding: 5px 0}
/*???????? - ???????*/
#newsDetail_body .left,
#dlistDetail_body .left{width: calc(100% - 348px)}
#newsDetail_body .right,
#dlistDetail_body .right{width: 318px;}
#newsDetail_body .left .content_box,
#dlistDetail_body .left .content_box {background: #ffffff;padding: 38px 30px;border: var(--color2)21 1px solid;}
.content_box .content {padding: 40px 0;}
#newsDetail_body .left .content_box p,
#dlistDetail_body .left .content_box p{font-size: 16px;line-height: 32px;}
.title_box {border-bottom: var(--color2)24 1px solid;text-align: center;}
.title_box h3{font-size: 24px;}
.title_box p{padding: 10px 0;}
#newsDetail_body .list,
#dlistDetail_body .list {background: #ffffffb5;border: #e6e6e6 1px solid;margin-bottom: 20px;}
#newsDetail_body .list h3 ,
#dlistDetail_body .list h3 {height: 54px;line-height: 53px;padding: 0 20px ;margin: auto;border-bottom: #e7e7e7 1px solid;font-size: 17px;color: red;}
#newsDetail_body .list h3 i,
#dlistDetail_body .list h3 i{display: inline-block;width: 25px;font-size: 22px;vertical-align: middle;}


.list_1 .content em ,
.list_3 .content em {width: 15px;height: 15px;border-radius: 5px;font-style: normal;display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;background: #ababab;text-align: center;line-height: 15px;margin-right: 12px;}
.list_1 .content li:nth-of-type(1) em,
.list_1 .content li:nth-of-type(2) em,
.list_1 .content li:nth-of-type(3) em {background: var(--color7) ;}

#newsDetail_body .list .content {padding: 20px;}
#newsDetail_body .list .content li {margin: 5px 0;}
#newsDetail_body .list .content li,
#newsDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#newsDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#newsDetail_body .dpages{padding: 20px 0;margin-bottom: 40px;border-top: var(--color2)2e 1px solid;border-bottom: var(--color2)2e 1px solid;}
#newsDetail_body .dpages a:nth-of-type(1){margin-right: 30px}
#dlistDetail_body .list .content {padding: 20px;}
#dlistDetail_body .list .content li {margin: 5px 0;}
#dlistDetail_body .list .content li,
#dlistDetail_body .list .content a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;line-height: 32px;}
#dlistDetail_body .list .content a {display: inline-block;font-size: 15px;color: #666666;width: calc(100% - 27px);}
#dlistDetail_body .dpages{ padding: 20px 0;margin-bottom: 40px;border-top: #e1e1e1 1px solid;border-bottom: #e1e1e1 1px solid;}
#dlistDetail_body .dpages a:nth-of-type(1){margin-right: 30px}
/*?????? - ???????????*/
.index2-ctl {width: 320px;background-color: #262525;display: table; }
.index2-ctl-title {background-color: var(--color7) ;padding: 18px 0 17px 42px;position: relative;}
.index2-ctl-title>h3 {font-size: 26px;color: #fff;font-weight: bold;background: url(../img/icon.png) no-repeat left center / 35px;padding-left: 45px;line-height: 35px;}
.pt-menu {width: 100%;display: table;}
.pt-menu ul li a {color: #fff;display: block;height: 65px;line-height: 65px;position: relative;background: url(../img/icon1.png) no-repeat 25px center;font-size: 20px;padding-left: 60px;overflow: hidden;}
.pt-menu ul li a:hover,.pt-menu ul li a.select{background-color: #000}
.border1{ border:1px solid #d3d3d3; border-top: none; padding-top: 10px; padding-bottom: 10px;}
.call-me{ background: #fff;}
.call-me h2{ text-indent:87px ; background: var(--color7)  url(../img/icon.png) no-repeat 45px center / 35px; font-size: 24px; font-weight: bold; color: #fff; line-height: 66px;}
.phone-number{ font-size: 14px; color: #666666; padding:10px 40px;}
.phone-number p{ margin-bottom: 0; line-height: 1.5;}
.phone-number span{ font-size: 24px; color: var(--color7) ; font-weight: bold; font-family: arial;}
.call-me{ max-width: 320px; margin-top: 25px;background-color: #fff; padding-bottom: 0;}
.call-me ul{ padding:0px 40px  0;}
.call-me ul li{ border-bottom:1px solid #e1e1e1; font-size: 14px; padding: 10px 0;}
.call-me ul li:first-child{ padding-top: 0;}
.call-me ul li:last-child{ border-bottom: none;}
.call-me ul li p{ margin-bottom: 0; font-weight: bold; line-height: 1.5;}
.call-me ul li span{ line-height: 1.5; display: block;}


/*contact*/
#contact_body .lmain1{width: 100%;padding-bottom: 60px;}
#contact_body .lmain1 .lleft{width: calc(100% - 530px);float: left;padding-top: 32px;height: 406px}
#contact_body .lmain1 .lright{width: 510px;float: right;}
#contact_body .lmain1 .lright .ltitle{ width: 297px; height: 75px; line-height: 85px; font-size: 24px; color: var(--color7); font-weight: bold; border-bottom: 1px dashed #cccccc;}
#contact_body .lmain1 .lright .ldiv1{font-size: 14px; color: var(--color7); line-height: 24px; margin: 15px 0;}
#contact_body .lmain1 .lright .lline{width: 76px; height: 1px; background: #cccccc;}
#contact_body .lmain1 .lright .ldiv2{font-size: 18px;color: var(--color7);font-weight: bold;line-height: 24px;margin: 15px 0;}
#contact_body .lmain1 .lright .ldiv3{overflow: hidden; padding-top: 15px;}
#contact_body .lmain1 .lright .ldiv3 .lbox{height: 30px;line-height: 30px;font-size: 14px;color: #666666;width: 100%;float: left;margin-bottom: 5px;}
#contact_body .lmain1 .lright .ldiv3 .lbox span{ color: var(--color7);}

#map,#myMap{width: 100%;height: 100%}