a{ text-decoration: none; color: #ccc;} 
a:link { color: #ccc; } 
a:visited {color: #AE7617; } 
a:hover{ color: #AE7617; } 
a:active {color: #AE7617; }
html{ overflow-y:scroll;  height:100%;}
body{ margin:0 auto;padding:0; font-size: 0.9rem; color: #ccc;  }
ul{ margin:0 auto; padding:0; }
li{ list-style-type: none; }
h1,h2,h3,h4,h5,h6,h7,p,strong,b{ font-weight: normal; margin: 0 auto; padding: 0; }
h1{  font-family: Microsoft YaHei;  }
img{ vertical-align:top; }

 

.newsc img{ max-width: 100%; }
.newsc h3{ font-size: 1.3rem; color: #7000C6; font-weight: bold; margin: 8px 0 8px 0; }
.newsc h4{ font-size: 1.1rem; color: #AE750B;   margin: 4px 0 4px 0; }
.newsc p{ text-indent : 2em;  }
.newsc strong{ font-size: 1rem; font-weight: bold; }

.bg_eee {
background-size: 20px 20px; background-color: #eee;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .1) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%,
 transparent 45%, transparent);}
 
.bg_666 {
background-size: 20px 20px; background-color: #666;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .01) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .01) 50%, rgba(255, 255, 255, .01) 75%,
 transparent 45%, transparent);}


.bg_333 {
background-size: 20px 20px; background-color: #333;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .01) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .01) 50%, rgba(255, 255, 255, .01) 75%,
 transparent 45%, transparent);}

.bg_000 {
background-size: 20px 20px; background-color: #000;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .03) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .03) 50%, rgba(255, 255, 255, .03) 75%,
 transparent 45%, transparent);}
 
.bg_black {
background-size: 30px 30px; background-color: #111;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .01) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .01) 50%, rgba(255, 255, 255, .01) 75%,
 transparent 45%, transparent);}

.bg_zong {
background-size: 30px 30px; background-color: #AE7617;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent);}

.bg_zi {
background-size: 20px 20px; background-color: #7000C6;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent);}

 
.menu{ left: 0; top: 0px; height: 6vh; line-height:6vh;  width: 100%;  z-index: 999999999;   background: #7000C6;    overflow: hidden;  display: block;  }
.menu h1{ float:left; width: 30%;  overflow: hidden;  display: block; }
.menu h1 img{ width: 100%; margin-top: 10px; }
.menu p{ float:right;  width: 70%;}
.menu p a{ padding: 4px 6px 4px 6px; font-size: 0.9rem; display: block; float:right; color:#fff; }
.menu p a:Hover{ background: #FF0288; color: #fff; }
 
#main{    width: 100%;  height: 100%;  }
.page{ width:100%;  margin:0;}
#page1{ background: #eee; }
.page1c{   overflow: hidden;  display: block; }
.page1l{ width: 100%;    overflow: hidden;  display: block;  }
 
.page1lc{ width: 100%;    background: url(about.jpg) no-repeat; background-size: 100%; padding-top: 4px; }
.page1lcc{ background-size: 30px 30px; background-color: #111;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .01) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .01) 50%, rgba(255, 255, 255, .01) 75%,
 transparent 45%, transparent);
 width: 86%; margin:0% 5% 5% 5%; padding: 2%;   opacity: 0.8;
 }
.page1lcc h1{ color: #FFFF80; font-size: 1.4rem; }
.page1lcc p{  text-indent:2rem; font-size: 0.85rem; color: #fff; margin: 10px 0 10px 0; line-height: 140%; }
.page1r{  width: 100%;    overflow: hidden;  display: block; margin-top: -22px;  }
.page1r h3{ margin: 20px; border-bottom: 2px #E1B828 solid; padding-bottom: 10px; }
.page1r span{ overflow: hidden;  display: block; }
.page1r span img{ width: 96%; margin: 2%; display: block; }

.page1r p{ margin-left: 40px; height: 52px; line-height: 52px; width:49%; margin: 0.5%; float:left; 
background-size: 30px 30px; background-color: #111;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent);
 }
.page1r p img{ height: 40px; margin-top: -2px; }
.page1r p strong{ margin-left: 0px; font-size: 0.9rem; }



.page2l{ width: 100%;  overflow: hidden;  display: block;  
background-size: 30px 30px; background-color: #111;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent);
 padding: 10px 0 10px 0;
 }
 
.page2l img{ width: 33.33%; float:left; }
 
.page2r{ width: 100%; display:none; overflow: hidden;   }
.page2r img{ width:100%; }
#page3{ 
background-size: 30px 30px; background-color: #FF0288;
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .04) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,
 transparent 45%, transparent); overflow: hidden; display:block;
 }
#page3 h3{ padding-top: 30px; font-size: 2rem; text-align: center; display: block; color: #FFFF00; }
#page3 span{ padding-top: 10px; font-size: 1.1rem; text-align: center; display: block; color: #fff;  }
.im2{ background-size: 30px 30px; background-color: #111;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .01) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .01) 50%, rgba(255, 255, 255, .01) 75%,
 transparent 45%, transparent); width: 46%; margin:2%; text-align: center; float:left;  }
.im2 img{ width: 100%; }
.page3c{ height: 280px;   margin-top: 20%;  }


.scroll_horizontal{position:relative;width: 100%;height:auto; }
.scroll_horizontal .box{overflow:hidden;position:relative;width: 100%; margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:99999px;}
.scroll_horizontal .list li{float:left;width: 120px; padding: 4px; }


.news_lists{  width: 96%;margin: 2%;overflow: hidden; display:block; }
.news_lists h2{ font-size: 1.6rem; padding-left: 20px; height: 52px;  color: #997B15; line-height: 52px; background: #f7f7f7; }
.news_lists li{ height: 36px; line-height: 36px;  font-size: 1rem; width: 96%; border-bottom: 1px #eee solid; padding-left: 1%; margin: 0 1% 0 1%;}
.news_lists li:Hover{ background: #f7f7f7; }
.news_lists li a{ color: #666; }
.news_lists li a:hover{  color: #AE750B;  }
.news_lists li font{ color: #666; float:right; }

#page4{
background-size: 20px 20px; background-color: #eee;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .1) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%,
 transparent 45%, transparent); 
}
#page4 h1,.goods_list h1,.news_list h1{ height: 36px; line-height: 36px; padding-top: 20px; font-size: 2.4rem; text-align: center; display: block; color: #AE750B; }
#page4 span,.news_list span{ height: 44px; line-height: 44px; font-size: 1.2rem;  text-align: center; display: block; color: #666; }
.page4t{ width: 100%;  overflow: hidden; display:block; }
.page4t a{ width: 19%; margin: 0.5%; float:left; height: 36px; line-height: 36px; text-align:center; color: #AE750B; background: #f7f7f7; font-size: 1rem; display: block; }
.page4t a:Hover{ background: #AE750B; color: #fff; }

.news_list,.news{ width:96%; padding: 2%;  overflow: hidden; display:block; }
.news_list li{ height: 46px; line-height: 46px;font-size: 1rem; border-bottom: 1px #eee solid; padding-left: 10px; padding-right: 10px; }
.news_list li:Hover{ background: #f7f7f7; }
.news_list li a{ color: #666; }
.news_list li a:hover{  color: #AE750B;  }
.news_list li font{ color: #666; float:right; }

.news h1{ height: 46px; line-height: 46px;   font-size: 1.4rem; text-align: center; display: block; color: #AE750B; }
.newsc{ font-size: 0.9rem;color: #666; line-height: 180%; border-top: 2px #eee solid; padding-top: 10px; margin-top: 10px; }
.newsc img{ max-width: 98%; margin: 1%; }
.im3s{ width: 98%;  padding:  1% ; margin: 0 auto;  margin-top: 10px;  overflow: hidden; display:block; }
 
.im3 h3{ width: 100%; text-align: center; padding-top: 10px; }
.im3 h3 img{ width: 40%; }
.im3c{  overflow: hidden; display:block;   }
.im3c li{  float:left; text-align: center;  }
.im3c li pic{  overflow: hidden; display:block; }
.im3c li pic img{ width: 100%; }
.im3c li p{ height: 56px;line-height: 28px; font-size: 1rem; }
.im3c li p a{ color: #FBCD69; }

.im3cs{  overflow: hidden; display:block;  margin-top: 20px; width: 96%; padding: 2%;  }
.im3cs li{  float:left; text-align: center; width: 46%; margin: 2%; float:left;  }
.im3cs li pic{  overflow: hidden; display:block; }
.im3cs li pic img{ width: 100%; }
.im3cs li p{ height: 56px;line-height: 28px; margin-top:12px; font-size: 1.2rem; }
.im3cs li p a{ color: #AE750B; }



#page5{
  background-size: 30px 30px; background-color: #111;  
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .01) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .01) 50%, rgba(255, 255, 255, .01) 75%,
 transparent 45%, transparent);      overflow: hidden; display:block;
}
#page5 p{ margin-top:  0px;}
.page5l{ width: 100%; overflow: hidden; display:block;  overflow: hidden; display:block; }
.page5l img{ width: 48%;margin: 1%; float:left; }
.page5r{ width: 98%;overflow: hidden; display:block; padding: 1%;  overflow: hidden; display:block; }
.page5r img{ width: 100%; }
#page6,#page7{
  background-size: 20px 20px; background-color: #eee;   
background-image: linear-gradient(-135deg, rgba(255, 255, 255, .1) 25%, transparent 25%,
 transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%,
 transparent 45%, transparent); overflow: hidden; 
}

#page6 h1{ height: 46px; line-height: 46px; padding-top: 26px; font-size: 2.4rem; text-align: center; display: block; color: #AE750B; }
#page6 span{ height: 46px; line-height: 46px; font-size: 1.3rem;  text-align: center; display: block; color: #666;  }
.page6c{  overflow: hidden; display:block;  width: 100%;  }
.page6c p{  width: 31.33%; margin: 1%; float:left; }
.page6c p img,.page6b img{ width: 100%;  }

.page6b{ overflow: hidden; display:block; }


.page7l{ width: 35%; float:left; overflow: hidden; display:block;  }
.page7lc{width: 100%; overflow: hidden; display:block;  }
.page7lc img{ width: 96%; margin: 20% 2% 2% 2%; }
.page7r{ width: 65%; float:left;  overflow: hidden; display:block;   }
.page7r h3{ height: 32px; line-height: 32px; padding-top: 10px; font-size: 1.6rem; text-align: center; display: block; color: #FFFF00; }
.page7r span{ height: 24px; line-height: 24px; font-size: 1rem;  padding-top: 10px;  text-align: center; display: block; color: #fff; }
.page7r p{ width: 96%; margin: 2% 2% 0% 2%;  font-size: 0.9rem;  text-indent:2rem; color: #eee; line-height: 140%; }

.ewm{ width: 80%; margin: 0% 10% 2% 10%;overflow: hidden; display:block;  }
.ewm pp{ width: 40%; margin: 5%; float:left; text-align: center;  }
.ewm strong{  color: #FFFF00; height: 32px; line-height: 32px; font-size:1rem;  }
.ewm pp img{ width: 100%; }

#page8{  }
.page8c{  overflow: hidden; display:block; color: #333; line-height: 100%; width: 96%; margin: 2%;   }
.page8c p{ width: 48%; margin: 1%; height: 100px; background: #eee; float:left; display: block; }
.page8c p strong{ width: 30%; float:left; padding-top: 30px; font-size: 1.6rem; color: #C28214; text-align: center; }
.page8c p span{ width: 65%; float:right;  margin-top: 10px; padding-right: 3%;}
.page8c p span font{ height: 24px; line-height: 24px; font-size: 1.2rem; display: block; }
.page8c p span b{  line-height: 140%; font-size: 0.8rem; color: #666; display: block; margin-top: 6px; }

.foot{  overflow: hidden; display:block;  }
.imr1,.imr2,.imr3,.im2{  position: relative; }

 

/* 定义关键帧动画 */
@keyframes imr {
    0% { /* 开始位置 */
        transform: translate(0, 0);
    }
    100% { /* 结束位置 */
        transform: translate(300px, 0); /* 目标横坐标减去初始横坐标，目标纵坐标减去初始纵坐标 */
    }
}

  

 .animation-element {
    opacity: 0; /* 开始时隐藏元素 */
    transition: opacity 3s ease-in-out; /* 添加过渡效果 */
	
  }
  .animation-active {
    opacity: 1; /* 动画激活时显示元素 */
  }


.vipbanner{ overflow: hidden; display:block; background: #0A090F; width: 100%; }
.vipbanner img{ width: 50%; padding: 0 25% 0 25%; }
.goodsbanner{ overflow: hidden; display:block; background: #0A090F; width: 100%; }
.goodsbanner img{ width: 100%;  }

.contact{ width: 100%;  background: #0D8BFD;  }
.contactc{ width: 100%; text-align: center;  }
.contactc img{ width: 100%; }
 
 
.footc{ width: 100%;  overflow: hidden; display:block; font-size: 1rem; }
.footl{ overflow: hidden; display:block; padding: 2%; }
.footl h3{ height: 36px; line-height: 36px; font-size: 1.6rem;}
.footl strong{ height: 44px; line-height: 44px; font-size: 1rem; }
.footl p{ height: 40px; line-height: 40px; }
.footl p img{ height: 24px; margin: 8px; margin-right: 14px; }
.footl p a{ color: #E1B828; }


.footr{ overflow: hidden; display:block; }
.footr p{ width: 27%; margin: 6% 3% 3% 3%; float:left; }
.footr p b{ height: 44px; line-height: 44px; display: block; text-align: center; font-size: 1rem; }
.footr p img{ width: 100%; }

.footb{ border-top: 1px #666 solid; width: 80%; margin: 30px 10% 0 10%; overflow: hidden; display:block; padding-top: 10px; }
.footb img{ height: 40px; float:left; }
.footb p{ height: 30px; line-height: 30px; float:right; }

.goods1,.goods1l,.goods1r{ height: auto; }
.goods1l{ width: 100%; overflow: hidden; display:block; }
.goods1l p{ display: block;   width: 46%; float:left; margin: 2%; }
.goods1l p img{}
.goods1r{  width: 100%; overflow: hidden; display:block; }
.goods1r li{ width: 46%; margin: 2%; font-size: 1.2rem; }
.goods1r li img{ margin-bottom:10px; }

.mno{ display: none; }
.goods2 { width: 100%; overflow: hidden; display:block; }
.goods2 h3{ text-align: center; display: block; margin-top: 20px; }
.goods2 li{   padding: 3%; overflow: hidden; display:block;  background: #fff;  }
.goods2 li pic{ width: 25%; float:left; }
.goods2 li pic img{ width: 100%; }
.goods2 li p{ float:right; width: 73%;  }
.goods2 li p strong{ font-size: 2rem;  overflow: hidden; display:block; }
.goods2 li a{ color: #9C670E; }
.goods2 li a:Hover{ color: #FF0288; }
.goods2 li p span{ color: #666;overflow: hidden; display:block;  line-height: 180%; font-size: 1rem; margin-top: 6px; }

 
.about { width: 96%; padding: 2%; background: #fff; overflow: hidden; display:block; color: #666; }
.about p{  text-indent:2rem;  font-size: 1rem; line-height:160%; }
.about h1{ height: 76px; line-height: 76px;   font-size: 3rem; text-align: center; display: block; color: #7000C6; }
.about span{ height: 44px; line-height: 44px; font-size: 1.6rem;  text-align: center; display: block; color: #666; margin-bottom: 10px; }

.about2,.about2l,.about2r{ height: 60vh; }
.about2l{ width: 30%; float:left;   background: url(page2r.png) no-repeat; background-size:80%; }
.about2l img{ display: block;  margin-top: 20%; margin-right: 10%; float: right; }
 
.about2r{ width:70%;overflow: hidden; display:block;   }
.about2rc{ margin-top: 10px; }
.about2r p{ font-size: 1rem; font-weight:normal; overflow: hidden; margin-top: 20px; line-height: 160%; display:block;  padding: 1%; color: #fff; }
.about2r p font{font-size: 1.2rem;  color: #FDCB64; margin-right: 8px; display: block; margin-bottom:8px;}



.about3,.about3l,.about3r{ overflow: hidden; display:block;   }
.about3l{ width: 96%; padding: 2%; overflow: hidden; display:block;  }
.about3lc{  background: #fff;   width: 96%; padding: 2%; overflow: hidden; display:block;}
.about3lc h3{ color: #7000C6; font-size: 2.4rem; text-align: center; display:block; margin: 10px; }
.about3lc span{ color: #333; font-size: 1.2rem;  margin: 20px; overflow: hidden; display:block; }
.about3lc p{ text-indent:2rem;  color: #666; font-size: 1rem; line-height: 180%; overflow: hidden; display:block; }

.about3r{  width: 96%; padding: 2%; overflow: hidden; display:block;  text-align: center;   }
.about3r img{ display: block; margin: 10%; width:80%;  }

.hzhb{ width: 100%;   background: url(hzhb.jpg) no-repeat; background-size: 100%; }
.hzhb h1{ display:none; }
 
.hzhb p{ width: 100%;  overflow: hidden; display:block; padding-top: 8px; }
.hzhb p img{ width: 23%; margin: 1%; float:left; }

.app1{ width: 100%; overflow: hidden; display:block; padding-top: 20px; }
.app2{  overflow: hidden; display:block;  }
.app2l{ width: 96%; overflow: hidden; display:block; padding: 0% 2% 1% 2%;  }
.app2l h1{ font-size: 1.6rem; color: #fff; height: 60px; line-height: 60px;  }
.app2l p{ color: #fff; line-height: 160%; margin-bottom: 10px; font-size: 1rem; text-align:left; margin-left: 5%; }
.app2r{ width: 100%; overflow: hidden; display:block;   }
.app2r img{ width: 60%; padding: 5% 20% 5% 20%; }

.app3{   overflow: hidden; display:block;  }
.app3 img{   width:92%; display: block; margin: 4%; }

.app4{width: 100%;   overflow: hidden; display:block;  }
.app4l{ width: 96%;  padding: 2%; overflow: hidden; display:block; }
.app4l h1{ font-size: 1.6rem; color: #FF0288; height: 60px; line-height: 60px;  }
.app4l p{ color: #666; line-height: 220%; font-size: 1.2rem; text-align:left; margin-left: 10%; }
.app4r{ width: 100%;   overflow: hidden; display:block; }
.app4r img{ width: 100%; }


.vip1,.vip2,.vip3,.vip4{ height: auto;   overflow: hidden; display:block;  }
.vipc{overflow: hidden; display:block; }
.vipc span{ display: block; }
.vipc span img{ width: 90%; margin: 5%;  }
.vipc p{overflow: hidden; display:block; }
.vipc p img{ width: 46%; margin: 2%; float:left; }
.vip1l{ width: 100%; overflow: hidden; display:block;  }
.vip1r{ display:none;   }
.vip1 img{ width: 90%; margin: 5%; }
 


.good{  overflow: hidden; display:block; color: #666; }
.goodl{ width: 100%; overflow: hidden; display:block; }
.goodl img{ width: 100%; }
.goodr{ width: 100%; overflow: hidden; display:block;  }
.goodr h1{ text-align: left;  font-size: 1.4rem; margin:   10px 0 10px 0; padding:0;   }
.goodr strong{ padding: 8px;  overflow: hidden; display:block; color: #EF684B; background: #FFF0E1; }
.goodr strong img{ height: 18px; margin: 2px 5px 0 10px; }
.goodr span{ height: 100px; line-height: 100px; font-size: 2rem;   padding-left: 20px; background: #f7f7f7;  overflow: hidden; display:block; }
.goodr span font{ font-size: 3rem;  color: #EF684B;  }
.goodr span b{ margin-left: 30px; font-size: 1.6rem;  }
.goodr p{ height: 60px;  : hidden; display:block; margin-top: 20px; }
.goodr p b{ width: 29.33%; margin: 2%; float:left; display: block; text-align: center; font-size: 1.2rem; color: #AE750B; }
.goodr p b img{ width: 100%; display: block; margin-top: 12px; }