@charset "utf-8";
  /* CSS Document */
html {
  font-size:62.5%;/* 16x62.5%=10 */
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,pre,th,td,dl,dd,form,fieldset,legend,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  margin:0;
  padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display:block;
}
a {
  background-color:transparent;
  text-decoration:none;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
}
a:active,a:hover {
  }
abbr[title] {
  border-bottom:1px dotted;
}
img {
  border: none;
  vertical-align: middle;
}
ol,dl,dt,dd,ul,li {
  list-style:none
}
.clear {
  clear:both;
}
.clearfix:after {
  clear:both;
  display:block;
  content:".";
  width:0px;
  height:0px;
  visibility:hidden;
}
body {
  font-family:'Microsoft YaHei,Arial',\5FAE\8F6F\96C5\9ED1;
  line-height:87%;
  font-size: 14px;
}
.wrapper {
  width: 100%;
  min-width: 320px;
  max-width: 640px;
  margin: auto;
}
.center {
  width: 94%;
  margin: auto;
}

/*头部开始*/
.header {
  position: relative;
}
.h-logo {
  position: absolute;
  top: 3%;
  left: 4.6%;
  z-index: 2;
  width: 18%;
}
.h-logo img {
  width: 100%;
}
.header > a {
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	position: absolute; 
	right: 14%; 
	top: 6.6%; 
	z-index: 2;
	display:block; 
	padding: 1% 2%;
	background-color: rgba(0,0,0,0.6); 
	border-radius: 4px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media only screen and (min-width: 100px) and (max-width: 480px) {
	.header > a {
		font-size: 12px;
	}
}
/*菜单开始*/
.h-nav {
  position: absolute;
  top: 3%;
  right: 3%;
  z-index: 2;
  padding: 4.2%;
  background: url(../images/nav-pic_03.png) no-repeat center;
  background-size: 60% 58%;
  background-color: rgba(244,174,81,0.9);
  border-radius: 0.3rem;
  cursor: pointer;
  line-height: 140%;
  font-size: 1.5rem;
  overflow: hidden;
  -webkit-tap-highlight-color:rgba(255,255,255,0);
  transition: .4s;
  width: 0;
  height: 0;
}
.header div.clicked {
  width: auto;
  height: auto;
  background-image: none;
  background-color:rgba(0,0,0,0.8);
}
.h-nav .out-menu {
  border-top: solid 0.1rem #FFFFFF;
}
.h-nav .out-menu > li {
  border-bottom: solid 0.1rem #FFFFFF;
  display: flex;
}
.h-nav .out-menu > li a {
  display: inline-block;
  color: #FFFFFF;
  padding: 10% 0;
}
.h-nav .out-menu > li:before, .h-nav .out-menu > li:after {
  content: " ";
  padding: 0 1rem;
}
/*菜单结束*/

.h-banner .banner-slide img {
  width: 100%;
}
.h-banner .banner-pagination span {
  width: 10%;
  height: 0.4rem;
  background-color: #FFFFFF;
  border-radius: 0;
}
.swiper-pagination-bullets {
  top: 93.4%;
}
.h-search {
  padding: 2.5% 0;
  background-color: #F5F4F4;
}
.h-search form {
  position: relative;
  width: 26rem;
  margin: auto;
}
.h-search input{
  outline: none;
  display: inline-block;
}
.h-search input[type="text"]{
  width: 20.2rem;
  padding: 0.9rem 4.2rem 0.9rem 1.4rem;
  margin: 0;
  border: solid 0.1rem #D4D3D3;
  color: #8F8E8E;
  font-size: 1.3rem;
  border-radius: 4rem;
  transition: .4s;
}
.h-search input[type="text"]:focus {
  border-color: #FBBD5D;
  box-shadow: 0 0 0.6rem 0.1rem #FBBD5D;
}
.h-search input[type="submit"]{
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  top: 50%;
  right: 1.3rem;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: url(../images/search-pic_06.png) no-repeat center;
  background-size: 100%;
  border: none;
  cursor: pointer;
}
/*头部结束*/
/**/
.page-content .ueditor_baidumap {
	max-width: 100%;
}
/**/
/*尾部开始*/
.footer {
  padding-bottom: 10%;
}
.footer:before {
	content: "";
	display: inline-block;
	width: 100%;
	clear: both;
}
.f-top {
  padding-top: 8.4%;
  background: url(../images/pic6_03.png) no-repeat center bottom;
  background-size: auto 100%;
  margin-bottom: -4.2%;
  position: relative;
}
.f-con {
  padding-top: 4%;
  background: #884733;
}
.f-nav {
  text-align: center;
}
.f-nav ul, .f-link ul {
  overflow: hidden;
  padding: 4% 0;
}
.f-nav ul li, .f-link ul li {
  display: inline-block;
  padding: 0 2%;
  width: 15%;
  line-height: 140%;
  font-size: 1.4rem;
}
.f-nav ul li a, .f-link ul li a{
  color: #F2E3E0;
  transition: .4s;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.f-nav ul li a:hover, .f-link ul li a:hover {
  color: #e2b64c;
}
.f-bd {
  border-top: solid 1px #DC9B87;
  border-bottom: solid 1px #DC9B87;
  overflow: hidden;
  padding:3% 0;
}
.f-logo {
  display: inline-block;
  margin: 3%;
  width: 18%;
  vertical-align: middle;
}
.f-logo img {
  width: 100%;
}
.f-message {
  vertical-align: middle;
  display: inline-block;
  line-height: 140%;
  font-size: 1.4rem;
  color: #F2E3E0;
  margin: 0 3%;
}
.f-message p{
  margin: 3% 0;
}
.f-link {
  padding: 4% 0;
  overflow: hidden;
}
.f-link span {
  display: inline;
  color: #F2E3E0;
  line-height: 140%;
  font-size: 1.4rem;
}
.f-link ul {
  display: inline;
}
.f-link ul li {
  margin: 0 2% 0 0;
  padding: 0;
  width: auto;
}
.f-bottom {
  padding: 4% 0;
  text-align: center;
  line-height: 140%;
}
.f-bottom p {
  text-transform: uppercase;
  font-size: 14px;
  color: #6F6F6F;
  margin-bottom: 2%;
  width: 100%;
}
.f-bottom .jszc {
  font-size: 14px;
  color: #6F6F6F;
}
.f-bottom .jszc a {
  color: #6F6F6F;
}
.f-bottom .jszc a:hover {
  text-decoration: underline;
}

/*底部菜单 开始*/
.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  background: rgba(0,0,0,.8);
}
.fixed ul:after {
  clear: both;
  display: block;
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
}
.fixed ul li {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 25%;
  border-right: 0.1rem solid #666;
}
.fixed ul li i {
  display: block;
  font-size: 2rem;
}
.fixed ul li a {
  box-sizing: border-box;
  display:block;
  width: 100%;
  height: 100%;
  padding: 4% 0 4% 0;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}
/*底部菜单 结束*/
/*尾部结束*/

/*box1 开始*/
.box1 {
  padding: 3% 0;
}
.title {
  padding: 6.6% 0 4.6% 0;
  margin: 3.33% auto;
  background: url(../images/title1.png) no-repeat center;
  background-size: auto 100%;
}
.title .en-txt {
  width: 100%;
  text-align: center;
  color: #9E9D9D;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 2.6rem;
  font-family: arial;
  vertical-align: middle;
  margin: 1% auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title .cn-txt {
  width: 100%;
  font-size: 2rem;
  vertical-align: middle;
  line-height: 100%;
  text-align: center;
  display:flex;
  justify-content: space-between;
  align-items: center;
  color: #111111;
  margin: 1% auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
 .title .cn-txt:before, .title .cn-txt:after {
  content: " ";
  display: inline-block;
  border-top: solid 0.1rem #E0DFDF;
  width: 36%;
  vertical-align: middle;
}

.pro-show {
  padding: 3.33% 0;
}
.pro-show ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pro-show a {
  color: #111;
}
.pro-show .show-pic {
  display: inline-block;
  width: 50%;
}
.pro-show .show-pic img {
  width: 100%;
}
.pro-show .show-txt {
  width: 40%;
  display: inline-block;
  overflow: hidden;
}
.pro-show .show-txt .cn-txt {
  color: #111;
  font-size: 2.4rem;
  line-height: 150%;
}
.pro-show .show-txt .en-txt {
  color: #B1B1B1;
  text-transform: uppercase;
  font-family: arial;
  font-size: 2.4rem;
  line-height: 150%;
}
.pro-show .show-txt:after {
  content: " ";
  display: block;
  width: 15%;
  border-top: solid 0.3rem #EE7117;
  margin-top: 18%;
}
@media only screen and (min-width: 100px) and (max-width: 480px) {
.pro-show .show-txt .cn-txt {
  font-size: 1.8rem;
}
	.pro-show .show-txt .en-txt {
	  font-size: 1.8rem;
	}
}
/*box1 结束*/

/*box2 开始*/
.box2 {
  padding: 3% 0;
  background-image: url(../images/box2_11.jpg);
}
.adv-show {
  padding: 3.3% 0;
}
.adv-show h2 {
  line-height: 140%;
  font-size: 2.2rem;
  max-width: 94%;
  margin: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adv-show .show-pic {
  margin: 3.33% auto;
  width: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
  box-shadow: 1vw 1vw 2vw 0.1rem #676767;
}
.adv-show .show-pic img {
  width: 100%;
}
.adv-show .show-txt ul {
  width: 100%;
  overflow: hidden;
}
.adv-show .show-txt ul li {
  display: inline-block;
  padding-left: 3.4rem;
  margin-right: 2%;
  width: 26%;
  max-width: 8em;
  min-width: 6em;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 140%;
  color: #874633;
  background-repeat: no-repeat;
  background-position: 0.4rem center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3.33%;
}
/*box2 结束*/

/*box3 开始*/
.box3 {
  margin: 3% auto;
  padding-bottom: 3%;
  position: relative;
}
.box3 .box3-bg {
  width: 100%;
  padding-top: 22.5%;
  background-color: #E6E4E4;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.box3 ul {
  overflow: hidden;
  padding-top: 3.3%;
  padding-bottom: 1%;
}
.box3 ul li {
  width: 48%;
}
.box3 ul li:nth-last-child(2n+1){
  float: right;
}
.box3 ul li:nth-last-child(2n){
  float: left;
}
.index-case-item {
  background-color: #FFFFFF;
}
.index-case-item .pic-content {
  position: relative;
  border: solid 0.1rem #E6E4E4;
  margin-bottom: -0.1rem;
  box-sizing: border-box;
  transition: .4s;
}
.index-case-item .pic-content:after {
  content: " ";
  display: block;
  padding: 36.8% 0;
}
.index-case-item .pic-content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-case-item .txt-content {
  display: inline-block;
  padding: 0 5%;
  width: 100%;
  color: #686868;
  border: solid 0.1rem #E6E4E4;
  box-sizing: border-box;
  transition: .4s;
}
.index-case-item .txt-content h4 {
  margin: 6% 0;
  line-height: 140%;
  font-weight: 500;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-case-item .txt-content p {
  margin: 6% 0;
  line-height: 140%;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-case-item:hover .pic-content, .index-case-item:hover .txt-content {
  border-color: #F5C150;
}
/*box3 结束*/

/*box4 开始*/
.box4 {
  margin: 3% auto;
}
.box4-content {
  position: relative;
}
.news-container {
  width: 73.33%;
}
.news-button-prev, .news-button-next {
  width: 6%;
  height: 1px;
  padding: 6% 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80% 80%;
  border: solid 0.2rem #CDCCCC;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: .4s;
  cursor: pointer;
}
.news-button-prev:hover, .news-button-next:hover {
  border-color: #E2B64E;
}
.news-button-next {
  right: 0;
}
.index-news-item {
  border: solid 0.2rem #CDCCCC;
  padding: 5%;
  transition: .4s;
}
.index-news-item:hover, .index-news-item.active {
  border-color: #E2B64E;

}
.index-news-item .txt-content {
  color: #6E6D6D;
}
.index-news-item .txt-content span {
  line-height: 110%;
  font-size: 1.4rem;
}
.index-news-item .txt-content hr {
  border: none;
  border-top: solid 0.2rem #9D6455;
  margin: 2% 0;
  width: 7.6rem;
  transition: .4s;
}
.index-news-item:hover .txt-content hr, .index-news-item.active .txt-content hr {
  border-color: #E2B64E;
}
.index-news-item .txt-content h3 {
  line-height: 110%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 3.3% 0;
  font-size: 1.8rem;
  color: #111111;
}
.index-news-item .txt-content p {
  line-height: 200%;
  height: 7rem;
  overflow: hidden;
}
/*box4 结束*/

/*box5 开始*/
.box5 {
  padding-top: 3%;
}
.box-menu ul {
  width: 100%;
  text-align: center;
}
.box-menu ul li {
  display: inline-block;
  width: 17.2%;
  margin: 3.3% 1.65%;
  min-width: 6em;
}
.box-menu ul li a {
  display: block;
  color: #626262;
  line-height: 110%;
  padding: 6%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: solid 0.1rem #B18478;
  transition: .4s;
}
.box-menu ul li a:hover, .box-menu ul li a.active {
  border-color: #EFBC4E;
}
.box5 > ul li {
  margin: 3.3% auto;
  padding: 1% 0;
}
.products-item .pic-content {
  position: relative;
}
.products-item .pic-content:after {
  content: " ";
  display: block;
  padding-top: 50%;
}
.products-item .pic-content img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.products-item .txt-content {
  font-size: 1.4rem;
  color: #616161;
}
.products-item .txt-content h4 {
  margin: 1.6% 0;
  line-height: 110%;
  font-size: 1.4rem;
}
.products-item .txt-content p {
  line-height: 140%;
  margin: 1.6% 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.products-item .txt-content a {
  display: block;
  width: 12%;
  min-width: 4.5em;
  padding: 1.4% 1.4% 1.4% 3rem;
  margin: 1.6% 0;
  color: #616161;
  border: solid 0.1rem #E1E1E1;
  transition: .4s;
  line-height: 110%;
  background: url(../images/more1.png) no-repeat 1rem center;
}
.products-item .txt-content a:hover {
  border-color: #B18478;
}

/*分页开始*/
.fenye {
  text-align: center;
  margin: 3% auto;
}
.fenye ul {
  display: inline-block;
  overflow: visible;
}
.fenye ul li {
  display: inline-block;
}
.fenye-button-prev, .fenye-button-next, .fenye-button-num, .fenye-yema, .fenye-go {
  display: inline-block;
  padding: 0rem 1rem;
  background-color: #C6C5C5;
  border: solid 0.1rem #CFCECE;
  color: #FFFFFF;
  border-radius: 0.3rem;
  min-width: 1em;
  font-size: 1.3rem;
  text-align: center;
  margin: 0.4rem 0.2rem;
  transition: .4s;
  line-height: 280%;
  vertical-align: middle;
}
.fenye-button-prev.active, .fenye-button-prev:hover,
.fenye-button-next.active, .fenye-button-next:hover,
.fenye-button-num.active, .fenye-button-num:hover,
.fenye-go.active {
  background-color: #E8B641;
  border-color: #EDBD4D;
}
.fenye-yema {
  outline-color: #E8B641;
  width: 3em;
}
.fenye-yema::-webkit-input-placeholder { /* WebKit browsers */
color: #FFFFFF;
}
.fenye-yema:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #FFFFFF;
}
.fenye-yema::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #FFFFFF;
}
.fenye-yema:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #FFFFFF;
}
/*分页结束*/
/*box5 结束*/

/*box6 开始*/
.box6 {
  margin: 3% auto;
  padding-top: 3%;
}
/*产品详情预览 开始*/
.pro-view-box {
  overflow: hidden;
}
/*picContent 开始*/
.picContent {
  width: 100%;
  box-sizing: border-box;
  border: solid 0.1rem #DFDDDD;
}
.big-pic {
  border-bottom: solid 0.1rem #DFDDDD;
  position: relative;
}
.big-pic:after {
  content: " ";
  display: block;
  padding-top: 50%;
}
.big-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.small-pic {
  position: relative;
  padding: 3.3% 0;
  overflow: hidden;
}
.small-pic-container {
  width: 74.66%;
  margin: auto;
}
.small-pic-slide {
  cursor: pointer;
  border: solid 1px #A79E88;
  box-sizing: border-box;
  position: relative;
}
.small-pic-slide:after {
  content: " ";
  display: block;
  padding-top: 75%;
}
.small-pic-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.small-pic-slide:hover, .clicked-slide{
  border-color: #E2B64E;
}
.small-pic-prev,.small-pic-next{
  width: 8%;
  position: absolute;
  top: 50%;
  cursor: pointer;
  padding-top: 24%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.small-pic-prev {
  background: url(../images/prev-pic3_03.png) no-repeat center;
  left: 0;
  border-right: solid 0.1rem #DFDDDD;
}
.small-pic-next {
  background: url(../images/next-pic3_03.png) no-repeat center;
  right: 0;
  border-left: solid 0.1rem #DFDDDD;
}
/*picContent 结束*/

/*txtContent 开始*/
.txtContent {
  background-color: #F3F3F3;
  padding: 3.3%;
  margin: 3.3% auto;
}
.txtContent h3 {
  line-height: 140%;
  font-size: 1.6rem
  color: #161616;

}
.txtContent hr {
  border: none;
  border-top: solid 0.2rem #DCDCDC;
  margin: 3.3% auto;
}
.txtContent h4 {
  font-size: 1.4rem;
  margin-left: -0.7rem;
  line-height: 140%;
  margin-top: 3.3%;
  margin-bottom: 1.4%;
  color: #666666;
}
.txtContent p {
  font-size: 1.4rem;
  line-height: 180%;
  color: #666666;
}
.bdsharebuttonbox {}
.bdsharebuttonbox span {
  display: inline-block;
  margin: 0px 0.3rem;
}
.bdsharebuttonbox a {
  font-size: 14px;
  color: #666666;
}
.bdsharebuttonbox a:hover {
  color: #003055;
}
.txtContent .phone > span {
  display: inline-block;
  background: url(../images/phone-pic2_03.png) no-repeat 2px 2px;
  background-color: #004163;
  line-height: 100%;
  font-size: 16px;
  padding: 12.5px 30px 12.5px 50px;
  border-radius: 50px;
  color: #FFFFFF;
  cursor: pointer;
}
.txtContent .phone > p {
  display: inline-block;
  line-height: 100%;
  font-size: 14px;
  width: 160px;
  color: #1C1C1C;
  vertical-align: top;
  margin: 0 20px;
}
.txtContent .phone > p span {
  display: inline-block;
  font-size: 20px;
  margin-top: 10px;
}
/*txtContent 结束*/
/*产品详情预览 结束*/
/*box6 结束*/

/*box7 开始*/
.box7 {
  padding-bottom: 3.3%;
}
.page-content {
  text-align: center;
}
.page-content img {
  max-width: 100%;
  margin: 2% auto;
}
.page-content p {
  text-align: left;
  font-size: 1.4rem;
  color: #5F5E5E;
  line-height: 180%;
  margin: 2% 0;
}
/*box7 结束*/

/*box8 开始*/
.box8 > ul {
  overflow: hidden;
  padding-top: 3.3%;
}
.box8 > ul li {
  width: 48%;
  margin: 2% 0;
}
.box8 > ul li:nth-last-child(2n+1){
  float: right;
}
.box8 > ul li:nth-last-child(2n){
  float: left;
}
/*box8 结束*/

/*box9 开始*/
.box9 {
  padding-top: 3%;
}
.box9 > ul li {
  margin: 5% auto;
}
/*box9 结束*/

/*box10 开始*/
.page-content-top {
  text-align: center;
}
.page-content-top h3 {
  line-height: 140%;
  max-width: 68%;
  margin: 2% auto;
}
.page-content-top > span {
  display: block;
  line-height: 140%;
  max-width: 88%;
  margin: 2% auto;
  color: #666666;
}
/*box10 结束*/