﻿    body{
  background: url(/Tpl/Home/default/images/bg.png);letter-spacing:1px;
}
/* banner样式 */
.slideBox{ width:100%; height:660px; overflow:hidden; position:relative; }
.slideBox .hd{ height:30px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; padding: 0px;margin:0px; }
.slideBox .hd ul li{ float:left;  margin:10px 10px 0 30px;  width:5px; height:5px; text-align:center; background:#fff; 
  -webkit-transform-origin:0 100%;
  -moz-transform-origin:0 100%;
  -o-transform-origin:0 100%;
  -ms-transform-origin:0 100%;
  transform-origin:0 100%;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);

	cursor:pointer; list-style-type :none; }
.slideBox .hd ul li.on{ background:#81a849; color:#fff; width:15px; height:15px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{ padding: 0px;margin:0px;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; list-style-type :none; }
.slideBox .bd img{ width:1920px; height:660px; display:block;  }
/* 导航*/
.navbg{background: url(/Tpl/Home/default/images/top-bg1.png) no-repeat top center; padding:0px;width:100%; height:160px;}
.pagenavbg{background: url(/Tpl/Home/default/images/top-bg1.png) top center; padding:0px;width:100%; height:160px;}
.navlogo{ margin: 0px auto; width:197px;height:100px;overflow:hidden;}
.navtitle{ margin: 0px auto; width:830px;height:45px;top:15px;}
.navBar-all{float:left; width:100%;height:30px;}
.navBar-link{float:right;width:245px;height:30px;font-size: 11px;line-height:30px;letter-spacing:1px;}
.navBar-link a{color:#fff;}
.navBar-link a:hover{ text-decoration:none; color:#ffff00;   }
.navBar{margin: 0px auto; width:830px;height:45px;color:#fff; }
.nav{ width:100%; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav .m{ float:left;  position:relative; border-top:0; border-bottom:0; margin-left:-1px;   }
.nav a:hover{ text-decoration:none; color:#000;   }
.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:12px; height:45px; letter-spacing:2px;overflow:hidden;  }
.nav h3 a{ display:block; color:#fff;  padding:5px 58px;  vertical-align:top; line-height:55px;  }

.nav .on{ border-color:#ffff00;   }
.nav .on h3 a{ color:#ffff00; border-color:#d3d1d1 !important;  }
.nav .on h3 a:hover{ color:#ffff00;   }
.nav .sub{ display:none; /*默认隐藏*/ width:100%; padding:10px 0;position:absolute; left:-1px; top:52px; background:#fc8e2c; text-align:center;  }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:auto; line-height:35px; padding:0px 0;  display:block;  color:#fff;   }
.nav .sub li a:hover{ color:#ffff00;   }
.top_bg{
  background: url(/Tpl/Home/default/images/top_bg.png)no-repeat;
  width: 100%;
}
.footer_bg{
  font-size:12px;
  letter-spacing:1px;
  color:#fff;
  background:#e67817;
  width: 100%;
}
.bottom-xia{
  max-width: 1240px;
    margin: 30px auto;
    width: 98%;
    text-align: center;
    height: 40px;
     position: relative; 
}
.bottom-img{
      background: url(/Tpl/Home/default/images/xia.png);
    width: 19px;
    height: 24px;
    position: absolute;
    top: 0px;
    display: inline-block;
    animation-name: myfirst;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}
.more-img{
    background: url(/Tpl/Home/default/images/more.png)no-repeat;
    width: 57px;
    height: 57px;
    display: block;
    color: #4f8320;
    font-size: 12px;
    line-height: 57px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    margin-bottom: 30px;

}
@keyframes myfirst
{
0%   {top:0px;}
25%  {top:10px;}
50%  {top:20px;}
100% {top:30px;}
}
.hr{
max-width: 1240px;
    width: 98%;
    margin: auto;
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    background: url(/Tpl/Home/default/images/xie_xian.png) repeat-x bottom;
    padding-bottom: 10px;
  
}
.zdy-bg{background-color: #f8f8f8;
}
.zdy-bg:hover{background-color: #8dc1ba;}
.zdy-bg h2:hover{color: #fff;}
.zdy-bg span:hover{color: #fff;}
.li_1{
      background: url(/Tpl/Home/default/images/li_1.png)no-repeat;
      background-position: 100% 75% ;
}
.zdy {margin:0 33%;width: 100%;font-size:12px;}
.zdywx{ margin: 0px auto; width:93px; height:93px;margin-bottom: 10px}
.zdy a{color:#fff;font-size:12px;}
.zdy a:hover{ text-decoration:none; color:#000;   }
.zdy li{list-style-type :none ;float:left; }
.acc{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block;float: right;}
.title-bg{background: url(/Tpl/Home/default/images/title-bg.jpg) repeat-x bottom;}
#cus_ser{
        z-index:9999;
		font-size:12px;
		line-height:28px;
        width:120px; 
		height:280px;
        position:fixed; 
		right:0px; 
		top:200px; 
		overflow:hidden;
		background: url(/Tpl/Home/default/images/qq_line.png) no-repeat;
}
#cus_ser .qq-fine{
		margin-top:110px;
		margin-left:12px;
}
#cus_ser .im-tel{
		margin-left:12px;
}
#cus_ser .im-tel .tel-num{ width:100%; height:20px;font-size:13px;font-weight:bold; color:#e15b02; line-height:16px;}
.top-link {float: right;}
.bottom-link a{color:#fff;}
.bottom-link a:hover{ text-decoration:none; color:#000;   }
#menu { width:99%; margin:auto;}
 #menu h1 { font-size:12px; margin-top:1px; background-color:#d9d9d9;height:40px; line-height:30px;}
 #menu h2 { font-size:12px; border:#E7E7E7 1px solid; border-top-color:#FFF; background-color:#F4F4F4;height:30px;line-height:20px;}
 #menu ul { font-size:12px; padding-left:15px; height:auto;border:#E7E7E7 1px solid; border-top:none;overflow:auto;}
 #menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
 #menu a:hover{ color:#fff; background:#444;}
 #menu .no {display:none;}
 #menu .h1 a{color:#000;}
 #menu .h2 a{color:#666;}
 #menu h1 a{color:#000;}
.product_img{float:left;width:100%;}
.product_img .boximg1{float:left;}
.main_bg{background:#FFF;}
.main_bg1{background:#fcf3e4;}

#index-seach{
	height: 70px;
    margin: 0px 0px 5px 0px;
}
#index-seach .forms {
    width: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

#index-seach .input_out{border-radius: 4px 0 0 4px; width: 36%; height: 38px;color: #666;padding: 4px;border-width: 2px 0 2px 2px;border-color: #f60;border-style: solid;outline: 0;font-family: "microsoft yahei";}
#index-seach .button {border-radius: 0 4px 4px 0; width: 82px;height: 38px;background: #f60;border: none;line-height: 1;color: #fff;font-family: "Microsoft YaHei";cursor: pointer;}
#index-seach .button:hover {background: #ff0000;}
