/* 全局样式 */
* {font-family: "Microsoft YaHei",微软雅黑;}
body {margin: 0;padding: 0;	font-size: 13px; color: #000; height:100%; line-height:22px; width:100%;}
div,span,form,img,ul,ol,li,dl,dt,dd {margin: 0;	padding: 0;	border: 0;}
ul,h1,h2,h3,h4,h5,h6,p{padding: 0;	margin: 0;list-style-type: none;font-weight: normal;}
li,dl {	list-style-type: none;}
input,button,textarea,select {font: 100% Arial, '宋体';	outline: none;}
.clear {height: 0;line-height: 0;font-size: 0;clear: both;}
img{border:none;}
html{ overflow-x:hidden;}
a {color:#000;text-decoration:none;}
a:hover, a:active {color:#DB0000;}
.lf{ float:left;}
.rg{ float:right;}
.box{ width:1000px; margin:0 auto;}
.boxs{ width:100%; margin:0 auto;}
.h03 {height:3px;}
.h80 {height:80px;}
.h40 {height:40px;line-height:40px;}
.h530 {height:530px;}
.h390 {height:390px;}
.h200 {height:200px;}
.h320 {height:320px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:22px;}
.mt_50{margin-top:50px;}
.ml_20{margin-left:20px;}
.mb_15{margin-bottom:15px;}
.pt_10{padding-top:10px;}
.pb_10{padding-bottom:10px;}
.bg1{background:#5DAC01;}
.bg2{background:url(../images/index_teshe_bg.jpg) no-repeat center;}
.bg3{background:#F6F6F6;}
.bg4{background:#009900;}
.bline{border-top:1px solid #F1F1F1;border-bottom:2px solid #5DAC01;}

/*head*/
.head_logo{width:170px;padding:15px 0; overflow:hidden;}
.head_cname{width:300px;padding:25px 0; overflow:hidden;}
.head_tel {width:220px;padding:18px 0; overflow:hidden;}

/*menu*/
.menus {width:960px; margin:0 auto;}
#nav_all li {height:40px; float:left; width:160px; position:relative; z-index: 999;}
#nav_all li a {color:#000; font-size:16px; display:block; width:160px; text-align:center; height:40px; line-height:40px; text-decoration: none;}
#nav_all li:hover a.yiji {color:#000;}
#nav_all li a:hover {color:#FF6600;border-bottom:2px solid #FF6600;display:block;}
.liactive {color:#FF6600 !important;border-bottom:2px solid #FF6600 !important;display:block !important;}
#nav_all li ul {display:none; width:160px; position:absolute; left:0px; top:40px; z-index: 999; background:#5DAC01; }
#nav_all ul li {clear:both; display:block; height:25px; line-height:25px; width:160px;text-align:center;z-index:999;}
#nav_all ul li a { height:25px; line-height:25px; font-size:12px; width:160px; color: #FFF; display:block; padding:0;text-align: center;font-weight: normal; white-space:nowrap;}
#nav_all ul li a:hover { color:#FFF; margin:0; padding:0; background:#FF6600; width:160px; border:0px;}

/*Banner*/
.por{position: relative;}

/*index title*/
.i_title_bg {width: 400px; text-align:center;height:70px;margin: auto;background: url(../images/line_bg.png) no-repeat bottom;}
.title_En {font-weight: bold;color: #999999;font-size: 25px;float: left;margin-left: 25px; line-height:60px;}
.title_Ch {font-weight: bold;color: #FF6600;float: left;margin-left: 55px; font-size:30px; line-height:60px;}

/*index product*/
.inpro{overflow:hidden;}
.inpro .lefta,.inpro .righta{ float:left; width:40px; height:75px; cursor:pointer;}
.inpro .lefta{ background:url(../images/lefta.png) no-repeat left top; margin-right:14px; margin-top:80px;}
.inpro .righta{ background:url(../images/righta.png) no-repeat left top; margin-left:14px; margin-top:80px;}
.inpro .lefta:hover{ background:url(../images/lefta.png) no-repeat left bottom;}
.inpro .righta:hover{ background:url(../images/righta.png) no-repeat left bottom;}
.inpro .proWind{ float:left; width:878px; height:240px; overflow:hidden;margin-top:20px;}
.inpro .proWind ul{ overflow:hidden; width:99999px;}
.inpro .proWind ul li{ width:152px; height:240px; float:left; margin-left:15px; margin-right:15px;overflow:hidden;}
.inpro .proWind ul li .img{ width:150px; height:200px; float:left; text-align:center;overflow:hidden; border:1px #F5F5F5 solid;}
.inpro .proWind ul li .img a img{width:150px;height:200px;border:0;transition:all 1s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;}
.inpro .proWind ul li .img a:hover img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.inpro .proWind ul li .z2{ width:152px; float:left; line-height:30px; height:30px; text-align:center;background:#F5F5F5;}
.inpro .proWind ul li .z2 a{ width:152px; float:left; height:30px; font-size:14px; color:#000;}
.inpro .proWind ul li .z2 a:hover,.inpro .proWind ul li .z2 .hover{width:152px; float:left; height:30px; color:#FFF;background:#5DAC01;}

.mores{ margin:20px auto; width:228px; overflow:hidden;}
.mores li{ width:94px;float:left; text-align:center; padding-right:20px; line-height:29px;font-size:12px; font-weight:normal; background:url(../images/icon5.png) no-repeat left center;}
.mores li a{ display:block; color:#FFF;}
.mores li:hover{ background:url(../images/icon6.png) no-repeat center center;}
.mores li:hover a{ color:#333;}

/*index youshi*/
.i_producttitle{width:150px;height:52px;line-height:52px;margin:0 auto;overflow:hidden;}
.i_producttitle h1{font-size:20px; font-weight:bold;text-align: center; color:#FFF;}
.i_productpic{width:1100px;height:340px;margin:65px auto;overflow:hidden;}

/*index about*/
.i_about_content{width: 580px;line-height:30px; font-size:14px;margin:20px 0;text-indent:2em;overflow:hidden;}
.i_about_pic{width: 380px;margin-top:20px;}
.i_about_pic img{border:5px #F5F5F5 solid;}

/*index news*/
.NewsList{width: 1000px;margin:10px auto;overflow:hidden;}
.NewsList li{float:right; width:440px; margin:10px 19px;padding:10px;border: 1px solid #ccc;background:#FFFFFF;}
.NewsList li:first-child{float:left; }
.NewsList li a:hover{color:#FF6600;}
.NewsList li a h4,.NewsList li a h4 a:link{ font-size:20px; line-height:35px;font-weight: bold;color:#009900;}
.NewsList li a p{ line-height:22px; height:45px; overflow:hidden; color:#333;}

.box .more{ background:url(../images/icon6.png) no-repeat left center; width:94px; text-align:center; padding-right:20px; line-height:29px; margin:20px auto;font-size:12px; font-weight:normal;}
.box .more a{ display:block; color:#333;}
.box .more:hover{ background:url(../images/icon5.png) no-repeat center center;}
.box .more:hover a{ color:#fff;}

/* bottom*/
.bottom_title{width:120px;font-size:16px; position:relative; text-align:center; color:#000;font-weight: bold;}
.bottom_title span{font-size:12px; position:relative; color:#666;}
.bottom_lf{ width:460px; position:relative;}
.bottom_lf .div1{ padding-left:25px; color:#000; font-size:13px; line-height:30px; background:url(../images/index/index_r13_c4.jpg) left center no-repeat; margin-top:9px; margin-bottom:9px;}
.bottom_lf .div2{ padding-left:25px; color:#000; font-size:13px; line-height:30px; background:url(../images/index/index_r15_c4.jpg) left center no-repeat; margin-top:9px; margin-bottom:9px;}
.bottom_lf .div3{ padding-left:25px; color:#000; font-size:13px; line-height:30px; background:url(../images/index/index_r17_c4.jpg) left center no-repeat; margin-top:9px; margin-bottom:9px;}
.bottom_lf .div4{ padding-left:25px; color:#000; font-size:13px; line-height:30px; background:url(../images/index/index_r19_c4.jpg) left center no-repeat; margin-top:9px; margin-bottom:9px;}
.ewm{width:220px;text-align:center;}
.ewm title{height:30px; line-height:30px; text-align:center;}
/*food*/
.foot{color:#FFF;}
.foots{ width:1000px; margin:0 auto;}
.foot .lf a{ color:#FFF; margin-left:5px; margin-right:5px;}
.foot .rg a{ color:#FFF;}


/*Top*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#tbox{width:54px; float:right; position:fixed; right:50px; bottom:15px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:15px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:54px; height:56px; background:url(../images/icon.png) no-repeat; display:block;}

/*QQ*/

.float0831 {position: fixed; top: 180px; right: 1px; _position: absolute; z-index: 999;}
.float0831 a {color: #000}
.float0831 a:hover {color: #ff8100; text-decoration: none}
.float0831 .floatR {background: url(../images/float_bg.gif)}
.float0831 .tp {background: url(../images/float_bg.gif)}
.float0831 .cn {background: url(../images/float_bg.gif)}
.float0831 .floatR {padding-bottom: 15px; width: 130px; background-repeat: no-repeat; background-position: -131px bottom; float: left; overflow: hidden}
.float0831 .tp {background-repeat: no-repeat; background-position: 0% 0%; height: 10px}
.float0831 .cn {background-repeat: repeat-y; background-position: -262px 0px}
.float0831 .cn H3 {text-indent: -9999px; height: 36px; font-size: 0px}
.float0831 .cn ul {padding-bottom: 0px; padding-left: 14px; padding-right: 14px; padding-top: 0px}
.float0831 .cn ul li {border-bottom: #e6e5e4 1px solid; line-height: 36px; word-wrap: break-word; height: 36px; overflow: hidden; word-break: normal}
.float0831 .titZx {background: url(../images/float_s.gif) no-repeat}
.float0831 .titDh {background: url(../images/float_s.gif) no-repeat}
.float0831 .titDc {background: url(../images/float_s.gif) no-repeat}
.float0831 .icoZx {background: url(../images/float_s.gif) no-repeat}
.float0831 .icoTc {background: url(../images/float_s.gif) no-repeat}
.float0831 .icoFf {background: url(../images/float_s.gif) no-repeat}
.float0831 .icoTl {background: url(../images/float_s.gif) no-repeat}
.float0831 .titZx {background-position: 5px -10px}
.float0831 .titDh {background-position: 5px -66px}
.float0831 .titDc {background-position: 5px -124px}
.float0831 .icoZx {background-position: 2px -154px}
.float0831 .icoTc {background-position: 0px -323px}
.float0831 .icoFf {background-position: 2px -213px}
.float0831 .icoTl {display: block; background-position: 120px -266px; float: left}
.float0831 .icoZx {padding-left: 28px; display: block; float: left}
.float0831 .icoTc {padding-left: 28px; display: block; float: left}
.float0831 .icoFf {padding-left: 28px; display: block; float: left}
.float0831 ul li H3.titDc a {width: 80px; display: block; height: 36px}
.float0831 ul li.top {border-bottom: #e6e5e4 1px solid}
.float0831 ul li.bot {border-bottom-STYLE: none}


/*二级页面*/

/*Class Banner*/
.lbanner{ width:100%; height:320px; overflow:hidden;}

#tabcon{width:100%; height:55px; background:url(../images/class/tabbg.jpg) 0 bottom repeat-x; margin-top:1px; overflow:hidden}
.tabcon{ width:1000px; margin:0 auto; height:50px; overflow:hidden}
.tablist{height:50px;float:left;border-left:1px solid #d8d8d8; overflow:hidden}
.tablist li{ float:left; height:50px; border-right:1px solid #d8d8d8; font-size:14px; overflow:hidden}
.tablist li a{ display:block; line-height:50px; width:100px; text-align:center; color:#000; font-size:16px;}
.tablist li:hover a,.tablist li.tabcur a{ background:#009900;color:#FFF}
#main{ width:1000px; margin:20px auto 0; overflow:hidden}
#loc{ height:27px; padding-bottom:7px; background:url(../images/class/locbg.jpg) 0 bottom repeat-x; overflow:hidden}
.lmname{ line-height:27px; font-size:25px; float:left; overflow:hidden}
.loc{ float:right; text-align:right; line-height:20px;padding-left:20px; padding-top:25px; color:#000}
.loc a{color:#000}
.loc span{ color:#000}
.main{ margin-top:20px;overflow:hidden;}
/*content*/
.txt{line-height:30px;padding:20px;min-height:300px;}
.txt p{word-break:break-all;line-height:30px; margin-top:5px; font-size:14px;text-indent:2em;color:#000;}
.txt img{margin:0 auto;display: block;}

/*class page*/
.fenye{width:100%;height:30px;margin-bottom:20px;}
.list_page{text-align:center;margin:10px;font-family:宋体;}
.list_page a{display:inline-block;padding:2px 10px;background:#fff;border:1px solid #690;font-family:"micorsoft yahei","simsun";color:#333;margin:2px;}
.list_page a:hover{background:#060;color:#fff;border:1px solid #690;text-decoration:none;}
.list_page a.hover {background:#060;border:1px solid #690;color:#fff;display:inline-block;padding:2px 10px;font-family:"micorsoft yahei","simsun";}
  
/*News list*/
.newscon,.contact{overflow:hidden}
.newslist{ height:136px; border:1px solid #d8d8d8; padding:21px 26px; margin-bottom:20px; overflow:hidden}
.newslist dd{ width:210px; height:136px; float:left; overflow:hidden}
.newslist dd a img{width:206px;height:132px;border:0;transition:all 1s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;}
.newslist dd a:hover img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.newslist dt{ width:697px; float:right; height:136px; position:relative; overflow:hidden}
.newslist dt .newtit{ height:18px; line-height:18px; color:#5e5e5e;padding-bottom:10px; border-bottom:1px solid #d8d8d8; overflow:hidden}
.newslist dt .newtit a{ font-size:18px; float:left; color:#5e5e5e; font-weight:bold;}
.newslist dt .newtit span{ float:right; font-size:14px;}
.newslist dt p{ margin-top:13px; line-height:24px; font-size:14px; color:#5e5e5e}
.newslist dt a.nmore{ display:block; position:absolute; bottom:0; width:84px; height:23px; line-height:23px; text-align:center; background:url(../images/class/nmore.jpg) no-repeat; color:#5e5e5e}
.newslist dt a.nmore:hover{background:url(../images/class/nmoreh.jpg) no-repeat;color:#db0000}
.newslist:hover{cursor:pointer; background:#F6F6F6; border:1px solid #090;}
.newslist:hover dt .newtit a{ color:#090;}

/*News View*/
.main h1{line-height:40px; text-align:center; font-size:25px; color:#F00; font-weight:bold; overflow:hidden}
.time{line-height:20px; text-align:center; color:#5e5e5e; margin-top:15px; padding-bottom:8px; border-bottom:1px solid #d8d8d8}
.prenext{margin-top:25px; padding-bottom:15px; overflow:hidden;}
.prenext li{line-height:28px; color:#000; overflow:hidden;}
.prenext li a{color:#000;}
.prenext li:hover,.prenext li:hover a{color:#090}


/*Product list*/
.productlist{width:960px; padding-top:15px; overflow:hidden;margin:10px auto;}
.productlist .pic{width:220px;float:left;text-align:center; margin:0 10px;}
.productlist .pic .p1{padding:2px;border:1px solid #c9c9c9; box-shadow: -3px 0 5px #e9e9e9,0 -3px 5px #e9e9e9,0 3px 10px #e9e9e9,3px 0 5px #e9e9e9; position:relative; *position:inherit;}
.productlist .pic:hover .p1{ border:1px solid #060}
.productlist .pic .p2{ margin:10px 0; color:#242424; font-weight:bold; font-size:14px;}
.productlist .pic:hover .div1{ color:#0f3d8b; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}

/*Product View*/
.div_pro3{margin-top:40px;}
.div_pro3 .lf{ width:396px; border:1px solid #060; box-shadow: -3px 0 5px #e9e9e9,0 -3px 5px #e9e9e9,0 3px 10px #e9e9e9,3px 0 5px #e9e9e9;}
.div_pro3 .rg{ width:540px;}
.div_pro3 .rg .div1{ color:#F60; font-size:30px;}
.div_pro3 .rg .div1 .p1{ background:#060; font-size:14px; color:#fff; font-weight:bold; padding:1px 10px; float:left; display:block; height:29px; line-height:29px;}
.div_pro3 .rg .div1 .p2{ float:left; display:block; margin-left:10px; height:29px; line-height:29px;}
.div_pro3 .rg .div3{ margin-top:140px;}
.div_pro3 .rg .div3 a{ border:1px solid #666; display:block; float:left; margin-right:15px; margin-bottom:10px;}
.div_pro3 .rg .div3 .a1{ border:1px solid #060; display:block; float:left; box-shadow: -3px 0 5px #e9e9e9,0 -3px 5px #e9e9e9,0 3px 10px #e9e9e9,3px 0 5px #e9e9e9;}
.div_pro4{ margin-top:50px;margin-bottom:20px;}
.div_pro4 .nTab .TabTitle{ border-bottom:1px solid #060}
.div_pro4 .nTab .TabTitle li{float: left;cursor: pointer; text-align:center; color:#242424; font-size:16px; width:159px; height:36px; line-height:36px; background:#e0e0e0; margin-right:20px; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_pro4 .nTab .TabTitle .active{ background:#060; color:#fff;font-weight:bold; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_pro4 .none {display:none;}
/*二级页面*/