*{color:#000;margin: 0;padding: 0;list-style: none;text-decoration: none;font-size:16px;font-family: "Arial";padding: 0;}
p{margin: 0;}
@font-face{
    font-family: 'BEAUTIFULES';
    src : url('BEAUTIFULES.TTF'); 
}
@font-face{
    font-family: 'MONTSERRAT-MEDIUM-7';
    src : url('MONTSERRAT-MEDIUM-7.OTF'); 
}
table{
	width:100% !important;
	border-collapse: collapse !important;
	border: 1px solid #DDDDDD !important;
}
table td{
	border: 1px solid #ddd !important;
}
table tr{
	border: 1px solid #ddd !important;
}

input,textarea{
	outline:none
}
input::-webkit-input-placeholder {
        color: #999999;
}
              @keyframes big {
  0% {
      transform: scale(1);
      opacity: 1;
  }
  100% {
      transform: scale(1.2);
      opacity: 0;
  }
}
@-webkit-keyframes big {
  0% {
      transform: scale(1);
      opacity: 1;
  }
  100% {
      transform: scale(1.2);
      opacity: 0;
  }
}  
.hov5 {position: relative;overflow: hidden;}
.hov5::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
	.hov5:hover::before {-webkit-animation: shine .75s;animation: shine 1.5s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}
.circle {width: 24px;margin: 3px auto 0;display: flex;justify-content: space-between;align-items: center;padding: 0 3px;}
.circle-bubble {width:5px;height:5px;border-radius: 50%;background-color: #72a54a;}
.circle1 {animation: pulse .4s ease 0s infinite alternate;}
.circle2 {animation: pulse .4s ease .2s infinite alternate;}
.circle3 {animation: pulse .4s ease .4s infinite alternate;}
@keyframes pulse {
	from {opacity: 1;transform: scale(1);}
	to {opacity: 1;transform: scale(.35);}
}
@keyframes myfirst {
	0% {
		transform: translate(0px, 0px);
	}
	50%{
		transform: translate(0px, -3px);
	}
	100%{
		transform: translate(0px, 0px);
	}
}
@keyframes shake{
      33.3%{transform:translateX(-6px)}
      49.95%{transform:translateX(4px)}
      66.6%{transform:translateX(-2px)}
      83.25%{transform:translateX(1px)}
      to{transform:translateX(0)}
}
.row1{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.row2{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.row3{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.row4{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.row5{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.row6{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.row7{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden;}
.row8{display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;}
     .clearfix{clear:both;}
     .f-l{float: left;}
     .f-r{float:right;}
     .ov{overflow:hidden;}
     .uk-container{padding: 0;} 
     .uk-container{max-width: 1200px;}


	/* 导航样式 */
    .header-nav{padding:26px 3%;background: url(images/bg.jpg)top center repeat;}
	.header-nav .uk-container-center{position: relative;}
	.nav-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.nav-left{width: 190px;}
	.nav-center{width:calc(100% - 200px);display: flex;align-items: center;flex-direction: row;justify-content: center;max-width:800px;}
	.nav-right1{width:180px;display: flex;align-items: center;flex-direction: row;}
	.uk-navbar-nav>li>a{color:#ab803f;line-height:20px;font-size: 16px;font-weight: 400;padding: 0 24px;position: relative;height: 20px;
	text-transform: uppercase;}
	.uk-navbar-nav{display: flex;justify-content: space-between;float: none;flex-wrap: wrap;}
	.uk-navbar-nav>li{text-align: center;line-height: 20px;position:relative;}
	.uk-navbar-nav>li.uk-active>a{color:#e2a64a;background:none;}
	.uk-navbar-nav>li.uk-active>a:before{left: calc(50% - 13px);}
.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus{color:#e2a64a;
	background:none;}
.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:before:focus{color:#e2a64a;
	background:none;}
	.uk-navbar-toggle{margin-left: 20%;margin-top: 3%;}
	.nav-zuo>a{display: block;width: 100%;line-height:24px;text-align: left;font-size: 18px;margin-bottom: 6px;
	 padding-left: 10%;color:#ffffff;text-transform: uppercase;color:#fff;} 
	.erji{font-size: 14px!important;padding-left: 10%!important;color:#ccc!important;margin-bottom: 2px!important;line-height: 24px!important;z-index:99;} 
	.erjiname>a>span{text-align: right;color:#fff;float: right;opacity: 0;} 
	.d-erji{background:none;padding-top:0;background:rgba(171,128,63,.9);padding-bottom: 0;left:20px!important;
	text-align: left;	
	}
	.d-erji>ul>li>a{line-height: 24px!important;color:#fff!important;font-size: 16px;font-weight: 200;border-bottom: 1px solid #fff;}
	.d-erji>ul>li:nth-child(2) span{display: none;}
	.d-erji>ul>li>a:hover{background:rgba(171,128,63,.8);}
	.d-erji>ul>li>a:hover span{opacity: 1;}

	.sousuo-box{height:40px;width:100%;border:none;background: none;border:1px solid #eaeaea;margin-top:30px;border-radius: 20px;}
	.sousuo-box>input{width:calc(100% - 58px);float:left;height: 40px;line-height: 40px;padding-left: 18px;
	background:none;float:left;border:none;color:#fff;}
	.sousuo-box>button{width:22px;float:right;border:none;background: none;float:right;margin-top: 8px;margin-right:36px;}
 
	@media(max-width:1064px){
     .nav-left{width: 100%;margin-bottom: 20px;}
	 .logo{margin: 0 auto ;display: block;}
	 .nav-center{width:100%;max-width: 100%;}
	}
	@media(max-width:900px){
			.uk-navbar-nav>li>a{padding: 16px;}
	}
    @media(max-width:768px){  
    .header-nav{padding: 0;}
	.nav-center{padding: 0;background: #ab803f;display: block;}
	.header-nav>.uk-container{padding: 0;}
	.sousuo-box1{display: none;}
	.uk-navbar-toggle{margin-top: 0;background: #e2a64a!important;margin-left: 0;color:#fff;}	
	.logo{display: block;margin: 15px auto!important;top}
	
	}
	/* 首页产品 */
	.index-pr{padding:4% 3%;position: relative;background: url(images/bg.jpg)top center repeat;}
	.index-title{font-family: "Calibri";text-align: center;color:#000012;font-size: 42px;line-height: 46px;margin-bottom: 8px;}
	.index-icon{display: block;margin: 0 auto 50px;}
	.index-pr .uk-container{max-width: 1020px;}
	.ipr-box{display: block;position: relative;overflow: hidden;border-radius: 10px;margin: 0 auto;}
	.ipr-namebox{position: absolute;bottom:30px;left: 0;width: 100%;display: flex;justify-content: center;}
	.ipr-name{background: #ffffff;line-height: 28px;padding: 0 20px;border-radius: 14px;text-align: center;display: inline-block;
	font-family: "Calibri";transition: 0.6s;font-size: 22px;}
	.ipr-tu{transition: 0.6s;width: 100%;}
	.ipr-box:hover .ipr-tu{transform: rotateZ(10deg)scale(1.2);}
	.ipr-box:hover .ipr-name{background: #ad813f;color:#fff}
	.ipr-left,.ipr-right{display: block!important;}
	.ipr-left::before,.ipr-right::before{display: none!important;}
	.ipr-left{left:-100px!important;}
	.ipr-right{right:-100px!important;}
	@media(max-width:1300px){
	.ipr-left{left:0px!important;}
	.ipr-right{right:0px!important;}
	}


	/* 公司简介 */
	.index-ab{padding: 3%;}
    .iab-nr{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.iab-title{color:#ab803f;font-family:"Calibri";font-size: 16px;margin-bottom: 30px;}
     .iab-right{width: 50%;overflow: hidden;} 
	 .iab-left{width: 48%;overflow-y:auto;height: 430px;padding-right: 30px;} 
	 .iab-desc{color:#5f5f5f;font-size: 14px;line-height: 24px;font-weight: 100;}
	 .iab-tu{transition: 0.6s;}
	 .iab-right:hover .iab-tu{transform: scale(1.1,1.1);}
	 .iab-left::-webkit-scrollbar {background: #efece7;width: 5px;}
	 .iab-left::-webkit-scrollbar-thumb {background: #ab803f;}
	@media(max-width:1500px){
    .iab-nr{padding: 50px;}
	}
	@media(max-width:1200px){
   .iab-left{width: 100%;margin-bottom: 30px;} 
	 .iab-right{width: 100%;} 
	}
	@media(max-width:768px){
 .iab-nr{padding: 20px 10px;}
		}
 
	 
	/* 首页新闻展示 */
	.index-news{padding: 3%;overflow: hidden;padding-top: 1%;}
    .inews-nr{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .inews-left{width:58%;}
	.inews-ico{display: block;width: 100%;transition: 0.6s;}
	.inews-left:hover .inews-ico{-moz-box-shadow:0px 0px 18px #A1783A; -webkit-box-shadow:0px 0px 18px #A1783A; box-shadow:0px 0px 18px #A1783A;
	 transform: scale(0.95);}
	.inews-right{width:37%;display: flex;flex-direction: column;justify-content: space-between;}		
	.inews-title{font-size: 50px;color:#ab803f;font-family:"Calibri";margin-top: 18px;margin-bottom: 8px;line-height: 54px;}	
	.inews-subtitle{font-size: 14px;color:#212121;font-family:"Calibri";margin-bottom: 20px;line-height: 16px;}
	.inews-box{border-bottom: 1px solid #cfcfcf;padding-bottom: 16px;display: block;margin-top: 30px;}
	.inews-name{font-size: 22px;color:#343434;font-family::"Calibri";line-height: 24px;margin-bottom: 12px;transition: 0.6s;}
	.inews-desc{font-size: 14px;color:#616161;font-family::"Calibri";line-height: 20px;transition: 0.6s;}
	.inews-box1{display: flex;justify-content: space-between;margin-top: 10px;transition: 0.6s;}
	.inews-date{font-size: 12px;color:#343434;font-family::"Calibri";line-height: 30px;transition: 0.6s;}
	.inews-more{background: #b38641;color:#ffffff;text-align: center;border-radius: 15px;line-height: 30px;width: 100px;
	font-size: 12px;}
	.inews-box:hover{text-decoration: none;border-bottom: 1px solid #b68842;}
	.inews-box:hover .inews-name{color:#b68842;}
	.inews-box:hover .inews-desc{color:#b68842;}
	.inews-box:hover .inews-date{color:#b68842;}
	  @media(max-width:960px){ 
		  .inews-left{width: 100%}
		  .inews-right{width: 100%;}
	  }
		/* 页尾信息 */
		.footer{background: url(images/bg.jpg);padding:40px 3%;}
		.f-box{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}	
		
		.f-left{width: 280px;display: flex;align-items: center;flex-direction: row;}
		.f-center{width: calc(100% - 450px);}
		.f-lx{color:#867e6f;font-size: 16px;line-height: 20px;font-family: "Calibri";margin-bottom: 6px;}
		.f-right{width: 160px;display: flex;align-items: center;flex-direction: row;}
		.f-con{display: block;width: 160px;line-height:60px;border-radius: 30px;color:#fff;font-size: 14px;text-align: center;text-transform: uppercase;
		border-radius: 6px;background: #af8240;transition: 0.6s;}
		.f-con:hover{background: #000;color:#fff;text-decoration: none;}
	  @media(max-width:1080px){ 
	 .f-left{width: 100%;justify-content: center;margin-bottom: 20px;}
	 .f-center{width: calc(100% - 200px);margin-bottom: 20px;}
	 
	 }
	    @media(max-width:768px){ 
	 .f-center{width: 100%;margin-bottom: 20px;}
	 .f-right{width: 100%;justify-content: center;}
	 }
  

    /* 内页面包屑 */
   .m-box>a{font-size:18px;color:#ab803f;text-decoration: none;line-height:46px;font-weight: 400;text-transform: uppercase;}
   .xian5{background:none;padding:8px 0;background: none;border-bottom: 1px solid #ab803f;}
   .mbx-home{margin-right: 10px;}
   /* 内页公司简介 */
	.about{padding: 3%;}
	.ab-ico{display: block;transition: 0.6s;margin: 0 auto 30px;}
	.ny-title{font-size: 42px;text-align: center;line-height: 46px;color:#000012;margin-bottom: 40px;
    font-family: "Calibri";}
     /* 内页下载 */
	 .pic{padding: 3%;}
    .xz-box{display: block;}
	.xz-box img{width: 100%;border: 1px solid #ccc;}
	.dow-name{text-align: center;font-size: 16px;line-height: 20px;margin: 16px auto 0;color:#000;transition: 0.6s;}
	.dow{margin: 10px auto;background: #ab803f;color:#fff;text-align: center;width: 106px;line-height: 32px;transition: 0.6s;}
	.xz-box:hover{text-decoration: none;}
	.xz-box:hover .dow-name{color: #ab803f;}
	.xz-box:hover .dow{background: #000;color:#fff;}
	/*内页新闻列表 */
	   .news-list{padding:3% 0;}
	   .nlist-box{padding: 20px 0;transition: 0.8s;}
	   .nlist-left2{display: flex;flex-direction: row;align-items: center;}
	   .news-title{color:#343434;font-size: 22px;line-height: 24px;height: 24px;font-weight: 400;font-family:"Calibri";margin-bottom: 10px;transition: 0.6s;}
	   .news-desc{color:#616161;font-size: 14px;line-height: 20px;height: 40px;margin-bottom: 14px;font-family:"Calibri";transition: 0.6s;}
	   .news-box{display: flex;justify-content: space-between;margin-top: 6px;} 
	   .news-date{color:#343434;font-size: 12px;text-align: left;line-height: 30px;font-family:"Calibri";transition: 0.6s;}
	   .news-more{text-align: center;margin-top: 0;color:#ffffff;font-size: 12px;line-height:30px;width: 100px;background: #b18440;border-radius: 15px;transition: 0.6s;}
	   .news-xian{width:100%;height: 1px;background: #ddd;margin: 12px 0 0;transition: 0.6s;}
	   .nlist-box:hover{background: #b48641;}
	   .nlist-box:hover .nlist-nr{text-decoration: none;}
	   .nlist-box:hover .news-title{color: #fff;}
	   .nlist-box:hover .news-desc{color: #fff;}
	   .nlist-box:hover .news-date{color: #fff;}
	   .nlist-box:hover .news-more{color: #b48641;background: #fff;}
	   .nlist-box:hover .news-xian{background: #fff;}
	   
	  @media(max-width:768px){
	  .nlist-left{width: 100%;}
	  .nlist-right{width: 100%;}
	  .nlist-left1{border-right: none;height: auto;width: 100%;}
	  .news-nian{font-size: 20px;line-height: 24px;margin: 0;}
	  .news-date{font-size: 14px;text-align: left;width: 100%;margin-top:4px ;margin-bottom: 0;}
	    }
	
	/*内页新闻详情 */
	.news-page{padding:3%;}
	.news-page>div{max-width:1400px;}
	.xq-title{font-size:30px;line-height: 32px;font-weight: 400;text-align: center;color:#000012;font-family: "Calibri";margin-bottom: 40px;}
	
	.news-bottom{margin: 20px auto;}
	.pr-next{margin:4% auto 0;width:360px;}
	.pr-next>p{width:165px;height: 33px;border:1px solid #424242;color:#333333;line-height: 33px;text-align: center;font-size: 14px;cursor:pointer;}
	.pr-next>p:hover{border:1px solid #b88942;background: #b88942;color:#ffffff;}
	.pr-next>p:nth-child(1){float:left;}
	.pr-next>p:nth-child(2){float:right;}
	@media(max-width:480px){
	.m-box{padding: 0 15px;}
	}
	@media(max-width:400px){
	.pr-next{margin:20px auto 0;width:167px;}
	.pr-next>p{margin-bottom: 5%;}
	}
	/* 内页案例列表 */
	.case-list{padding: 3%;}
	
	.case-name{color:#000000;font-size: 24px;line-height: 28px;text-align: center;margin-top: 10px;
	display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;
	}
	   .case-more{color:#ffffff;line-height: 40px;width: 170px;text-align: center;display: block;background: #ffb500;margin: 16px auto;
	    transition: 0.8s;overflow: hidden;}	

	.case-box:hover{text-decoration: none;}
	@media(max-width:768px){
	.case-box2{opacity: 1;}
	}
	/* 产品列表 */
	.pr-list{padding: 3% 3%;}
	.lei-tu{display: block;margin-bottom: 20px;}
	.pro-left {padding-right: 0;}
	.pro-left ul li {display: block;text-align: left;line-height: 70px;margin-top:10px;background: #7b7b7b;padding:0 7%;}
	.pro-left ul li a {display: block;font-size: 20px;color: #ffffff;}
	.pro-left ul li:hover,.pro-left ul .default {background: #17adb4;color: #fff;}
	.pro-left ul li:hover a,.pro-left ul .default a {color: #fff;background:#17adb4 ;}
	.lei-list{background: #fff;}
	    .lei-list div .lei-name1 p{color:#fff!important;text-decoration: underline;background: #ab803f;} 
		.nav-box2{margin-bottom: 0;padding-bottom: 0;background: #ffffff;}
		.nav-box1{overflow:hidden;height:0;position:relative;}
	    .lei-list h3{padding: 0;padding: 12px 20px;position:relative;text-align: left;
		 color:#333333;line-height:20px;font-size: 16px;font-weight: bold;margin-bottom: 0;background: #fff;
	         }
	    .nav-box3{margin-bottom:16px;background: #ffffff;padding: 0 0;border: 1px solid #a0a0a0;}
		.nav-box3:hover{cursor: pointer;}
		 .lei-list a p{font-size: 14px;line-height: 24px;float: right;color:#666666;padding: 6px 20px;width: 100%;
		 background: none;text-align: left;margin-top: 1px;background: #eeeeee;
		 }
	
			
	.lei-list h3>img{position:absolute;top:calc(50% - 2px);right:20px;transform: rotate(0);}
	.lei-list div .uk-active img{transform: rotate(90deg);}
	.lei-list div .uk-active1{color:#ab803f!important;background: #fff;}
	.uk-accordion-content{padding:0!important;}
	.lpr-box{display: block;transition: 0.6s;position: relative;overflow: hidden;}
	.lpr-box1{position: relative;overflow: hidden;border: 1px solid #ab803f;}
	.lpr-img{width: 100%;display: block;margin: 0 auto;transition: 0.6s;}
	.lpr-img1{width: 100%;display: block;position: absolute;left: 0;top: 0;opacity: 0;}
	.lpr-title{text-align: center;font-size:14px;line-height: 42px;color:#333333;transition: 0.6s;margin-top: 10px;
	background:#eeeeee;
	}
	.lpr-box:hover{text-decoration: none;}
	 .lpr-box:hover .lpr-img1{animation:big 1s;} 
	.lpr-box:hover .lpr-title{color:#fff;background: #ab803f;} 
	@media(max-width:960px){
	.title-left1{width: 100%;margin-bottom: 20px;}	
	.title-right1{width: 100%;}	
	}

	
	

	/* 产品详情*/
	.pr-page{padding:3%;padding-bottom: 20px;}
	.pr-box1{margin-top: 20px;}
	.show{width: 100%;border: 1px solid #ab803f;}
	.xiao{border: 1px solid #ab803f;}
	.npr-title{color:#ab803f;font-size: 32px;line-height: 34px;margin-top: 30px;font-weight: bold;margin-bottom: 20px;}
	.pr-page .uk-active img{border: 1px solid #ffc46a!important;}
	.content-nr{padding: 3%;padding-top: 18px;}
	
	
	.s-left::before,.s-right::before{display: none;}
	.s-left{left:-8%!important;top: 50%!important;display: block!important;border: none;color:#999999;width: 34px;}
	.s-right{right:-8%!important;top: 50%!important;display: block!important;border: none;color:#999999;width: 34px;}	
	.s-left:hover{background: none!important;color:#ab803f!important;}
	.s-right:hover{background: none!important;color:#ab803f!important;}
		 	   @media(max-width:1500px){
		 	  .s-left{display: block!important;left:-2%!important;}
		 	  .s-right{display: block!important;right:-2%!important;}   
		 	   }


	/* 联系我们 */
	.contact{padding: 3%;}	
	.con-title{font-size: 42px;text-align: center;line-height: 46px;color:#000012;margin-bottom: 40px;
	text-transform: uppercase;font-family: "Calibri";}
	.c-left{width: 50%;float: left;position: relative;}
	.lx-nanme1{margin-bottom: 20px;font-size: 18px;color:#000;font-weight: bold;}
	.lx-nanme{color:#555555;line-height: 14px;line-height: 24px;;text-align: left;}
	.lx-nanme img{margin-right: 10px;position: relative;top:-3px}
	
	.c-right{width:47%;float: right;}
	 @media(max-width:960px){
	.c-left{width: 100%;float: none;margin-bottom: 30px;}
	.c-right{width:100%;float: none;}
	 }

 /* 联系我们页面表单 */
 .c-biaodan1{margin-top: 50px;}
  .c-biaodan1>li{margin-bottom: 14px;}
  .c-biaodan1>li>input{width: 100%;height: 38px;font-weight: 400;background: none;
  border:1px solid #999999!important;color:#000;padding-left: 16px;}
  .c-biaodan1>li>input::-webkit-input-placeholder{color:#989898;}
  .c-biaodan1>li>textarea{width: 100%;font-weight: 400;background: none;border:1px solid #999999!important;color:#000;
  padding-left: 16px;
  }
  .c-biaodan1>li>textarea::-webkit-input-placeholder {color: #989898;line-height: 38px;font-weight: 400;} 
  .c-biaodan1>li>textarea::-moz-input-placeholder {color: #989898;line-height: 38px;font-weight: 400;} 
  .c-biaodan1>li>textarea::-ms-input-placeholder {color: #989898;line-height: 38px;font-weight: 400;} 
  .c-send1{
  	width: 300px!important;
  	height: 48px!important;
  	background: #b58741;
  	border:1px solid #b58741;
  	color: #fff;

  	transition: 0.8s;-webkit-transition: 0.8s;
  	margin-top:10px;
  	display: block;
  }
  .c-send1:hover{color:#b58741;}
     
	


	CSS Document */
	


