#dh{width:1400px; font-size:14px; margin:0 auto; height:40px; line-height:40px; border-bottom:1px solid #dfdfdf;}
#list_al{width:100%; overflow:hidden;}
.list_cplb{width:1420px; margin:0 auto 30px; overflow: hidden; }
.list_cplb ul{ width: 100%; overflow:hidden;}
.list_cplb ul li{ width:calc((100% - 92px) / 4); float:left; margin:10px; border:1px solid #e6e7e7; }
.list_cplb ul li:hover{ box-shadow: 0 0 10px #dfdfdf; border:1px solid #fff;}

.cplink{display:block; width:100%;}
.cplink p{width:100%; overflow:hidden;}
.cplink p img{ width:100%; display: block; transition: all .3s ease;}
.cplink:hover img{ transform: scale(1.1);}
.cplink span{width:calc(100% - 40px); padding:0 20px; height:40px; line-height:40px;display:block; text-align:center;background:url(../images/topbg.png); font-weight: 600; font-size:16px; overflow:hidden;} 
.don{ cursor: pointer; width:calc(100% - 40px); padding:0 20px;  background:#f1f1f1;; color:#4b3b2e; display: block; height:40px ;line-height:40px;transition: all .3s ease; text-align:right; }
.don:hover{ background: #4b3b2e; color:#fff;}
.don:hover a{ color:#fff;}
.don a{ display:block; width:100%; height:40px;}
.don span{ display:none;}
/*-------list_cplm-----*/
.list_cplm{width:100%; margin:30px 0 40px;}
.list_cplm ul{width:850px; overflow: hidden; margin:0 auto; text-align:center; }
.list_cplm ul li{ display:inline-block; float:left;margin: 0 10px; width:150px; height:50px; position: relative; }
.list_cplm ul li a{width:148px; height:48px; line-height:24px; color:#776c61; text-align: center; font-size:14px; display: block; border:1px solid #e6e7e7; transition: all 0.6s 0.6s ease;}
.list_cplm ul li a:hover{ color:#fff; background:#00594f; }
.list_cplm ul li:before,.list_cplm ul li:after,.list_cplm ul li a:before,.list_cplm ul li a:after{ content: ""; display: block; background: #00594f; position: absolute;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.list_cplm ul li:before{width:0; height:1px; left:0; top:0;}
.list_cplm ul li:after{width:1px; height:0; right:0; top:0;}
.list_cplm ul li a:before{ width:0; height:1px; right:0; bottom:0;}
.list_cplm ul li a:after{width:1px; height:0; left:0; bottom:0;}
.list_cplm ul li:hover:before{ width:100%;}
.list_cplm ul li:hover:after{height:100%;}
.list_cplm ul li:hover a:before{width:100%;}
.list_cplm ul li:hover a:after{ height:100%;}
/*-------------list_sjs--------------*/
#list_sjs{width:1400px; margin:0 auto;}
#list_sjs ul{width:100%; }
#list_sjs li{width:calc(100% - 20px); overflow: hidden; background:#fff; margin-top:30px; padding:10px; transition: all .6s ease;}
#list_sjs li:hover{box-shadow: 0 0 10px #cfcfcf;}
#list_sjs li a{width:100%; overflow: hidden; display: block;}
.list_sjsl{width:360px; height:360px; float:left;}
.list_sjsl img{width:100%; display:block;}
.list_sjsc{width:420px; float:left; padding:0 30px;}
.list_sjsc h3{ font-size:20px; height:60px; line-height:60px; font-weight:400;}
.list_sjsc strong{ font-weight:400; font-size:18px; display:block; height:40px; line-height:40px; border-bottom:1px solid #dfdfdf;}
.list_sjsc span{ font-size:16px; line-height: 32px; padding-top:10px; display:block;}
.list_sjsr{width:540px; height:360px; float:right;}
.list_sjsr img{display: block;width:100%;}
/*-------------list_sjsxq-----------*/
.sjs_banner{ width: 1920px; z-index:-1; height:550px; position: absolute; left:50%; margin-left:-960px; overflow:hidden;}
.sjs_banner p{ width:100%;}
.sjs_banner p img{width:100%;}
#xq_sjs{box-shadow: 0 0 10px #dfdfdf; width: 1400px; background:rgba(255, 255, 255, 0.8); margin:-120px auto 40px; overflow:hidden;  }
#xq_sjs h2{width:96%; margin:0 auto; height:120px; line-height:120px; border-bottom:2px solid #333; font-size:30px; overflow:hidden;}
.xq_sjsjs{width:96%; margin:30px auto; overflow: hidden;}
.xq_sjsimg{width:50%; float:left;}
.xq_sjsimg img{ width:100%;}
.xq_sjstxt{ width:calc(50% - 30px); float:right; font-size:16px; line-height:36px;}
.xq_sjstxt p{ margin-top:20px; text-indent: 2em;}
.xq_sjsdbz{ width:96%; margin:0 auto;}
.xq_sjsdbz h3{ height:60px; background:#f1f1f1; line-height:60px; padding-left:20px; font-size:20px; font-weight: 100;}
.xq_sjsdbz ul{ width:calc(100% + 20px); overflow: hidden; padding:20px 0;}
.xq_sjsdbz li{ width:calc((100% - 80px) / 4); float:left; margin:10px 20px 10px 0;}
.xq_sjsdbz li img{width:100%;}
/*----------list_news---------*/
#list_news{ width:1400px; margin:0 auto;}
.list_nelb{width:100%;}
.list_nelb li{width:100%; overflow:hidden; border-bottom:1px dashed #dfdfdf; padding:30px 0;}
.ny{width:100px; height:100px;background:#e6e7e7; overflow:hidden; float: left;}
.nia{ font-size:30px; line-height: 30px; padding:10px; color:#4b3b2e; display: block; width:80px; font-weight: lighter;}
.yue{ font-size:20px; line-height: 26px; color:#4b3b2e; display: block;  position: relative; width:80px; padding:10px; font-weight:lighter;}
.yue:before{display: block; content: ""; width:80px; height:1px; background:#4b3b2e; position: absolute; top:0; left:10px; }
.list_netxt{ width:calc(100% - 370px); float:left; padding:0 0 0 30px;}
.list_netxt h3 a{ display: block; font-size:20px; font-weight:400; height:40px; line-height:40px; position: relative; padding-bottom:10px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.list_netxt h3 a:before{ content: ""; display: block; width:160px; height:2px; background:#776c61; position: absolute; left:0;transition: all .6s ease; bottom:0;}
.list_netxt h3 a:hover:before{width:100%;}
.list_netxt span{ display: block ; font-size:14px; color:#776c61; line-height:30px; padding-top:10px; height:60px; display: -webkit-box; overflow: hidden; width:100%; text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.list_neimg{width:210px; height:140px; float:right; overflow: hidden;}
.list_neimg a {display:block; width:100%; }
.list_neimg a img{ width:100%; display:block; transition: all .3s ease;}
.list_neimg a:hover img{ transform: scale(1.1);}

/*---------xp_cp----------*/
.demo-gallery{width:1410px; margin:0 auto 30px; overflow: hidden;}
.demo-gallery > ul {
  overflow: hidden; width:100%;
}
.demo-gallery > ul > li {
    float: left;
    margin:5px;
    width:calc((100% - 60px) / 6);
    padding:4px;
    border:1px solid #dfdfdf;
}
.demo-gallery > ul > li a {
  display: block;
  overflow: hidden;
  position: relative;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
  display:block;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 0.5;
}
.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(255, 255, 255, 0.3);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(255, 255, 255, 0);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.home .demo-gallery {
  padding-bottom: 80px;
}
/*------------zs.html----------*/
#list_zs{width:100%; margin-bottom:60px;}
.list_zslb{width:1400px; overflow: hidden; margin:0 auto;}
.zsgg{width:100%;}
.zsgg img{width:100%;}
.zsxx{width:100%; margin-top: 30px; overflow:hidden; }
.zsxx strong, .zsxx span{ display:block; width:calc(100% - 40px); padding:5px 20px; font-weight:600; font-size:16px; text-align:center; line-height:30px;}
.zsxx span{ font-size:14px; font-weight:400;}
.zsxx p{ width:calc(100% - 2px); border:1px solid #dfdfdf; margin-top:-1px; font-size:0; overflow:hidden; }
.zsxx p strong,.zsxx p span{ padding:0 15px; border-right:1px solid #dfdfdf; font-size:20px; line-height:50px; display:inline-block; text-align:center; font-weight: 400; height:50px; overflow:hidden;}
.zsxx p strong:nth-last-child(1),.zsxx p span:nth-last-child(1){ border-right:none;}
.zsxx p strong:nth-child(1),.zsxx p span:nth-child(1){ width:calc(50% - 31px);}
.zsxx p strong:nth-child(2),.zsxx p span:nth-child(2){ width:calc(25% - 31px);}
.zsxx p strong:nth-child(3),.zsxx p span:nth-child(3){ width:calc(25% - 30px);}
.zsxx p span{ font-size:16px;}

/*-----------list_qy--------*/
#list_qy{width:100%; margin:0 auto;}
.list_qyt{width:1400px; overflow: hidden; margin:0 auto;}
.list_qytimg{ width:600px; float:left;}
.list_qyttxt{ width:calc(100% - 630px); float: right;}
.list_qyttxt h3{ font-weight: 400; font-size: 20px; height:60px; line-height:60px;}
.list_qyttxt span{ font-size:16px; line-height:36px; display: block; word-break:break-all; text-indent: 2em;}
.list_qyc{margin: 40px auto; padding:40px 0; height:404px; overflow:hidden;}
.list_qycn{ width:1400px; margin:0 auto;}
.list_qycimg{ width:600px; float:right; border: 2px solid #fff;}
.list_qyctxt{color:#fff; width:calc(100% - 640px); float:left;}
.list_qyctxt h3{ font-size:30px; height:60px ;line-height:60px; font-weight:100;}
.list_qyctxt span{ font-size:16px; line-height:36px;}
.list_qyb{ width:1400px; margin:0 auto 30px;}
.list_qybtxt{width:100%; overflow:hidden;}
.list_qybtxt h3{width:100%; font-size:30px; height:60px; line-height:60px; text-align:center; font-weight:400;}
.list_qybtxt span{width:100%; text-align:center; font-size:16px; line-height:36px; display:block; margin-top:30px; }
.list_qybimg{ width:100%; overflow: hidden;}
.list_qybimg p{width:calc(50% - 15px); float:left; text-align:center; }
.list_qybimg p img{ display:inline-block;}
.list_qybimg p:nth-child(even){ float:right;}
#listxp{width:1400px; margin:0 auto;}
.listbt{width:100%; line-height:40px; font-size:36px; padding-top:30px; color:#4b3b2e; padding-bottom:30px;}
.listime{ display: block; border-bottom:1px solid #4b3b2e; padding-bottom:10px; font-size:16px; height:30px; line-height:30px; color:#776c61;}
.xwnr{width:100%; overflow: hidden; padding-top:20px;}
.xwnr p{ margin-top:15px; font-size:16px; line-height:30px;}
.xwnr p img{ margin:0 auto; }
.f14{ max-width:1400px; margin:30px auto 0; border-top:1px solid #4b3b2e;}
.f14 {padding:30px 0; overflow: hidden;}
.f14 strong,.f14 a{ font-size:16px; line-height:50px;}
.qy_zdy{width:1000px; margin:0 auto;}
.qy_zdy p img{ margin:0 auto;}
/*------------rlzy------------*/
.list_rlzy{ width:1400px; margin:20px auto 30px; }
.list_rlzy ul{width:100%; overflow:hidden;}
.list_rlzy ul li{ width:calc((100% - 80px) / 4); float:left; margin:10px; transition: all .3s ease;}
.list_rlzy ul li:hover{box-shadow: 0 0 10px #dfdfdf;}
.rlzynr{ width:calc(100% - 22px); border:1px solid #dfdfdf; border-radius: 5px; padding:10px; overflow:hidden; background:#f6f6f6; }
.rlzynr p{ width:100%; border-bottom:1px solid #4b3b2e; font-size:20px; line-height:40px; margin-bottom:10px;}
.rlzynr span{ display: block; width:100%; line-height:36px; font-size:16px; }
.txtlx{ width:1400px; padding:20px 0; border-bottom:1px solid #dfdfdf; margin:0 auto; text-align:center;}
.txtlx span{ color:#444; font-size:20px; line-height:40px; padding: 0 20px; }

/*---------ly----------*/
#ly{width:700px; overflow:hidden; margin:30px auto; padding-left:700px;}
#ly p{width:700px; overflow:hidden; margin:0 auto 20px;}
#ly span{width:60px; text-align:right; height:36px; line-height:36px; display:block; float:left; padding-right:10px; }
#ly strong{width:482px; float:left;}
#ly p strong input{width:480px; height:36px; border:1px solid #dfdfdf; }
#ly p textarea{ width:600px; height:180px; border:1px solid #dfdfdf;}
#ly p strong i{ font-style:normal; display:block; font-weight:400; line-height:30px; color:#db0000; }
#ly .lytj{ padding:0 0 0 70px; }
.lytj input{width:180px; height:40px; border:1px solid #dfdfdf; margin-right:30px;}
#bz{width:1400px; margin:20px auto;}
#bz p{ font-size:20px; line-height:36px; text-align:center;}
/*------------list_px-------------*/
#list_px{max-width:1400px; margin:0 auto 20px;}
.list_pxnr{width:100%;}
.list_pxnr ul{width:100%; }
.list_pxnr ul li{width:100%; overflow:hidden; }
.pximg{ width:150px; height:100px; padding:5px; float:left; border:1px solid #dfdfdf; }
.pximg img{width:150px; height:100px;}
.pxtxt{width:calc(100% - 264px); float:left; border:1px solid #dfdfdf; margin-left:-1px;}
.pxtxt strong,.pxtxt h3,.pxtxt span{ width:calc(30% - 41px); float:left; padding:20px; font-size:16px; display:block; font-weight:400; height:70px; border-right:1px solid #dfdfdf; }
.pxtxt span{ width:calc(40% - 40px);border-right:none;}
.pxxz{width:100px; height:110px; float:right; border:1px solid #dfdfdf; margin-left:-1px; border-left:none; }
.pxxz a{ font-size:0; text-indent: -999; display:block; width:50px; height:50px; margin:30px auto;border-radius:8px; background: url(../images/xzimg.png) center no-repeat;}
.pxxz a:hover{ background: url(../images/xzimg.png) center no-repeat;}

#pfck{width:60px; height:140px; position: fixed; top:60px; right:20px; z-index:9999;}
#pfck .lg-download{ display:block; width:60px; height:60px; text-align:center; color:#ccc; font-size:30px; line-height:60px; background:rgba(0, 0, 0, 0.5); cursor: pointer;}
#pfck .lg-close span{display: block; width:60px; height:60px;}

#pfck .lg-download:after {
  content: "\e0f2";
}
#cpmm,#xzmm{ display:none; background: rgba(0, 0, 0, 1); width:100%; height:100vh; position: fixed; z-index:99999; top:0; left: 0;}
.gknr{width:400px; background:#fff; position: absolute; top:200px; left:50%; margin-left:-200px; border-radius: 8px; padding:40px; box-sizing: border-box; }
.gknr p input,.gknr p button{ margin-top:20px; width:100%; height:40px; border-radius: 8px; border:1px solid #776c61; }
.gknr h3{ width:100%; color:#4b3b2e; font-weight:400; font-size:20px; line-height:20px; border-bottom:1px solid #dfdfdf; padding-bottom:20px;}
.gknr strong{ display:block; width:100%; margin-top:20px; color:#776c61; font-size:16px;}
.gknr strong a{ color:#db0000; font-size:16px;}
.gbxz,.gkxz{ width:60px; height:60px; background:#000; border-radius: 30px; float:right;  margin-top:-70px; margin-right:-70px;border:3px solid #dfdfdf; box-sizing: border-box;}
.gbxz .lg-close,.gkxz .lg-close{ display:block; width:54px; height:54px; color:#fff; text-align:center; line-height:54px; font-size:30px; cursor: pointer; }
.gbxz .lg-close:after,.gkxz .lg-close:after {
  content: "\e070";
}
.dnsn{ display:none !important;}
#gkmm,#pfmm,#xzlink,#cptm{ display:none;}


.xwnr tbody{ border:1px solid #dfdfdf; display: block;}
.xwnr tr{ border-bottom:1px solid #dfdfdf; display: block; border-right:1px solid #dfdfdf;}




/*------list_cplb---------*/
.don{ display: none;}
#pfck{ display:none;}


/*-------专卖店---------*/
.zmdbt{ width:100%; padding:60px 0; overflow: hidden;}
.zmdbt h2{ font-size:42px; line-height:60px; text-align: center; font-weight: 400;}
.zmdbg{ width:100%; overflow:hidden;}
.zmdbg td{ text-align:center; line-height:40px;}