body,
ol,
ul,
dl,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body { background-color:#000000;color:#ffffff;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  /*font-family: 'Microsoft Yahei';*/
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
  font-size: 14px;
}

a {
  color: #FBFBFB;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

em,
i {
  font-style: normal;
}

ol,
ul,
dl,
li,
dt,
dd {
  list-style: none
}

img {
  border: 0;
  vertical-align: middle
}

a img {
  border: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  outline: none;
  padding: 0px;
  margin: 0;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}
.index_banner{width:100%;}
.swiper-slide{ position:relative;}
.swiper-slide .bannertxt{ position: absolute; color:#FFFFFF; width:50%; left:25%; top:28%; font-size:16px; text-align:center;}
.swiper-slide .bannertxt p{ display:block; overflow:hidden;font-size:48px; text-align:center;}
.swiper-slide .bannertxt .txt1{ display:block; overflow:hidden;font-size:26px; text-align:center;}
.swiper-slide .bannertxt .bmore{ display:block; overflow:hidden; text-align:center; color:#bb8640; margin-top:18px;}
.swiper-slide .bannertxt .bmore a{ display:inline-table; border:#bb8640 solid 1px; margin:0px 3px; line-height:42px; padding:0px 30px;border-radius:22px;}
.swiper-slide .bannertxt .bmore a.bmore1{ padding:0px 50px;}
.swiper-slide .bannertxt .bmore a:link,.swiper-slide .bannertxt .bmore a:visited { color:#bb8640;}
.swiper-slide .bannertxt .bmore a:hover { color:#ffffff;} 
.header{width:100%; min-height:126px; border-bottom:#755428 solid 6px; padding:24px 0px 15px 0px;}
.logo{ float:left; width:28%; margin:0px 1% 0px 4%;}
.logo img,.topr1>img{width:100%;}
.topright{ float:right; width:63%; margin-right:4%; text-align:right; margin-top:24px;}
.topr1{ float:right;width:3%; margin-left:16px;}
.showm{position: relative;display: inline-block;}
.mcode { display: none; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 5px 10px; border-radius: 4px; z-index: 10;}
.showm:hover .mcode { display: block;}
.header_nav{ float:right;max-width:90%; margin-top:3px;}
/*.header_nav ul{ overflow:hidden;}*/
.header_nav ul li{ float:left; padding:0px 20px; font-size:17px;color:#ffffff; border-right:#bb8640 solid 1px;position: relative;}
.header_nav ul li:last-child{border-right:none; padding-right:6px;}
.header_nav ul li a:link,.header_nav ul li a:visited { color:#fff;}
.header_nav ul li a:hover { color:#bb8640;} 
.header_nav ul li.nav a{color:#bb8640;}
.header_nav ul li .dropdown_menu{position: absolute;left: 0;top: 100%;z-index: 9999;display: none;background: rgba(0,0,0,.5);}
.header_nav ul li:hover .dropdown_menu{display: block;}
.header_nav ul li .dropdown_menu li{padding: 8px 5px;margin-left: 0;width: 100%;line-height: initial;text-align: center;border-right:none;}
.header_nav ul li .dropdown_menu li a{font-size: 14px;}
.header_nav ul li .dropdown_menu li a:link,.header_nav ul li .dropdown_menu li a:visited { color:#fff;}
.header_nav ul li .dropdown_menu li a:hover { color:#bb8640;} 

.pord{width:100%; overflow:hidden; margin-top:10px; position:relative;}
.pord .pic{width:100%; overflow:hidden;}
.pord .pic img{width:100%;}
.pord .pordr{ position: absolute; color:#FFFFFF; width:34.3%; left:65.7%; top:0; font-size:16px; background-color:rgba(0, 0, 0, 0.65); height:100%;}
.pord .pordr h1{display:block; overflow:hidden; margin:100px 0px 10px 24px;font-size:48px; font-weight:100;}
.pord .pordr a:link,.pord .pordr a:visited { color:#fff;}
.pord .pordr a:hover { color:#bb8640;} 
.pord .pordr h2{display:block; overflow:hidden;font-size:26px; margin-left:24px; font-weight:100;color:#bb8640;}
.pmore{ display:inline-table; margin:22px 0px 0px 24px; background-color:#bb8640;line-height:45px; padding:0px 50px;border-radius:22px;}
.pord .pordr a .pmore:link,.pord .pordr a .pmore:visited { color:#ffffff;}
.pord .pordr a .pmore:hover,.pord .pordr a:hover .pmore { color:#000;} 
.index1{width:100%; overflow:hidden; margin-top:10px;color:#ffffff;font-size:18px;}
.index11{ float:left; width:65.1%; height:470px; background-image:url(../images/bg2.jpg); background-repeat:no-repeat;background-size:100% 100%;}
.index111{display:block; overflow:hidden; margin:70px 30% 30px 6%;}
.index111 h1{font-size:30px; margin-bottom:20px;}
.index111 p{display:block; overflow:hidden; line-height:34px; margin-bottom:60px; text-indent:2em;}
.index111 .more{display:block; overflow:hidden; color:#bb8640;text-transform: uppercase;}
.index111 .more a:link,.index111 .more a:visited { color:#bb8640;}
.index111 .more a:hover { color:#fff;} 
.index12{ float:right; width:34.3%; height:470px; background-image:url(../images/bg3.jpg); background-repeat:no-repeat;background-size:100% 100%;}
.index121{display:block; overflow:hidden; margin:30px 30px 0px 24px;}
.index121 h1{font-size:30px; margin-bottom:20px;}
.index121 .tel{font-size:30px; margin-bottom:80px;}
.index121 p{display:block; overflow:hidden; line-height:34px; margin-bottom:20px;}
.index2{width:100%; overflow:hidden; margin-top:36px;color:#8e8e8e;font-size:18px;}
.index21{ float:left; width:65.1%;}
.index211{ float:left; width:41%; min-height:449px; margin:0px 5% 20px 6%; background-image:url(../images/bg4.jpg); background-repeat:no-repeat; background-position:right;}
.index212{ float:left; width:41%; min-height:449px; margin:0px 5% 20px 0px; background-image:url(../images/bg4.jpg); background-repeat:no-repeat; background-position:right;}
.index2_t{display:block; overflow:hidden; }
.index2_t span{ display:inline-table;font-size:30px; padding:18px 0px; color:#C78346; border-top:#C78346 solid 10px;}
.news{display:block; overflow:hidden; margin-right:10%; min-height:266px; }
.news li{display:block; overflow:hidden; margin-bottom:18px; font-size:14px;color:#999999;}
.news li h1{display:block; overflow:hidden; font-weight:100; line-height:40px; font-size:18px;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news li a:link h1,.news li a:visited h1, { color:#8e8e8e;}
.news li a:hover h1 { color:#bb8640;} 
.news li .times{display:block; overflow:hidden; font-size:18px;color:#d4d4d4; margin-bottom:6px;}
.news li p{display:block; overflow:hidden;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news li a:link p,.news li a:visited p, { color:#d4d4d4;}
.news li a:hover p { color:#d4d4d4;} 
.more1{display:block; overflow:hidden; color:#8e8e8e;text-transform: uppercase; margin-top:10px;}
.more1 a:link,.more1 a:visited { color:#8e8e8e;}
.more1 a:hover { color:#bb8640;} 
.news1{display:block; overflow:hidden; margin-right:10%; min-height:259px; margin-bottom:17px; }
.news1 li{display:block; overflow:hidden; line-height:37px; font-size:18px;color:#989898;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news1 li a:link,.news1 li a:visited,.news2 li a:link,.news2 li a:visited { color:#989898;}
.news1 li a:hover,.news2 li a:hover { color:#bb8640;} 
.news2{display:block; overflow:hidden; margin-right:10%; min-height:259px; margin-bottom:17px; }
.news2 li{display:block; overflow:hidden; line-height:37px; font-size:18px;color:#989898;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news2 li span{ float:left; margin-right:30px;}

.index22{ float:right; width:34.3%;}
.index221{display:block; overflow:hidden; margin:0px 13% 0px 24px;}

.nybanner img { display: block; width: 100%;}
.about{display: block; overflow:hidden; margin:0px 4% 60px 4%; padding-top:120px; position:relative;}
.aboutl{ float:left;}
.aboutl .etitle{ position:absolute; left:0; top:60px; width:100%; font-size:100px; text-align:left; color:#bb8640;text-transform:uppercase;opacity:0.25; z-index:-1}
.aboutl .title{display: block; overflow:hidden; font-size:50px; text-align:center; margin-bottom:34px; z-index:9999}
.aboutr{ float:right; margin-top:-20px;}
.aboutr img{ width:80%;}
.about1{display: block; overflow:hidden;}
.about11{ float:left; width:44%; margin-left:4%;}
.about11 img{width:100%;}
.about12{ float:right; width:44%; margin-right:4%;}
.gdata { display:flex;-ms-flex-align: center !important; align-items: center !important;padding-bottom:40px;}
.gdata li {text-align: center;}
.gdata .line{ background:#bb8640; width:1px; height:45px;margin: 0 9%;}
.gdata .dataitem{ display:flex;}
.gdata .dataitem .data{ color:#bb8640; font-size:48px; line-height:36px;}
.gdata .dataitem span{ font-size:16px; color:#ffffff; line-height:48px; padding-left:10px;}
.gdata .data_dec{ color:#ffffff;font-size:16px; line-height:36px;}
.about121{display: block; overflow-y:auto;font-size:16px; line-height:46px;}
.about121::-webkit-scrollbar { width: 6px; /* 滚动条宽度 */}
.about121::-webkit-scrollbar-track { background: #f1f1f1; /* 滚动条轨道背景色 */}
.about121::-webkit-scrollbar-thumb { background: #bb8640; /* 滚动条滑块颜色 */}
.about121::-webkit-scrollbar-thumb:hover { background: #bb8640; /* 鼠标悬停在滑块上时的颜色 */}
.about2{display: block; overflow:hidden; margin:0px 4% 0px 4%; padding-top:80px; position:relative; background-image:url(../images/abg1.png); background-repeat:no-repeat;background-size:100% 100%; min-height:900px;}
.about21{display: block; overflow:hidden; text-align:center;}
.about21 .etitle{ position:absolute; left:0; top:20px; width:100%; font-size:100px; text-align:center; color:#bb8640;text-transform:uppercase;opacity:0.25; z-index:-1}
.about21 .title{display: block; overflow:hidden; font-size:50px; text-align:center; z-index:9999}

.lc{display: block; margin-top:70px;height: 612px;position: relative;}
.lc ul{display: block;overflow: hidden;height: 570px;margin-top:12px;}
.lc ul::before {content: "";position: absolute; top: 0px; left: 50%; width: 1px; height: 562px; background: #bfbfbf;}
.lc ul li{display: block; width:50%; margin-left:50%; margin-top:0px; position: relative;}
.lc ul li .lcline{content: "";position: absolute; top: 16px; left:-2px; width:4px; height:30px;background-image:url(../images/a4.png); background-repeat:no-repeat; background-repeat:no-repeat; }
.lc ul li:nth-child(2n){ margin-right:50%; margin-left:0%;}
.lc ul li:nth-child(2n) .lcline{right:-2px; left:auto;}
.lc ul li .lcdiv{display: block; overflow:hidden; margin-left:9%;}
.lc ul li:nth-child(2n) .lcdiv{ margin-left:0%; margin-right:9%;}
.lc ul li .lcdiv .lcdiv1{ float:left; width:43%;}
.lc ul li .lcdiv .lcdiv1 .tt{display: block; overflow:hidden; font-size:30px; color:#bb8640; line-height:62px;}
.lc ul li .lcdiv .lcdiv1 .text{display: block; overflow:hidden; font-size:16px; color:#e5e4e4; line-height:32px;}
.lc ul li .lcdiv .lcdiv2{ float:right; width:52%; margin-top:16px;}
.lc ul li .lcdiv .lcdiv2 img{ width:100%;}
.lc ul li:nth-child(2n) .lcdiv1{ float:right;}
.lc ul li:nth-child(2n) .lcdiv2{ float:left;}
.main3-button-next,.main3-button-prev { position: absolute; bottom: -4px; left:  48.7%; z-index: 1;  border:#7d7d7d solid 2px; width: 41px; height: 41px; line-height: 41px; text-align: center; border-radius: 50%; color: #7d7d7d; font-size: 28px;}
.main3-button-prev {top:-50px;}
.main3-button-next:hover,.main3-button-prev:hover { background: #bb8640;border:#bb8640 solid 2px;color: #bfbfbf;}
/*.about2 .content { margin-top:70px; position: relative;height: 612px;}
.about2 .content .swiper-container {}
.about2 .content .swiper-container::before {content: "";position: absolute; top: 0px; left: 50%; width: 1px; height: 562px; background: #bfbfbf;}
.about2 .content .swiper-slide { position: relative; float:left; width:50%; height:300px; padding: 0 35px;}
.about2 .content .swiper-slide:nth-child(2n){ float:right;}
.about2 .content .swiper-slide::before { content: ""; position: absolute; top: 0px; right:-2px; width: 4px; height: 30px; background: url(../images/a4.png) no-repeat center/cover;}
.about2 .content .swiper-slide .tt { position: relative; color: #bb8640; font-size: 36px;  font-family: "arial";}
.about2 .content .swiper-slide .text { height: 90px; overflow: hidden; margin-top: 35px; color: #e5e4e4; font-size: 18px; line-height: 28px;}
.about2 .content .main3-button-next,
.about2 .content .main3-button-prev { position: absolute; bottom: 0px; left:  48.5%; z-index: 1;  border:#7d7d7d solid 2px; width: 41px; height: 41px; line-height: 41px; text-align: center; border-radius: 50%; color: #7d7d7d; font-size: 28px;}
.about2 .content .main3-button-next:hover,
.about2 .content .main3-button-prev:hover { background: #bb8640;border:#bb8640 solid 2px;color: #bfbfbf;}*/
.bi-chevron-right::before { content: "\f282"; }
.about3{display: block; overflow:hidden; background-image:url(../images/abg2.png); background-repeat:no-repeat;background-size:100% 100%; min-height:844px; z-index:-1;}
.about31{display: block; overflow:hidden; text-align:center; margin:0px 0px 50px 0px; padding-top:118px; position:relative;}
.about31 .etitle{ position:absolute; left:0; top:60px; width:100%; font-size:100px; text-align:center; color:#bb8640;text-transform:uppercase;opacity:0.25; z-index:0;}
.about31 .title{display: block; overflow:hidden; font-size:50px; text-align:center; z-index:9999}
.about32{display: block; overflow:hidden; margin:0px 56% 50px 5%;}
.about321{ float:left; width:50px;}
.about322{display: block; overflow:hidden; margin-left:67px;}
.about3221{display: block; overflow:hidden; font-size:30px; line-height:40px; color:#bb8640; margin-bottom:20px;}
.about3222{display: block; overflow:hidden; font-size:16px; line-height:36px;}
.about4{display: block; overflow:hidden; padding-top:80px; position:relative; background-image:url(../images/abg3.png); background-repeat:no-repeat; background-position:bottom;background-size:100%; min-height:700px;}
.honor{display: block; overflow:hidden; padding-bottom:30px;}
.honor li{ float:left; width:25%; text-align:center; margin:40px 0px 50px 0px;}
.honor1{ width:276px; height:204px; margin:0px auto; overflow:hidden;background-image:url(../images/a7.png); background-repeat:no-repeat;background-size:100% 100%;}
.honor1 p{display: block; overflow:hidden; font-size:16px; color:#bb8640; line-height:28px; margin:80px 60px 0px 60px;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.guide{display: block; overflow:hidden; padding:0px 4%; border-bottom:#bb8640 solid 1px; font-size:16px; color:#989898;}
.guide a:link,.guide a:visited { color:#989898;}
.guide a:hover { color:#bb8640;} 
.guidel{ float:left;padding:24px 0px;}
.guider{ float:right;}
.guider span{float:left;padding:24px 10px 20px 10px;color:#bb8640;border-bottom:#bb8640 solid 4px;}
.guider ul{display: block; overflow:hidden;}
.guider ul li{float:left;padding:24px 0px 0px 0px; margin-left:4px;}
.guider ul li a:link,.guider ul li a:visited {display: block; overflow:hidden; color:#989898;padding:0px 10px 24px 10px;}
.guider ul li a:hover {display: block; overflow:hidden; color:#bb8640;padding:0px 10px 20px 10px;border-bottom:#bb8640 solid 4px;} 
.guider ul li.active a {display: block; overflow:hidden;color:#bb8640;padding:0px 10px 20px 10px;border-bottom:#bb8640 solid 4px;}
.pmain{display: block; overflow:hidden; margin:0px 4% 40px 4%; color:#FBFBFB; min-height:400px; position:relative; padding-top:60px}
.jmain{display: block; overflow:hidden; margin:0px 4% 0px 4%; color:#FBFBFB; min-height:400px;position:relative; padding-top:60px}
.pmainl{ float:left; width:39%;}
.pmainl .pmainl1{display:block; overflow:hidden; margin:12px 0px 6px 0px;}
.pmainl h1{display: block; overflow:hidden; font-size:20px;}
.pmainl p{display: block; overflow:hidden; font-size:16px; line-height:42px; margin-bottom:40px;}
.pmainr{ float:right; width:58%;}
.pmainr img{ width:100%;}
.pmain .etitle,.jmain .etitle{ position:absolute; left:0; top:0px; width:100%; font-size:100px; text-align:center; color:#bb8640;text-transform:uppercase;opacity:0.25; z-index:-1}
.jmain .etitle{ font-size:90px; top:12px;}
.pmain .ttitle{display: block; overflow:hidden; font-size:30px; text-align:center; margin-bottom:34px; z-index:9999}
.pmain .title,.jmain .title{display: block; overflow:hidden; font-size:50px; text-align:center; margin-bottom:34px; z-index:9999}
.pmain .title img,.jmain .title img{ max-width:100%;}
.pmain .title1{display: block; overflow:hidden; font-size:30px; text-align:center; margin-bottom:50px;}
.pmain .title2,.jmain .title2{display: block; overflow:hidden; font-size:30px; text-align:center; margin-bottom:30px; color:#bb8640; font-weight:bold;}
.jmain .title3{display: block; overflow:hidden; font-size:30px; text-align:center; margin-bottom:0px; color:#bb8640; font-weight:bold;}
.pmain .time{display: block; overflow:hidden; font-size:16px; text-align:center; margin-bottom:30px;}
.pmain .content{display: block; overflow:hidden; font-size:16px; line-height:42px; color:#989898;}
.text-c{ display:block;overflow: hidden; margin:20px auto 10px auto; text-align:center;font-size:14px;}
.text-c a{ display:inline-table; font-size:14px; border:#bb8640 solid 1px; margin:0px 5px; padding:2px 6px;}
.text-c span{font-size:14px;}
.tg { display:flex;-ms-flex-align: center !important; align-items: center !important; margin-bottom:40px; padding-top:20px;}
.tg li{text-align: center; float:left; width:24%;}
.tg li p{display: block; overflow:hidden; font-size:20px; color:#bb8640; margin-top:32px;}
.tg .line{ background:#4F3F1E; width:1px; height:78px;margin: -50px 0% 0 0%;}
.tg1,.tg2{display: block; overflow:hidden; text-align:center; margin-bottom:40px;}
.tg1{ margin-top:20px; color:#bb8640; font-size:20px; line-height:47px;-ms-flex-align: center !important; align-items: center !important;}
.tg2 img{ display:inline-table;}
.tg1 .line{ display:inline-table; background:#4F3F1E; width:1px; height:30px;margin: 0px 26px -10px 26px;}
.tg1 span{ font-size:32px;}
.tg2 img{ width:100%;}
.xinwen,.xinwen1{display: block; overflow:hidden; font-size:16px;}
.xinwen ul,.xinwen1 ul{display: block; overflow:hidden;}
.xinwen ul li{display: block; overflow:hidden; margin-bottom:27px;}
.xinwen ul li .xw_left{ float:left; width:476px;}
.xinwen ul li .xw_left img{ width:100%;}
.xinwen ul li .xw_right{display: block; overflow:hidden; margin-left:508px;}
.xinwen ul li .xw_right h1{ font-size:22px; overflow:hidden;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height:54px;}
.xinwen ul li .xw_right h2{ line-height:34px;}
.xinwen ul li .xw_right p{ line-height:38px;text-indent: 2em;}
.xinwen ul li .xw_right span{ line-height:38px;color:#bb8640;text-transform: uppercase; margin-top:20px;}
.xinwen ul li a:link,.xinwen ul li a:visited { color:#FBFBFB;}
.xinwen ul li a:hover { color:#bb8640;} 
.xinwen ul li:first-child{ border-top:#4D3C22 solid 1px; border-bottom:#4D3C22 solid 1px;}
.xinwen ul li:first-child .xw_left{ width:46%;}
.xinwen ul li:first-child .xw_right{margin-left:48%; margin-top:15px;}
.xinwen ul li:first-child .xw_right h1{ font-size:32px; overflow:hidden;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:54px; margin-bottom:10px;}
.xinwen ul li:first-child a h1 { color:#bb8640;}
.xinwen ul li:first-child .xw_right span b{ line-height:44px;color:#bb8640; border:#4D3C22 solid 1px; padding:10px 60px;border-radius: 22px;}
.xinwen1 ul li{display: block; overflow:hidden; margin-bottom:30px; border-top:#313131 solid 1px; background-color:#161616;}
.xinwen1 ul li .xw_left { display: block; overflow: hidden; margin-right: 250px; margin-top: 30px; padding-left: 30px;}
.xinwen1 ul li .xw_left h1{ font-size:22px; overflow:hidden;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height:54px;}
.xinwen1 ul li .xw_left p{ line-height:38px;overflow:hidden;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:30px;}
.xinwen1 ul li .xw_right{ float:right; width:204px; margin:50px 0px; border-left:#949494 solid 1px;}
.xinwen1 ul li .xw_right b{display: block; overflow:hidden; text-align:center;font-size:38px; font-weight:100; line-height:50px;}
.xinwen1 ul li .xw_right span{display: block; overflow:hidden; text-align:center;font-size:18px; line-height:40px;}
.xinwen1 ul li a:link,.xinwen1 ul li a:visited { color:#FBFBFB;}
.xinwen1 ul li a:hover { color:#bb8640;} 

.product .subnav ul li {position: relative;width: 13%;}
.product .subnav ul li .pic img {width: 100%;}
.product .subnav ul li .tt {position: absolute;top: 50%;left: 0;transform: translate(0, -50%);z-index: 1;width: 100%;text-align: center;color: #ffffff;font-size: 18px;}
.product .banner {margin-top: 30px;--swiper-theme-color: #ffffff;--swiper-pagination-color: #bb8640;--swiper-navigation-size: 50px;}.jion1 { display:flex;-ms-flex-align: center !important; align-items: center !important; margin-bottom:60px;}
.jion1 li {text-align: left; width:24%; margin-right:1.3%;}
.jion1 li:last-child{ margin-right:0px;}
.jion1 li>img,.jion1 li .item>img,.jion5 img,.jion31 img,.jion32 img{ width:100%;}
.jion1 li .item{display:block; overflow:hidden;position:relative;}
.jion1 li .item1{position:absolute; top:0px; width:100%;}
.jion1 li .item1 .item11{display:block; overflow:hidden;margin:54px 7% 20px 7%;}
.jion1 li .item1 .item12{display:block; overflow:hidden;margin:0px 7% 0px 7%; font-size:20px; font-weight:bold;}
.jion1 li .item1 .item13{display:block; overflow:hidden;margin:20px 7% 0px 7%; font-size:16px; line-height:32px;}

.jion2 { display:block; overflow:hidden;margin-bottom:10px;}
.jion2 li { float:left;text-align: left; width:24%; margin-right:1.3%; margin-bottom:30px;}
.jion2 li:nth-child(4n){ margin-right:0px;}
.jion2 li .jion21{display:block; overflow:hidden;}
.jion2 li .jion21 img{ float:left; margin-right:6px;}
.jion2 li .jion21 b{ float:left; color:#bb8640; font-size:22px; line-height:46px; border-bottom:#bb8640 solid 1px; margin-top:8px;}
.jion2 li p{ font-size:15px; color:#989898; line-height:30px; margin-top:14px;}

.stores{margin-bottom: 30px;overflow-x: hidden;}
.stores .bds{margin-top: 0px;}
.stores .bds .swip_stor{ padding: 32px 0 0 4%;}
.stores .bds .swip_stor li{width: 43%;}
.stores .bds .swip_stor li img{ width:100%;}
.stores .bds .swip_stor li h1,.stores .bds .swip_stor li h2{ font-size:22px; color:#bb8640; line-height:45px;}
.stores .bds .swip_stor li h1{ margin-top:10px;}
.stores .bds .swip_stor .swiper-scrollbar { opacity: 1 !important; position: static; width: 100%; margin-top: 40px; background: #313131; height: 4px;}
.stores .bds .swip_stor .swiper-scrollbar-drag {height: 4px; border-radius: 2px; background: #B88543; position: relative; top: 0px;}
.jion4 { display:block; overflow:hidden;margin-bottom:40px;}
.jion41{ float:left; width:9%;}
.jion42{ float:left; width:3%; margin:0px 3%;}
.jion5 { display:block; overflow:hidden;margin-bottom:0px;}
.product .banner .swiper-slide {position: relative;}
.product .banner .swiper-slide .pic img {width: 100%;}
.product .banner .swiper-slide .info {position: absolute;top: 0;right: 0;z-index: 1;width: 35%;height: 100%;background: rgba(0, 0, 0, .54);padding: 0 5%;}
.product .banner .swiper-slide .info h4 {color: #ffffff;font-size: 60px;}
.product .banner .swiper-slide .info h4 p {font-size: 36px;}
.product .banner .swiper-slide .info span {display: block;width: 200px;height: 47px;line-height: 45px;text-align: center;border: solid 1px #bb8640;border-radius: 30px;margin-top: 50px;color: #bb8640;font-size: 18px;}
.product .content {margin: 25px 0px;}
.product .content ul {margin-top: -45px;}
.product .content ul li {width: calc(25% - 21px);margin-top: 30px;margin-right: 28px;}
.product .content ul li:nth-child(4n) {margin-right: 0;}
.product .content ul li .pic {overflow: hidden;}
.product .content ul li .pic img {width: 100%;transition: all .5s;}
.product .content ul li:hover .pic img {transform: scale(1.1)}
.product .content ul li .tt_more {padding-top: 10px;}
.product .content ul li .tt_more h4 {color: #ffffff;font-size: 24px;}
.product .content ul li:hover .tt_more h4 {color: #bb8640;}
.product .content ul li .tt_more span {color: #bb8640;font-size: 18px;text-transform: uppercase;}
.productDetails .intro .left {width: 50%;}
.productDetails .intro .left img {width: 100%;}
.productDetails .intro .right {width: 50%;height: 570px;overflow-y: scroll;padding: 0 3%;font-size: 18px;line-height: 48px;border-right: solid 1px #ffffff;}
.productDetails .intro .right h3 {color: #ffffff;font-size: 30px;line-height: 60px;}
.productDetails .intro .right ul {margin-top: 15px;}
.productDetails .intro .right ul li {display: flex;}
.productDetails .intro .right ul li h4 {flex-shrink: 0;color: #bb8640;font-size: inherit;line-height: inherit;}
.productDetails .content {margin-top: 70px;color: #989898;font-size: 18px;line-height: 48px;}
.productDetails .content img {max-width: 100%;}



.pageList{ line-height:40px; padding:20px 0px; text-align:center; font-size:16px; border-top:#BA8543 solid 1px; border-bottom:#BA8543 solid 1px;}
.a1{ color:#b9b9b9; margin-right:10px;}
.p_n1{ border:1px solid #BB8640; padding:3px; padding-left:8px; padding-right:8px; text-align:center; color:#b9b9b9; background:#BB8640;}
.p_n2:hover a{ color:#b9b9b9;}
.p_n2 a.a1:hover{ color:#b9b9b9;}
.p_n2{border: 1px solid #000;padding: 3px;padding-left: 8px;padding-right: 8px;text-align: center;background: #000;color: #b9b9b9;margin-left: 4px;margin-right: 4px;}
.pageList a{ color:#b9b9b9;}

.footer{width:100%; overflow:hidden; background-color:#313131; padding:30px 0px;}
.end{ display:block; overflow:hidden; margin:0px 4% 28px 4%; color:#ffffff;}
.end1{display:block; overflow:hidden; margin-right:550px;}
.end11{ float:left; margin-right:80px;}
.end12{display:block; overflow:hidden; font-size:16px; line-height:35px;}
.endt a:link,.endt a:visited,.end12 a:link,.end12 a:visited { color:#fff;}
.endt a:hover,.end12 a:hover { color:#bb8640;} 


.end2{ float:right; width:548px;}
.end21{ float:left; width:280px;}
.endt{display:block; overflow:hidden; font-size:18px; line-height:26px;}
.endt1{display:block; overflow:hidden; margin:16px 0px 10px 0px;}
.end211{display:block; overflow:hidden; font-size:16px; line-height:35px;}
.end2111{ float:left; width:31px;}
.end2112{ float:right; width:249px;}
.end22{ float:left; width:236px;}
.endt2{display:block; overflow:hidden; font-size:18px; line-height:26px; text-align:right;}
.endt3{display:block; overflow:hidden; margin:16px 0px 30px 0px; text-align:right;}
.end221{display:block; overflow:hidden;}
.end2211{ float:right; width:147px; margin-top:4px;}
.end22111{ float:left; background-color:#F4F9FF; padding:8px; width:136px; height:136px;}
.end22111 img{ width:120px;}
.end22112{ float:left; width:11px;}
.end2212{ float:right; width:24px; margin-left:3px;}
.end2212 li{display:block; overflow:hidden; margin-bottom:6px;}
#show1{ display:block;}
#show2,#show3,#show4,#show5{ display:none;}
#show2 .end22112{ margin-top:26px;}
#show3 .end22112{ margin-top:56px;}
#show4 .end22112{ margin-top:86px;}
#show5 .end22112{ margin-top:116px;}
.footer1{ display:block; overflow:hidden; margin:0px 4%; border-top:#5F5F5F solid 1px; line-height:48px; text-align:center; color:#989898; font-size:16px;}
.footer1 a:link,.footer1 a:visited { color:#989898;}
.footer1 a:hover { color:#bb8640;} 

@media screen and (min-width: 1400px) {
.pc{display: block;}
.mobile{display: none;}
.index_banner{min-width:1400px;}
}
@media(max-width:1399px) {
.pc{display: block;}
.mobile{display: none;}
.header{min-height: 110px;}
.logo{width:24%; margin:0px 1% 0px 1%;}
.topright{width:73%; margin-right:1%; margin-top:14px;}
.header_nav ul li{ padding:0px 16px; font-size:17px;}
.swiper-slide .bannertxt{font-size:16px;}
.swiper-slide .bannertxt p{ font-size:32px;}
.swiper-slide .bannertxt .txt1{ font-size:22px;}
.pord .pordr{ font-size:16px;}
.pord .pordr h1{ margin:80px 0px 10px 24px;font-size:32px;}
.pord .pordr h2{font-size:22px; margin-left:24px;}
.index1,.index2{font-size:16px;}
.index11,.index12{ height:440px;}
.index111 h1{font-size:28px;}
.index121 h1{font-size:28px;}
.index121 .tel{font-size:28px;}
.index2_t span{font-size:28px; padding:18px 0px; color:#C78346; border-top:#C78346 solid 8px;}
.jion4 img{width: 100%;}
.guider ul li{margin-left:2px;}
.aboutl .title,.about21 .title,.about31 .title,.pmain .title, .jmain .title{ font-size:48px;}
.aboutr{ text-align:right;}
.aboutr img{ width:76%;}
.about11{ width:40%;}
.about12{ width:48%; margin-right:4%;}
.gdata { padding-bottom:20px;}
.gdata .line{ margin: 0 8%;}
.about121{font-size:16px; line-height:32px;}

.end1{margin-right:480px;}
.end11{ margin-right:18px;}
.end2{ float:right; width:480px;}
.end21{ float:left; width:280px;}
.end2112{ float:right; width:240px;}
.end22{ float:left; width:200px;}
}
@media screen and (max-width: 1200px) {
.pc{display: none !important;}
.mobile{display: block;}
.header{width:100%; min-height:3.1rem; border-bottom:#755428 solid 0.15rem; padding:0.6rem 0rem 0.1rem 0rem;position: relative;}
.logo{ float:left; width:50%; margin:0px 1% 0px 4%;}
.header .menu { float:right;align-items: center;color: #fff;width: auto;background: none;margin: 0; margin-right:1%;}
.header .menu i {font-size: 1.5rem;color: #bb8640;}
.bi::before{vertical-align:0.5rem;}
.side-box {
position: fixed;
top: 0rem;
width: 7.5rem;
right: -7.5rem;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
z-index: 1200;
color: rgba(0, 0, 0, 1);
transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: right .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.side-cut {
position: relative;
width: 10rem;
float: right;
height: 100%;
}
body.open .side-shadow {
opacity: 1;
visibility: visible;
}
body.open .side-box {
width: 200%;
right: 0;
}
.side-bin {
width: 100%;
background: rgba(255, 255, 255, .975);
height: 100%;
z-index: 2;
position: relative;
transition: .3s .1s;
-moz-transition: .3s .1s;
-ms-transition: .3s .1s;
-o-transition: .3s .1s;
-webkit-transition: .3s .1s;
}
.side-nav>ul {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
.nav-first {
display: block;
position: relative;
margin: 0 0 .025rem 0;
list-style: none;
cursor: pointer;
opacity: 0;
transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
-webkit-transform: translateY(50%);
transition-property: opacity, transform !important;
-moz-transition-property: opacity, transform !important;
-ms-transition-property: opacity, transform !important;
-o-transition-property: opacity, transform !important;
-webkit-transition-property: opacity, transform !important;
transition: .6s .95s;
-moz-transition: .6s .95s;
-ms-transition: .6s .95s;
-o-transition: .6s .95s;
-webkit-transition: .6s .95s;
}
.nav-first:nth-child(1) {
transition: .6s .4s;
-moz-transition: .6s .4s;
-ms-transition: .6s .4s;
-o-transition: .6s .4s;
-webkit-transition: .6s .4s;
}
.nav-first:nth-child(2) {
transition: .6s .5s;
-moz-transition: .6s .5s;
-ms-transition: .6s .5s;
-o-transition: .6s .5s;
-webkit-transition: .6s .5s;
}
.nav-first:nth-child(3) {
transition: .6s .59s;
-moz-transition: .6s .59s;
-ms-transition: .6s .59s;
-o-transition: .6s .59s;
-webkit-transition: .6s .59s;
}
.nav-first:nth-child(4) {
transition: .6s .67s;
-moz-transition: .6s .67s;
-ms-transition: .6s .67s;
-o-transition: .6s .67s;
-webkit-transition: .6s .67s;
}
.nav-first:nth-child(5) {
transition: .6s .74s;
-moz-transition: .6s .74s;
-ms-transition: .6s .74s;
-o-transition: .6s .74s;
-webkit-transition: .6s .74s;
}
.nav-first:nth-child(6) {
transition: .6s .8s;
-moz-transition: .6s .8s;
-ms-transition: .6s .8s;
-o-transition: .6s .8s;
-webkit-transition: .6s .8s;
}
.nav-first:nth-child(7) {
transition: .6s .85s;
-moz-transition: .6s .85s;
-ms-transition: .6s .85s;
-o-transition: .6s .85s;
-webkit-transition: .6s .85s;
}
.nav-first:nth-child(8) {
transition: .6s .89s;
-moz-transition: .6s .89s;
-ms-transition: .6s .89s;
-o-transition: .6s .89s;
-webkit-transition: .6s .89s;
}
.nav-first:nth-child(9) {
transition: .6s .92s;
-moz-transition: .6s .92s;
-ms-transition: .6s .92s;
-o-transition: .6s .92s;
-webkit-transition: .6s .92s;
}
.nav-first:nth-child(10) {
transition: .6s .94s;
-moz-transition: .6s .94s;
-ms-transition: .6s .94s;
-o-transition: .6s .94s;
-webkit-transition: .6s .94s;
}
body.open .nav-first {
opacity: 1;
transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
}
.nav-first>a:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0%;
height: 100%;
background: #bb8640;
z-index: 2;
transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-ms-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
-webkit-transition: width .3s ease-in-out;
}
body.open .nav-first.active>a:before {
width: 100%;
transition: width .3s 1s;
-moz-transition: width .3s 1s;
-ms-transition: width .3s 1s;
-o-transition: width .3s 1s;
-webkit-transition: width .3s 1s;
}
.nav-first:hover a:before {
width: 100%;
}
.side-nav>ul:hover>.nav-first.active>a:before {
width: .075rem;
transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-ms-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
-webkit-transition: width .3s ease-in-out;
}

.side-nav>ul:hover>.nav-first.active:hover>a:before {
width: 100%;
}
.nav-first>a {
position: relative;
z-index: 3;
display: block;
padding: .5rem .75rem;
color: rgba(0, 0, 0, .9);
}
.nav-first>a:after {
display: table;
clear: both;
content: ''
}

.nav-first>a>i {
float: left;
position: relative;
z-index: 3;
padding: 0 .375rem 0 .025rem;
line-height: 1.75rem;
font-size: .55rem;
}
.nav-first>a>b {
float: left;
font-weight: normal;
position: relative;
z-index: 3;
font-size: .7rem;
}
body.open .nav-first:hover>a,
body.open .nav-first.active>a,
.side-nav>ul:hover>.nav-first.active:hover>a {
color: rgba(255, 255, 255, 1);
transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
-webkit-transition: color .3s;
}
.side-nav>ul:hover>.nav-first.active>a {
color: rgba(0, 0, 0, .9);
transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
-webkit-transition: color .3s;
}
body.open .nav-first.active>a {
color: rgba(255, 255, 255, 1);
transition: color .3s 1s;
-moz-transition: color .3s 1s;
-ms-transition: color .3s 1s;
-o-transition: color .3s 1s;
-webkit-transition: color .3s 1s;
}
.nav-first>a>p,
.side-nav>ul:hover>.nav-first.active>a>p {
position: absolute;
top: 50%;
right: .75rem;
color: rgba(255, 255, 255, 1);
background: rgba(0, 0, 0, .4);
font-family: 'AddFont';
padding: .15rem;
border-radius: 50%;
line-height: 1;
margin: 0;
font-size: .3rem;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 3;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
}
body.open .nav-first:hover>a>p,
body.open .nav-first.active>a>p,
.side-nav>ul:hover>.nav-first.active:hover>a>p {
color: #2E2E2E;
background: rgba(255, 255, 255, .8);
}
body.open .nav-first.active>a>p {
color: #2E2E2E;
background: rgba(255, 255, 255, .8);
transition: .3s 1s;
-moz-transition: .3s 1s;
-ms-transition: .3s 1s;
-o-transition: .3s 1s;
-webkit-transition: .3s 1s;
}
.side-shadow {
width: 99.975rem;
height: 100%;
background: rgba(0, 0, 0, .7);
position: absolute;
z-index: 1;
top: 0;
right: 100%;
opacity: 0;
visibility: hidden;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
}
.nav-first>i {
display: block;
position: absolute;
width: 1.9rem;
height: 100%;
right: 0;
top: 0;
z-index: 4;
cursor: pointer;
}
.nav-first.mobile-active>i:before {
background: rgba(255, 255, 255, 1);
}
.nav-first>i:before {
position: absolute;
content: '';
width: .5rem;
height: .1rem;
margin-left: -0.2rem;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
background: #2E2E2E;
top: 50%;
left: 50%;
}
.nav-first>i:after {
position: absolute;
content: '';
width: .1rem;
height: .5rem;
margin-top: -0.2rem;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
background: #2E2E2E;
left: 50%;
top: 50%;
}
.nav-first.active>i:before,
.nav-first.active>i:after,
.nav-first:hover>i:before {
background: rgba(255, 255, 255, 1);
}
.nav-first:hover>i:after {
background: rgba(255, 255, 255, 1);
}
.nav-first.mobile-active>a:before {
width: 100%;
}
.nav-first.mobile-active>a>i,
.nav-first.mobile-active>a>b {
color: rgba(255, 255, 255, 1);
}
.nav-first.mobile-active>a>p {
color: rgba(255, 255, 255, 1);
}
.nav-first.mobile-active>ul {
padding: .025rem 0 0 0;
height: auto;
}
.nav-first.mobile-active>i:before {
background: rgba(255, 255, 255, 1);
}
.nav-first.mobile-active>i:after {
display: none;
}
.nav-second {
margin: 0 0 .025rem 0;
list-style: none;
padding: 0;
border-bottom: solid .025rem #ccc;
}
.nav-second>ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav-second>a {
padding: .25rem .75rem;
line-height: 1.5rem;
display: block;
position: relative;
}
.nav-second>a>b {
display: block;
font-size: .6rem;
font-weight: normal;
color: rgba(0, 0, 0, .8);
position: relative;
z-index: 1;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
}
.nav-second>a:after {
background: #bb8640;
content: '';
width: 0;
height: 100%;
position: absolute;
z-index: 0;
top: 0;
left: 0;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
}
.nav-second:hover>a:after {
width: 100%;
}
.nav-second>ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav-second>ul:after {
display: block;
content: '';
clear: both;
}
.nav-second:hover>a>b {
color: rgba(255, 255, 255, 1);
}
.nav-third {
display: block;
line-height: none;
padding: .025rem 0 0 0;
margin: 0 .75rem;
}
.nav-third>a {
padding: 0 .75rem;
line-height: 1.25rem;
margin-bottom: .025rem;
background: rgba(0, 0, 0, .08);
display: block;
position: relative;
}
.nav-third>a>b {
display: block;
font-weight: normal;
color: rgba(0, 0, 0, .9);
}
.nav-third>a:after {
background: #2E2E2E;
content: '';
width: 0;
height: 100%;
position: absolute;
z-index: 0;
top: 0;
left: 0;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
}
.nav-third>a>b {
position: relative;
z-index: 1;
color: rgba(255, 255, 255, 1);
font-weight: normal;
transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
}
.nav-third:hover>a:after {
width: 100%;
}
.nav-third:hover>a>b {
color: rgba(255, 255, 255, 1);
}
.side-foot {
padding: .75rem .75rem .625rem .75rem;
text-align: left;
overflow: hidden;
}
.side-phone {
border-bottom: .025rem solid rgba(0, 0, 0, .15);
line-height: 1;
margin-bottom: .5rem;
padding-bottom: .5rem;
opacity: 0;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: .6s .4s;
-moz-transition: .6s .4s;
-ms-transition: .6s .4s;
-o-transition: .6s .4s;
-webkit-transition: .6s .4s;
transition-property: opacity, transform !important;
-moz-transition-property: opacity, transform !important;
-ms-transition-property: opacity, transform !important;
-o-transition-property: opacity, transform !important;
-webkit-transition-property: opacity, transform !important;
}
.side-phone:after {
display: block;
clear: both;
content: '';
}
body.open .side-phone {
transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
opacity: 1;
-o-transform: translateY(0);
-webkit-transform: translateY(0);
}
.side-phone P {
float: left;
margin: 0;
line-height: 1;
}
.side-phone p b {
display: block;
font-family: 'AddFont';
font-weight: normal;
color: rgba(0, 0, 0, .6);
margin-bottom: .125rem;
}
.side-phone p a {
display: block;
font-family: 'AddFont';
color: rgba(0, 0, 0, 1);
font-size: .55rem;
letter-spacing: -0.025rem;
}
.side-phone i {
float: right;
display: block;
font-size: .7rem;
color: rgba(255, 255, 255, 1);
background: rgba(0, 0, 0, .8);
padding: .1rem .1rem 0 .1rem;
margin-top: .225rem;
cursor: pointer;
}
.side-phone i:hover {
background: rgba(0, 0, 0, .8);
transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
}
.side-text {
white-space: pre-wrap;
padding-top: .25rem;
color: rgba(0, 0, 0, 1);
opacity: 0;
font-family: 'Addfont', Microsoft Yahei;
transform: translateY(.75rem);
-moz-transform: translateY(.75rem);
-ms-transform: translateY(.75rem);
-o-transform: translateY(.75rem);
-webkit-transform: translateY(.75rem);
transition: .6s .4s;
-moz-transition: .6s .4s;
-ms-transition: .6s .4s;
-o-transition: .6s .4s;
-webkit-transition: .6s .4s;
transition-property: opacity, transform !important;
-moz-transition-property: opacity, transform !important;
-ms-transition-property: opacity, transform !important;
-o-transition-property: opacity, transform !important;
-webkit-transition-property: opacity, transform !important;
}
body.open .side-text {
transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
opacity: 1;
-o-transform: translateY(0);
-webkit-transform: translateY(0);
}
.nav-first>ul {
list-style: none;
margin: 0 !important;
padding: 0;
display: block;
overflow: hidden;
width: auto !important;
height: 0;
background: rgba(0, 0, 0, .03);
}
.swiper-slide .bannertxt{width:70%; left:15%; top:20%;font-size:0.45rem;}
.swiper-slide .bannertxt p{ font-size:0.8rem;}
.swiper-slide .bannertxt .txt1{ font-size:0.6rem;}
.swiper-slide .bannertxt .bmore{  margin-top:0.45rem;}
.swiper-slide .bannertxt .bmore a{ border:#bb8640 solid 0.025rem; margin:0rem 0.075rem; line-height:1.125rem; padding:0rem 0.75rem;border-radius:0.55rem;}
.swiper-slide .bannertxt .bmore a.bmore1{ padding:0rem 1.25rem;}

.pord{width:100%; overflow:hidden; margin-top:0.4rem; position:relative;}
.pord .pic{width:100%; overflow:hidden;}
.pord .pordr{ position: absolute; color:#FFFFFF; width:100%; left:0%; top:0; font-size:0.55rem;  height:100%; background:none;}
.pord .pordr h1{display:block; overflow:hidden; margin:0.55rem 0rem 0.3rem 0.6rem;font-size:0.75rem;}
pord .pordr a:hover { color:#c78346;} 
.pord .pordr h2{display:block; overflow:hidden;font-size:0.55rem; margin-left:0.6rem; font-weight:100; line-height:1.6;color:#c78346;}
.pmore{ display:none;}
.index1{width:100%; overflow:hidden; margin-top:0.25rem;color:#ffffff;font-size:0.55rem;}
.index11{display:block; overflow:hidden; float:none; width:100%; height:auto; min-height:11.75rem; background-image:url(../images/bg2.jpg); background-repeat:no-repeat;background-size:100% 100%;}
.index111{display:block; overflow:hidden; margin:1.75rem 6% 0.75rem 6%;}
.index111 h1{font-size:0.75rem; margin-bottom:0.5rem;}
.index111 p{display:block; overflow:hidden; line-height:1rem; margin-bottom:1rem; text-indent:2em;}
.index111 .more{display:block; overflow:hidden; color:#bb8640;text-transform: uppercase;}
.index111 .more a:link,.index111 .more a:visited { color:#bb8640;}
.index111 .more a:hover { color:#fff;} 
.index12{display:block; overflow:hidden;  float:none; width:100%; height:auto; background-image:url(../images/bg3.jpg); background-repeat:no-repeat;background-size:100% 100%;}
.index121{display:block; overflow:hidden; margin:0.75rem 0.75rem 0rem 0.6rem;}
.index121 h1{font-size:0.75rem; margin-bottom:0.5rem;}
.index121 .tel{font-size:0.75rem; margin-bottom:1.4rem;}
.index121 p{display:block; overflow:hidden; line-height:0.85rem; margin-bottom:1.4rem;}
.index2{width:100%; overflow:hidden; margin-top:0.9rem;color:#8e8e8e;font-size:0.55rem;}
.index21{ display:block; overflow:hidden;float:none; width:100%;}
.index211{ display:block; overflow:hidden; float:left; width:89%; min-height:auto; margin:0rem 5% 0.5rem 6%; background-image:none}
.index212{ display:block; overflow:hidden; float:left; width:89%; min-height:auto; margin:0rem 5% 0.5rem 6%; background-image:none}
.index2_t{display:block; overflow:hidden; }
.index2_t span{ display:inline-table;font-size:0.75rem; padding:0.45rem 0rem; color:#C78346; border-top:#C78346 solid 0.25rem;}
.news{display:block; overflow:hidden; margin-right:0%; min-height:auto; }
.news li{display:block; overflow:hidden; margin-bottom:0.45rem; font-size:0.55rem;color:#999999;}
.news li h1{display:block; overflow:hidden; font-weight:100; line-height:1rem; font-size:0.65rem;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news li h1 a:link,.news li h1 a:visited { color:#fff;}
.news li h1 a:hover { color:#bb8640;} 
.news li .times{display:block; overflow:hidden; font-size:0.55rem;color:#d4d4d4; margin-bottom:0.15rem;}
.news li p{display:block; overflow:hidden;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.more1{display:block; overflow:hidden; color:#8e8e8e;text-transform: uppercase; margin-top:0.25rem; margin-bottom:0.3rem;}
.more1 a:link,.more1 a:visited { color:#8e8e8e;}
.more1 a:hover { color:#bb8640;} 
.news1{display:block; overflow:hidden; margin-right:0%; min-height:auto; margin-bottom:0.425rem; }
.news1 li{display:block; overflow:hidden; line-height:0.925rem; font-size:0.55rem;color:#989898;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news1 li a:link,.news1 li a:visited,.news2 li a:link,.news2 li a:visited { color:#989898;}
.news1 li a:hover,.news2 li a:hover { color:#bb8640;} 
.news2{display:block; overflow:hidden; margin-right:0%; min-height:auto; margin-bottom:0.425rem; }
.news2 li{display:block; overflow:hidden; line-height:0.925rem; font-size:0.55rem;color:#989898;word-wrap: break-word; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news2 li span{ float:left; margin-right:0.75rem;}

.index22{display:block; overflow:hidden; float:right; width:100%;}
.index221{display:block; overflow:hidden; margin:0rem 5% 0rem 6%;}

.guide{ padding:0rem 4%; border-bottom:#bb8640 solid 0.025rem; font-size:0.55rem;}
.guidel{ float:left;padding:0.6rem 0rem;}
.pmain{ margin:0rem 4% 0.5rem 4%; min-height:10rem; padding-top:1.5rem}
.jmain{ margin:0rem 4% 0rem 4%; min-height:10rem; padding-top:1.5rem}
.pmainl{ float:left; width:100%;}
.pmainl .pmainl1{ margin:0.3rem 0rem 0.15rem 0rem;}
.pmainl h1{ font-size:0.65rem;}
.pmainl p{ font-size:0.57rem; line-height:1.05rem; margin-bottom:1rem;}
.pmainr{ float:right; width:100%;}
.pmain .etitle{ left:0; top:0.5rem;font-size:2rem;white-space: nowrap;}
.jmain .etitle{ top:1.4rem; font-size:1.24rem;white-space: nowrap;}
.pmain .ttitle{ font-size:0.75rem; margin-bottom:0.85rem;}
.pmain .title,.jmain .title{ font-size:1.25rem; margin-bottom:0.85rem;}
.pmain .title1{ font-size:0.75rem; margin-bottom:1.25rem;}
.pmain .title2,.jmain .title2{ font-size:0.75rem; margin-bottom:0.75rem;}
.jmain .title3{font-size:0.75rem; margin-bottom:0rem;}
.pmain .time{ font-size:0.55rem; margin-bottom:0.75rem;}
.pmain .content{ font-size:0.57rem; line-height:1.05rem;}
.pmain .content img{ max-width:100%;}
.text-c{ margin:0.5rem auto 0.25rem auto;font-size:0.55rem;}
.text-c a{ display:inline-table; font-size:0.55rem; border:#bb8640 solid 0.025rem; margin:0rem 0.125rem; padding:0.05rem 0.15rem;}
.text-c span{font-size:0.55rem;}
.tg { display:block; overflow:hidden;-ms-flex-align: center !important; align-items: center !important; margin-bottom:1rem;}
.tg li{text-align: center; float:left; width:48%; margin-bottom:0.5rem;}
.tg li img{ width:2.85rem;}
.tg li p{font-size:0.55rem;  margin-top:0.8rem;}
.tg .line{ float:left; background:#4F3F1E; width:0.025rem; height:1.95rem;margin: 0.8rem 0% 0 0%;}
.tg1,.tg2{display: block; overflow:hidden; text-align:center; margin-bottom:1rem;}
.tg1{ margin-top:0.5rem; color:#bb8640; font-size:0.55rem; line-height:1.175rem;-ms-flex-align: center !important; align-items: center !important;}
.tg1 img{ width:1.175rem;}
.tg1 .line{  height:0.75rem;margin:0rem 0.65rem -0.25rem 0.65rem;}
.tg1 span{ font-size:0.8rem;}

.jion1 { display:block; overflow:hidden;-ms-flex-align: center !important; align-items: center !important; margin-bottom:1rem;}
.jion1 li { float:left; width:49%; margin-right:2%; margin-bottom:0.5rem;}
.jion1 li:last-child{ margin-right:0rem;}
.jion1 li:nth-child(2n){ margin-right:0rem;}
.jion1 li .item1{ min-height:5.3rem;}
.jion1 li .item1 .item11{margin:6% 7% 0.3rem 7%;}
.jion1 li .item1 .item11 img{ width:1.125rem;}
.jion1 li .item1 .item12{margin:0rem 7% 0rem 7%; font-size:0.55rem;}
.jion1 li .item1 .item13{margin:0.3rem 7% 0rem 7%; font-size:0.55rem; line-height:0.8rem;}
.jion2 {margin-bottom:0.25rem;}
.jion2 li { float:left;text-align: left; width:48%; margin-right:2%; margin-bottom:0.75rem; height:6rem;}
.jion2 li:nth-child(2n){ margin-right:0rem;}
.jion2 li .jion21 img{ float:left; margin-right:0.15rem; width:1.8rem;}
.jion2 li .jion21 b{ font-size:0.55rem; line-height:1.1rem; border-bottom:#bb8640 solid 1px; margin-top:0.1rem;}
.jion2 li p{ font-size:0.5rem; line-height:0.75rem; margin-top:0.35rem;}

.stores{margin-bottom: 0.75rem;}
.stores .bds{margin-top: 0rem;}
.stores .bds .swip_stor{ padding: 0.8rem 0 0 4%;}
.stores .bds .swip_stor li{width: 43%;}
.stores .bds .swip_stor li img{ width:100%;}
.stores .bds .swip_stor li h1,.stores .bds .swip_stor li h2{ font-size:0.55rem; color:#bb8640; line-height:1.125rem;}
.stores .bds .swip_stor li h1{ margin-top:0.25rem;}
.stores .bds .swip_stor .swiper-scrollbar { opacity: 1 !important; position: static; width: 100%; margin-top: 1rem; background: #313131; height: 0.1rem;}
.stores .bds .swip_stor .swiper-scrollbar-drag {height: 0.1rem; border-radius: 0.05rem; background: #B88543; position: relative; top: 0rem;}
.jion4 { display:block; overflow:hidden;margin-bottom:1rem;}
.jion41{ float:left; width:3.85rem; margin-bottom:0.4rem;}
.jion41 img{ width:3.85rem; height:3.1rem;}
.jion42{ float:left; width:1.5rem; margin:0rem 1rem 0.4rem 1rem;}
.jion42 img{ width:1.5rem; height:3.1rem;}
.jion5 { display:block; overflow:hidden;margin-bottom:0rem;}

.subnavcont03 {display: block; margin-top:0.3rem;}
.zsannavbtn03 { padding: .45rem; color: #bb8640; text-align: center; font-size: .65rem;  cursor: pointer; border-bottom: 1px solid #4D3C22;}
.zsannavbtn03 a {color: #bb8640;font-size: .65rem;}
.zsannavbtn03 a:after {display: inline-block;content: "";width: .3rem;height: .3rem;border-left: 1px solid #333333;border-bottom: 1px solid #333333;margin: 0 0 3px 6px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.subnavlist03 ul li a.cur {background-color: #313131;color: #bb8640;}
.subnavlist03 ul li a {display: block;width: 100%;font-size: .55rem;padding: .375rem 0;text-align: center;line-height: 0.65rem;color: #989898;border-bottom: 0.025rem solid #4D3C22;}

.xinwen,.xinwen1{ font-size:0.55rem;}
.xinwen ul li{ margin-bottom:0.7rem;}
.xinwen ul li .xw_left{display: block; overflow: hidden; float:left; width:100%;}
.xinwen ul li .xw_left img{ width:100%;}
.xinwen ul li .xw_right{ margin-left:0rem; width:100%;}
.xinwen ul li .xw_right h1{ font-size:0.55rem; -webkit-line-clamp: 2; line-height:1.35rem;}
.xinwen ul li .xw_right h2{ line-height:0.85rem;}
.xinwen ul li .xw_right p{ line-height:0.85rem;text-indent: 2em;}
.xinwen ul li .xw_right span{ line-height:0.85rem;margin-top:0.5rem;}
.xinwen ul li:first-child{ border-top:#4D3C22 solid 0rem; border-bottom:#4D3C22 solid 0rem;}
.xinwen ul li:first-child .xw_left{display: block; overflow: hidden; width:100%;}
.xinwen ul li:first-child .xw_right{display: block; overflow: hidden; width:100%;margin-left:0%; margin-top:0.3rem;}
.xinwen ul li:first-child .xw_right h1{ font-size:0.55rem; line-height:1.35rem; margin-bottom:0rem;}
.xinwen ul li:first-child a h1 { color:#FBFBFB;}
.xinwen1 ul li{ margin-bottom:0.75rem;}
.xinwen1 ul li .xw_left {margin-right: 3.6rem; margin-top: 0.75rem; padding-left: 0.5rem;}
.xinwen1 ul li .xw_left h1{ font-size:0.55rem;  -webkit-line-clamp: 1; line-height:1.35rem;}
.xinwen1 ul li .xw_left p{ line-height:0.95rem;-webkit-line-clamp: 2; line-height:0.75rem;}
.xinwen1 ul li .xw_right{ float:right; width:3rem; margin:1.25rem 0rem; border-left:#949494 solid 1px;}
.xinwen1 ul li .xw_right b{font-size:0.95rem; font-weight:100; line-height:1.25rem;}
.xinwen1 ul li .xw_right span{font-size:0.45rem; line-height:1rem;}

.about{margin:0rem 4% 1rem 4%; padding-top:2rem; position:relative;}
.aboutl{display: block; overflow:hidden; float:left;white-space: nowrap;}
.aboutl .etitle{ left:0; top:0.8rem; width:100%; font-size:2rem;}
.aboutl .title{ font-size:1.05rem; text-align:center; margin-bottom:0.85rem;}
.aboutr{ display:none;}
.about11{display: block; overflow:hidden; float:left; width:92%;margin:0rem 4% 0rem 4%; }
.about11 img{width:100%;}
.about12{display: block; overflow:hidden; float:right; width:92%;margin:1rem 4% 0rem 4%;}
.gdata { display:flex;-ms-flex-align: center !important; align-items: center !important; padding-bottom:1rem;}
.gdata li {text-align: center; width:33%;}
.gdata .line{ height:1.125rem;margin: 0;}
.gdata .dataitem{ display:block; text-align:center;}
.gdata .dataitem .data{display:inline-table; color:#bb8640; font-size:1.2rem; line-height:0.9rem;}
.gdata .dataitem span{ display:inline-table; font-size:0.55rem; color:#ffffff; line-height:1.2rem; padding-left:0.25rem;}
.gdata .data_dec{font-size:0.55rem; line-height:0.9rem;}
.about121{overflow:hidden;font-size:0.58rem; line-height:1.2rem;}
.about2{ margin:0rem 4% 0rem 4%; padding-top:2rem; min-height:22.5rem;}
.about21 .etitle{ left:0; top:0.8rem; width:100%; font-size:2rem;}
.about21 .title{font-size:1.05rem;}

.lc{margin-top:1.75rem;height: 15.3rem;}
.lc ul{display: block;overflow: hidden;height: 13.5rem;}
.lc ul::before { top: 0rem; left: 50%; width: 1px; height: 14.05rem;}
.lc ul li{display: block; width:50%; margin-left:50%; margin-top:-1.25rem; position: relative;}
.lc ul li .lcline{content: "";position: absolute; top: 0.4rem; left:-0.05rem; width:0.1rem; height:0.75rem;background-image:url(../images/a4.png); background-repeat:no-repeat; background-repeat:no-repeat; }
.lc ul li:first-child{margin-top:0.3rem;}
.lc ul li:nth-child(2n){ margin-right:50%; margin-left:0%;}
.lc ul li:nth-child(2n) .lcline{right:-0.05rem; left:auto;}
.lc ul li .lcdiv{display: block; overflow:hidden; margin-left:9%;}
.lc ul li:nth-child(2n) .lcdiv{ margin-left:0%; margin-right:9%;}
.lc ul li .lcdiv .lcdiv1{display: block; overflow:hidden; float:left; width:100%;}
.lc ul li .lcdiv .lcdiv1 .tt{display: block; overflow:hidden; font-size:0.75rem; color:#bb8640; line-height:1.55rem;}
.lc ul li .lcdiv .lcdiv1 .text{display: block; overflow:hidden; font-size:0.55rem; color:#e5e4e4; line-height:0.8rem;}
.lc ul li .lcdiv .lcdiv2{ display: block; overflow:hidden;float:right; width:100%; margin-top:0.2rem;}
.lc ul li .lcdiv .lcdiv2 img{ width:100%;}
.lc ul li:nth-child(2n) .lcdiv1{ float:right;}
.lc ul li:nth-child(2n) .lcdiv2{ float:left;}
.main3-button-next,.main3-button-prev { position: absolute; bottom: 0rem; left:  47%; z-index: 1;  border:#7d7d7d solid 0.05rem; width: 1.025rem; height: 1.025rem; line-height: 1.025rem; text-align: center; border-radius: 50%; color: #7d7d7d; font-size: 0.7rem;}
.main3-button-prev {top:-1.25rem;}
.main3-button-next:hover,.main3-button-prev:hover { background: #bb8640;border:#bb8640 solid 0.05rem;color: #bfbfbf;}
.bi-chevron-right::before { content: "\f282"; }
.about3{ min-height:21.1rem;}
.about31{margin:0rem 0rem 1.25rem 0rem; padding-top:2.95rem;}
.about31 .etitle{left:0; top:1.8rem; font-size:2rem;}
.about31 .title{ font-size:1.05rem;}
.about32{display: block; overflow:hidden; margin:0px 5% 1.25rem 5%;}
.about321{ width:1.25rem;}
.about321 img{ width:100%;}
.about322{ margin-left:1.675rem;}
.about3221{ font-size:0.75rem; line-height:1rem; margin-bottom:0.5rem;}
.about3222{ font-size:0.55rem; line-height:0.9rem;}
.about4{ padding-top:2rem; min-height:17.5rem;}
.honor{ padding-bottom:0.75rem;}
.honor li{ width:50%; margin:1rem 0rem 1.25rem 0rem;}
.honor1{ width:6.9rem; height:5.1rem; margin:0rem auto;}
.honor1 p{font-size:0.55rem;line-height:0.7rem; margin:1.6rem 1.5rem 0rem 1.5rem; -webkit-line-clamp: 3;}



.footer{ padding:0.75rem 0rem;}
.end{margin:0rem 4% 0.7rem 4%;}
.end2{display:block; overflow:hidden; float:none; width:100%;}
.end21{ float:left; width:8rem;}
.endt{ font-size:0.55rem; line-height:0.65rem;}
.endt1{ margin:0.4rem 0rem 0.25rem 0rem;line-height:0;}
.endt1 img,.endt3 img{ width:0.775rem; height:0.075rem;}
.end211{ font-size:0.55rem; line-height:0.875rem;}
.end2111{ float:left; width:0.775rem;}
.end2111 img{ width:0.55rem; height:0.5rem;}
.end2112{ float:right; width:7.1rem;}
.end22{ float:right; width:6rem;}
.endt2{display:block; overflow:hidden; font-size:0.55rem; line-height:0.65rem; text-align:right;}
.endt3{display:block; overflow:hidden; margin:0.4rem 0rem 0.75rem 0rem; text-align:right;line-height:0;}
.end221{display:block; overflow:hidden;}
.end2211{ float:right; width:3.675rem; margin-top:0.1rem;}
.end22111{ float:left; background-color:#F4F9FF; padding:0.2rem; width:3.4rem; height:3.4rem;}
.end22111 img{ width:3rem;}
.end22112{ float:left; width:0.275rem;line-height:0;}
.end22112 img{ width:0.275rem; height:0.5rem;}
.end2212{ float:right; width:0.6rem; margin-left:0.075rem;}
.end2212 li{display:block; overflow:hidden; margin-bottom:0.15rem;line-height:0;}
.end2212 li img{ width:0.6rem; height:0.6rem;}
#show1{ display:block;}
#show2,#show3,#show4,#show5{ display:none;}
#show2 .end22112{ margin-top:0.65rem;}
#show3 .end22112{ margin-top:1.4rem;}
#show4 .end22112{ margin-top:2.15rem;}
#show5 .end22112{ margin-top:2.9rem;}
.footer1{ display:block; overflow:hidden; margin:0rem 4%; border-top:#5F5F5F solid 0.075rem; line-height:1.2rem; text-align:center; color:#ffffff; font-size:0.55rem;}
}