/*全局样式*/

* {padding: 0; margin: 0;}

body{font:14px "Microsoft YaHei",arial;text-align:left;color:#333; background:#fff;}

button, input{ color: inherit; font: inherit; margin: 0; padding: 0; border: 0; background: none; outline: none;}

input[type="text"],input[type="button"],input[type="submit"],input[type=password],input[type="reset"],input[type="date"]{ -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

*, *:before, *:after{ box-sizing: border-box;}

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

em,i {font-style: normal;}

li,ol,ul{list-style-type:none}

img {display: inline-block;border:0px;}

h3 {font-weight: normal;}

.yellow {color: #7F6000 !important;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}  

.fl{ float: left;}

.fr{ float: right;}

.tc{ text-align: center;}

.tr{ text-align: right;}

.rel {position: relative;}

.abs {position: absolute;}

.main {width: 100%; height: 100%;}

.header {height: 3.375rem; border-top: #7f6000 solid 0.625rem; border-bottom: #7f6000 solid 0.125rem;}

.logo {width: 7.1875rem; height: 2.125rem; margin: 0.2rem auto 0; display: block;}

.logo img {width: 100%;}

.ico-nav {width: 2.84375rem; height: 2.59375rem; right: 0; top: 0.625rem;}

.ico-nav img {width: 100%;}

.navfixedBox{height: 100%;position: fixed;top: 0;width: 100%;z-index: 5;background: #000;opacity: 0.3; display: none;}

.navbox {position: fixed;top: 0;width: 100%;z-index: 6; display: none;}

.navbox li {vertical-align: top; border-bottom: #fff solid 1px;width: 100%;}

.navbox li a {background: #7F6000; padding: 0.625rem 0; display: block; font-size: 0.9375rem; text-align: center; color: #fff;}

.nav-close {padding: 0.46875rem 0.3125rem; text-align: justify;}

.nav-close span {background: #7F6000; color: #fff; height: 1.25rem; width: 1.25rem; line-height: 1.25rem; display: block; text-align: center; border-radius: 0.09375rem; }



.banner {width: 100%; height: 15.1875rem; background: url(../images/banner.jpg)  no-repeat; background-size: 100% auto; position: relative;}

.bannerpic {width: 9.375rem; height: 7.8125rem; padding-top: 3.125rem;}

.focus{ width:9.375rem; height:7.8125rem;  margin:0 auto; position:relative; overflow:hidden;   }

.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center; display: none; }

.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}

.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }

.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:9.375rem;  height:7.8125rem; }

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.banertext {font-size: 1.1rem; color: #7F6000; left: 45%; top: 50%;margin-top: -0.9375rem;}

.ix-sort {padding: 0.625rem 0;}

.ix-sort ul {}

.ix-sort li {width: 33.3333333%; float: left; text-align: center; margin-bottom: 1.25rem;}

.ix-sort li img {width: 90%; margin-bottom: 0.625rem;}

.ix-sort li a {font-size: 1rem;}

.ix-aboutus {height: 18rem; background: url(../images/1-2.jpg) no-repeat; background-size: cover;}

.ixbox-title {padding: 0.9375rem 0; text-align: center; font-size:1.125rem}

.ixbox-title img {width: 1.875rem; height: 1.5625rem;}

.ix-aboutus-con {padding: 0 0.3125rem; height: 10rem; overflow: hidden;}

.ix-aboutus-con p {font-size: 0.9375rem; color: #666;}

.ix-aboutus-more { text-align: center;}

.ix-aboutus-more a {font-size: 1.5625rem; color: #7F6000;}

.ix-youshicon li {width: 8.75rem; height: 8.75rem; background: url(../images/1-2.jpg) no-repeat;background-size: cover; margin-bottom: 2.4375rem; margin-right: 2.5rem; float: left;}

.ix-youshicon li:nth-child(2n) {margin-right: 0;}

.ix-youshicon li a { display: block; text-align: center; padding-top: 0.8125rem;}

.ix-youshicon li a p img {width: 3.75rem; height: 3.75rem;}

.ix-youshicon li a p {font-size: 0.9375rem}

.ix-youshicon li a p span {font-size: 1.5625rem; color: #7F6000;}

.ix-picshow {height: 31rem;background: url(../images/ixbg1.jpg) center 0 no-repeat; background-size: cover;}

.ix-picshow .ixbox-title {color:#FFF;}

.ix-picshow-sort li {float: left; width: 5rem; margin-right: 2.5rem;margin-bottom: 1.5625rem;}

.ix-picshow-sort li:nth-child(3n) {margin-right: 0;}

.ix-picshow-sort li a {width: 5rem; height: 5rem; display: block; background: url(../images/icon7.png) no-repeat; background-size: 5rem;}

.ix-picshow-sort li a { text-align: center; font-weight: bold; color: #FFF; line-height: 5rem; font-size: 0.9375rem}



.ix-wapshow-sort li {float: left; width: 5rem; margin-right: 2.5rem;margin-bottom: 1.5625rem;}

.ix-wapshow-sort li:nth-child(3n) {margin-right: 0;}

.ix-wapshow-sort li a {width: 5rem; height: 5rem; display: block; background: url(../images/icon7.png) no-repeat; background-size: 5rem;}

.ix-wapshow-sort li a { text-align: center; font-weight: bold; color: #7F6000; line-height: 5rem; font-size: 0.9375rem}

/* 产品展示 */

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;   }

.picMarquee-left .bd{}

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 0.625rem; float:left; _display:inline; overflow:hidden; text-align:center;}

.picMarquee-left .bd ul li .pic{ text-align:center; }

.picMarquee-left .bd ul li .pic img{ width:5.625rem; height:5.625rem; display:block; }

.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;}

.picMarquee-left .bd ul li .title{ line-height:30px;}

.picMarquee-left .bd ul li .title a{ color: #fff; line-height:35px; display: block; font-size: 0.75rem}

.ix-picshow-more { text-align: center; padding-top: 1.5625rem;}

.ix-picshow-more a {font-size: 1.40625rem; color: #fff; font-weight: bold;}

.ix-dongtai-con li {vertical-align: top; border-bottom: #ececec solid 0.0625rem;}

.ix-dongtai-con li a {padding: 0.625rem 5rem 0.625rem 1.25rem; font-size:0.8125rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; background: url(../images/icon8.png) 0 center no-repeat; background-size: 0.9375rem;}

.ix-dongtai-con li a span {position: absolute; right:0.15625rem; top:0.6875rem; font-size:0.75rem; color: #999;}

.ix-dongtai-more { text-align: center; padding: 1.5625rem 0;}

.ix-dongtai-more a {font-size: 1.40625rem; color: #7F6000; font-weight: bold;}

.ix-contactus {background: #eaeaea;}

/*品牌*/

.ix-pinpai {padding-bottom: 0.9375rem;}

.picMarquee-left2{ width:100%;  overflow:hidden; position:relative;   }

.picMarquee-left2 .bd{}

.picMarquee-left2 .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left2 .bd ul li{ margin:0 0.625rem; float:left; _display:inline; overflow:hidden; text-align:center;}

.picMarquee-left2 .bd ul li .pic{ text-align:center; }

.picMarquee-left2 .bd ul li .pic img{ width:5.625rem; height:5.625rem; display:block; }

.picMarquee-left2 .bd ul li .pic a:hover img{ border-color:#999;}

.picMarquee-left2 .bd ul li .title{ line-height:30px;}

.picMarquee-left2 .bd ul li .title a{ color: #fff; line-height:35px; display: block; font-size: 0.75rem}

.footer {background: #cccccc; padding: 1.25rem 0;}

.footer p {text-align: center; font-size:0.875rem; margin-bottom: 0.625rem; padding: 0 0.3125rem;}

/*内页*/

.inner-aboutus{padding: 0 0.3125rem 0.9375rem;}

.inner-aboutus-con p {font-size: 0.875rem; margin-bottom: 0.625rem; text-indent: 2em;}

.inner-picshow {}

.inner-picshow .ix-picshow-sort li a {color: #7F6000;}

.inner-products .ixproduct-nav a {color: #7F6000;}

.inner-productscon {width: 100%; overflow: hidden;}

.inner-productscon ul {}

.inner-productscon li {float: left; width: 9.375rem;margin-right: 1.25rem; margin-bottom: 0.625rem;}

.inner-productscon li:nth-child(2n) {margin-right: 0;}

.inner-productscon li p { text-align: center; font-size: 0.75rem;}

.inner-productscon li p.pro-pic img {width: 9.375rem; height: 9.375rem;}

.inner-productscon li p a {font-size:0.9375rem}

.inner-productscon li p.pro-pic {padding: 0.46875rem 0;}

.inner-productscon li p.pro-shichang {color: #acacac;}

.inner-productscon li p.pro-shichang em {text-decoration: line-through;}

.pages {padding: 0.9375rem 0 3.125rem; text-align: center;}

.pages li{float:left;margin-right:5px;}



.pages a {display: inline-block; vertical-align: middle; border: #ccc solid 1px; padding: 0.09375rem 0.3125rem;}

.pages a:hover {color: #7F6000; border: #7F6000 solid 1px;}

.pages a.on{color: #f00; border: #f4f3f0 solid 1px;}

.inner-productdt-tpic {width: 7.1875rem; height: 7.1875rem; margin-right: 0.625rem;}

.inner-productdt-tpic img {width: 7.1875rem;}

.inner-productdt-ttext {width:12.125rem;}

.inner-productdt-ttext h3 {padding: 0.3125rem 0; margin-bottom: 0.3125rem; border-bottom: 1px solid #e2e2e2; font-size: 0.9375rem}

.inner-productdt-ttext p.pro-pic {padding: 0.46875rem 0;}

.inner-productdt-ttext p.pro-shichang {color: #acacac;}

.inner-productdt-ttext p.pro-shichang em {text-decoration: line-through;}

.inner-productdt-ttext p.pro-price em {font-weight: bold; font-size: 1.125rem;}

.inner-productdt-text {background-color: #F5F5F5;  border: 1px solid #E5E5E5; color: #868686; margin-bottom: 20px;}

.inner-productdt-text p {padding: 0.3125rem;}

.inner-productdt-detail {padding: 0.9375rem 0.3125rem;}
.ixdongtai-dtcon img{max-width: 100%;}

.inner-productdt-detail img {max-width: 100%; display: inline-block;}

.inner-productdt-page {padding: 0.9375rem 0;}

.inner-productdt-page p {line-height: 1.25rem;}

.inner-productdt-page p a:hover {color: #7F6000; text-decoration: underline;}

.inner-dongtai-sort {padding: 0.625rem 0;}

.inner-dongtai-sort ul{display: flex;}

.inner-dongtai-sort li {width: 25%; height: 5rem; background:url(../images/icon7.png) no-repeat; background-size: 5rem;}

.inner-dongtai-sort li a {display: block; text-align: center; line-height: 5rem; font-size: 0.9375rem; font-weight: bold; color: #7F6000;}

.ixdongtai-dttop {padding: 0.9375rem 0; font-size: 1.125rem; text-align: center;}

.ixdongtai-dtinfo p { text-align: center; font-size: 0.75rem; margin-bottom: 0.625rem;}

.ixdongtai-dtinfo p span {color: #666; margin: 0 0.625rem;}

.dt-tezheng {background-color: #F5F5F5;  border: 1px solid #E5E5E5; color: #868686; padding: 0.15625rem;}

.ixdongtai-dtcon {padding: 0.625rem 0 0;}

.ixdongtai-dtcon p { text-indent: 2em; margin-bottom: 0.9375rem; line-height: 1.5;}

.ixdongtai-detail {padding: 0 0.3125rem;}

.ixdongtai-dtpage {padding: 0.9375rem 0.625rem;}

.ixdongtai-dtpage p {line-height: 2;}

.ixdongtai-dtpage p a:hover {color: #7F6000; text-decoration: underline;}

.inner-lymid {width: 100%; padding-bottom: 1.5625rem;}

.inner-lymid p {padding: 5px 0 10px; text-align: center;}

.inner-lymid p .ly-intext { width: 100%; border-radius: 5px; height: 40px; border: #7F6000 solid 1px;}

.inner-lymid p  textarea {width: 100%; height: 70px; border: #7F6000 solid 1px; background: #fff;border-radius: 5px;}

.ly-inbtn { text-align: center; color: #fff; line-height: 40px; background: #7F6000; width: 100%; border-radius: 5px; cursor: pointer;}

.inner-contactusicon li {float: left; margin-right: 1.25rem; padding-top: 1.25rem; margin-bottom: 0.625rem; width: 9.375rem; height: 9.375rem; background: url(../images/icon9.png) no-repeat; background-size: 9.375rem;}

.inner-contactusicon li:nth-child(2n) {margin-right: 0;}

.inner-contactusicon li p {text-align: center; font-size: 0.875rem}

.inner-contactusicon li p img {width: 2.5rem; height: 2.5rem; margin-bottom: 0.9375rem;}

.inner-contactus-map {padding: 2.1875rem 0;}

.inner-ys img {margin-bottom: 0.9375rem;}

.pages table{width:97%;margin:0 auto;}
.pages td:first-child{float:left;}

.ix-ditu img{width:100%;}

/**询价开始**/

	.modal {
	  will-change: visibility, opacity;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  overflow-y: auto;
	  overflow-x: hidden;
	  z-index: 1000;
	  visibility: hidden;
	  opacity: 0;
	  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	  -webkit-transition-delay: 0s;
	          transition-delay: 0s;
	}
	.modal--active {
	  visibility: visible;
	  opacity: 1;
	}
	.modal--align-top {
	  -webkit-box-align: start;
	  -webkit-align-items: flex-start;
	      -ms-flex-align: start;
	          align-items: flex-start;
	}
	.modal__bg {
	  background: transparent;
	}

	}
	.modal__content {
	  will-change: transform, opacity;
	  position: relative;

	  background-clip: padding-box;
	  box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
	  opacity: 0;
	  -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	          transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	}
	
	
	
	.modal__content--active {
	  opacity: 1;
	}
	.modal__close {
	  z-index: 1100;
	  cursor: pointer;
	}
	.modal__trigger {
	  position: relative;
	  display: inline-block;
	  padding: 0.6rem 0.8rem;
	  color: #fff;
	  line-height: 1;
	  cursor: pointer;
	  background: #967203;
	  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.modal__trigger--active {
	  z-index: 10;
	}
	/**
	.modal__trigger:hover {
	  background: #fff;
	  color:#FF0036;
	}
	**/
	.pro_text p{ line-height:30px; font-size:13px; color:#888;letter-spacing: 0.5px;}
	.pro_text p span{ color:#333;}
	
	#modal__temp {
	  will-change: transform, opacity;
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #fff;
	  -webkit-transform: none;
	      -ms-transform: none;
	          transform: none;
	  opacity: 1;
	  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	          transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	}
	/**
	 * Demo specific CSS
	 */

	.demo-btns header {
	  padding: 7vh 10vw;
	  background: #fff;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	}
	.demo-btns header h1 {
	  margin: 0;
	  color: rgba(0,0,0,0.54);
	  font-weight: 300;
	}
	.demo-btns .info {
	
	  padding: 18px 0;
	 
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  
	}
	.demo-btns p {
	  text-align: center;
	  color: #fff;
	}
	.demo-btns .link {
	  font-size: 20px;
	}
	.demo-btns .modal__trigger {
	  margin-right: 3px;
	}
	@media (max-width: 640px) {
	  .demo-btns .modal__trigger {
	    margin-bottom: 0.8rem;
	  }
	  
	}
	.demo-close {
	  position: absolute;
	  top: 0;
	  right: 0;
	  
	  padding: 0.1rem;
	  background: rgba(0,0,0,0.3);
	  border-radius: 50%;
	  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	}
	.demo-close svg {
	  width: 24px;
	  height: 24px;
	  fill: #fff;
	  pointer-events: none;
	  vertical-align: top;
	}
	.demo-close:hover {
	  background: rgba(0,0,0,0.6);
	}

.pro_r{float:left;}

/**询价结束**/











/* 搜索 */
.search{padding-top:30px;padding-bottom: 30px;width:95%;margin:0 auto;}
.search input, .search button {
  outline: none;
  background: transparent;
}
.search input {
  width: 66%;
  height: 42px;
  padding-left: 15px;
  border: 3px solid #fafafa;
	box-shadow:0px 8px 10px #777;
}
.search button {
  color:#fafafa;
  height: 43px;
  width: 15%;
background:#967203;
 box-shadow:0px 8px 10px #777;
  cursor: pointer;
}

.search input:focus {
  border-color: #7f6000;
}
.sub1{margin-left:2%;}

.search button:hover{color:#403101;}


@media screen and (max-width:446px){
	
	.search input{width:65%;}
}

@media (max-width: 600px){
	.inner-productdt-tpic{width:100%;text-align:center;}
	.pro_r{margin-left:10px;width:100%;}
	.inner-productdt-ttext{width:100%;}
	
	.modal__dialog{width:400px;}
	.modal__content.modal__content--active img{max-width:100%;}
	
	
	
}