﻿/*reset.css start*/
@charset "utf-8";
html{color:#000;background:#FFF; overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}


/* -- 外边距 -- */
.m1 { margin:1px; }
.m2 { margin:2px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.mb10 { margin-bottom:10px;}
.ml12 { margin-left:12px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

/*加盟商在线下单*/
.userorder{ width:700px;}
.userorder tr{height:25px;}
.userorder tr span{color:#f00;padding-left:4px;}

.stf  { border:1px solid #ccc;  padding-left:140px ; padding-top:10px; padding-bottom:20px}
.stf span{ color:#000; font-size:14px; line-height:30px ; font-weight:bold}
.stf dd{ line-height:24px ;   font-size:14px }
.stf p{ line-height:24px ;   font-size:14px }
 /*reset.css end*/
 
 /*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
.contant{padding:0 0 24px; overflow:hidden;}
.nobor{border:none !important;}
html{-webkit-text-size-adjust:none;}
.tit{zoom:1;}
.tit:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/**/
.banner{width:100%; height:400px;padding:0 0 28px; position:relative}
.banner .btn { bottom: 5px;margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;}
.banner .btn span { background: none repeat scroll 0 0 #8EC63F; border: 1px solid #8EC63F; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;}
.banner .btn span.cur { font-weight: bold; padding: 4px 8px;}
.banner p{height:18px; line-height:18px;padding:10px 0 0; width:60px;position:absolute; left:50%; bottom:0; margin-left:-30px;}
.banner p a{display:inline-block; width:12px; height:12px; background:url('Img/Index/dot1.gif') no-repeat; margin-right:5px;}
.banner p a.cur,.banner p a:hover{background:url('Img/Index/dot2.gif') no-repeat;}
/*---title ---*/
.tit{height:39px;line-height:39px;padding:0 10px 0 18px;background:url('Img/Index/tali.gif') no-repeat; font-weight:normal;}
.tit em{color:#bcbcbc;float: left; font-family:'arial';font-size:15px;text-transform: uppercase;}
.tit em a{color:#fff;font-family:'Microsoft YaHei';margin-right:8px;font-size:16px;}
.tit span{display:block; float: right;margin-top:15px;}
.tit span a{color:#666;}

.hb,.ali,.zs,.dt,.ab{margin:0 auto 20px;width:960px;}
.hb ul{margin-right:-6px; padding:20px 0 0;}
.hb li{width:154px; float: left; margin-right:6px;}
.hb li img{display:block; width:154px; height:120px;padding:0 0 18px; background:url('Img/Index/s01.gif') no-repeat 0 bottom;}
.hb li span{display:block; text-align:center;}
.cp{margin:0 auto 25px;width:960px;}
.cp-l{width:209px; background:#468800 url('Img/Index/cp_c.gif') no-repeat 0 bottom; padding:0 0 20px; float: left;overflow: hidden; position:relative;}
.cp-l h2{height:48px;line-height:48px;color:#fff; text-align:center;font-family:'Microsoft YaHei';font-weight:normal;font-size:18px;background:url('Img/Index/cp_a.gif') no-repeat;}
.cp-l h2 a{color:#fff;}
.cp-l h3{height:29px; line-height:29px;margin-top:5px; padding-left:35px; font-family:'Microsoft YaHei';font-weight:normal;font-size:16px;background:url('Img/Index/cp_b.gif') no-repeat 8px 0;}
.cp-l h3 a{color:#468800;}
.cp-l ul{padding:5px 12px 3px;}
.cp-l li{height:26px; line-height:26px;border-bottom:1px dotted #cecece; padding-left:28px; background:url('Img/Index/cp_dot.gif') no-repeat 12px center;}
.cp-l li a{color:#fff; display:inline-block; width:148px; overflow: hidden;}
.cp-r{width:736px; float:right; overflow: hidden;}
.cp-r h3{background:url('Img/Index/tcp.gif') no-repeat; overflow:hidden;}
.cp-r ul{margin-right:-15px;padding:20px 0 0;}
.cp-r li{width:230px; float:left; margin-right:15px; padding-left:3px;}
.cp-r li img{display:block; width:230px; height:176px;}
.cp-r li span{display:block; text-align:center; padding:12px 0 30px;}
.cp-r li a{color:#555;}

.dz{width:100%; background:url('Img/Index/dz.jpg') no-repeat center 0; height:827px; margin-bottom:20px; padding:40px 0 0;font-family:'Microsoft YaHei';}
.dz .content{height:827px;}
.dz h3{padding-left:238px; height:95px; overflow:hidden;}
.dz ul{padding:262px 0 0 435px;}
.dz li span{display:block; width:150px;padding-left:9px; height:44px; line-height:44px; text-align:center; color:#fff; font-weight:bold; font-size:18px;}
.dz li p{color:#505050; font-size:15px; line-height:22px; padding:15px 0 20px 38px;}
.dz01 span{background:url('Img/Index/dz01.gif') no-repeat;}
.dz02 span{background:url('Img/Index/dz02.gif') no-repeat;}
.dz03 span{background:url('Img/Index/dz03.gif') no-repeat; width:201px !important;}
.pho{font-size:18px; color:#323232; padding:5px 0 5px 48px;background:url('Img/Index/pho1.gif') no-repeat 0 center;}
.pho b{color:#ff3030;}
.pho img{vertical-align:middle;}
.dz .pho{margin:20px 0 0 435px;}
.dz .btn{right:20px; position:absolute; bottom:42px;}

.lc{width:100%; background:url('Img/Index/lc.gif') repeat-x center 0; height:410px; padding:28px 0 0; margin-bottom:20px;font-family:'Microsoft YaHei';}
.lc h3{text-align:center; overflow:hidden; padding:0 0 50px;}
.lc .content{background:url('Img/Index/lc1.gif') no-repeat 0 145px;}
.lc p{padding:115px 0 0; font-size:14px; color:#505050; margin-left:-15px;}
.lc p span{display:inline-block; width:140px; padding:0 0 0 30px;}
.lc p span.last{width:50px; padding-left:40px;}
.lc .pho{background:url('Img/Index/pho2.gif') no-repeat 0 center; margin:50px 0 0 245px;}
.lc .pho .btn{display:inline-block; margin-left:40px;}

.ali ul{padding:20px 0 0; margin-right:-10px;}
.ali li{width:232px; float: left; margin-right:10px;}
.ali li img{display:block; width:232px; height:175px;}
.ali li span{display:block; text-align:center; padding:12px 0;}


.pic{height:184px;width:100%;background:url('Img/Index/pic1.jpg') no-repeat center 0;overflow: hidden; margin-bottom:30px;}
.pic .content{height:184px;}
.pic a.btn01{position:absolute; bottom:21px; right:0;}
.pic a.btn02{position:absolute; top:40px; right:21px;}
.pic p{color:#fff;font-family:'Microsoft YaHei'; font-size:18px;position:absolute; right:184px; bottom:26px;}
.pic p b{font-family:'arial';}

.ys{font-family:'Microsoft YaHei';background:url('Img/Index/ys.jpg') no-repeat center 0; padding:64px 0 0; height:1074px;}
.ys h3{height:105px; text-align:center; overflow:hidden;}
.ys ul{width:960px; margin:0 auto; height:1074px; position:relative;}
.ys li{position:absolute;}
.ys-a{width:286px;left:0; top:75px;}
.ys-b{top:125px; left:728px; width:220px;}
.ys-c{top:580px; left:95px; width:322px;}
.ys-d{left:660px; top:580px; width:258px;}
.ys span{color:#1669ac;font-size:20px; font-weight:bold; display:block;line-height:26px;margin-bottom:8px; padding-left:20px;}
.ys li span b{color:#468800; display:block;}
.ys li p{color:#4a4a4a; font-size:14px; padding:5px 0 0 20px;line-height:26px; }
.ys li p b{color:#468800; font-weight:normal;}
.ys-a p,.ys-d p{background:url('Img/Index/ico1.gif') no-repeat 0 14px;}
.ys-c span{ padding-left:35px;}
.ys-d span{ padding-left:45px;}

.ab-l{width:648px; background:#f1f1f1; border:1px solid #c9c9c9; float: left; padding:0 10px 0 12px; height:288px;}
.ab-l h3{height:39px;line-height:39px;background:url('Img/Index/tab.gif') no-repeat 0 bottom; font-weight:normal;font-family:'Microsoft YaHei';}
.ab-l h3 a{color:#448d08;float: left; font-size:16px;text-transform: uppercase;}
.ab-l h3 span{display:block; float: right;margin-top:15px;}
.ab-l h3 span a{color:#666;}
.ab-l dl{padding:24px 0 0;}
.ab-l dt{float: left; width:298px; padding:0 0 30px; background:url('Img/Index/s02.gif') no-repeat 0 bottom;}
.ab-l dt img{display:block; width:298px;height:192px;}
.ab-l dd{width:330px; float: right;}
.ab-l dd p{overflow: hidden;line-height:24px; height:168px; font-size:13px;}
.ab-l dd span{display:block; text-align:right;}
.ab-l dd a{color:#448d08;}
.ab-r{width:273px; float: right; border:1px solid #c5c5c5; height:288px;}
.ab-r h3{height:38px; line-height:38px; padding-left:15px; font-size:16px; background:#448d08;font-family:'Microsoft YaHei';}
.ab-r h3 a{color:#fff; font-weight:normal;}
.list-con-a,.list-con-b{float: left;}
.list-con{padding:25px 14px 0;}
.list-con-a{padding:60px 12px 0 0;}
.list-con-c{padding:60px 0 0 0 ; float: right;}
.ab-r li{width:150px; padding:0 19px; background:url('Img/Index/s03.gif') no-repeat center 0;float:left}
.ab-r li img{width:150px;height:194px;display:block;}
.ab-r li span{display:block; text-align:center;padding:10px 0 0;}
.ab-r li a{color:#448d08;}

.zs h3{margin-bottom:35px;}
.zs p{color:#1669ac; font-size:16px; font-weight:bold;font-family:'Microsoft YaHei'; padding:24px 0 0 10px;}
.zs p span{display:inline-block; padding:0 45px 0 16px; background:url('Img/Index/ico2.gif') no-repeat 0 6px;}
.zs ul{padding:20px 0 0; margin-right:-8px;}
.zs li{float: left; margin-right:8px; width:234px;}
.zs li img{display:block; width:234px; height:215px;}

.dt h3{height:39px;line-height:39px;background:url('Img/Index/tdt.gif') no-repeat 0 bottom; font-weight:normal;font-family:'Microsoft YaHei';}
.dt h3 a{color:#448d08;float: left; font-size:16px;text-transform: uppercase;}
.dt h3 span{display:block; float: right;margin-top:15px;}
.dt h3 span a{color:#666;}
.wd{width:268px; border:1px solid #c5c5c5; padding:0 5px; float: left; margin-right:11px; height:398px;}
.dt-l{width:318px; border:1px solid #c5c5c5; padding:0 5px; float: left; height:398px;}
.dt-r{width:326px; float: right; border:1px solid #c5c5c5; height:398px;}
.dt-r h3{height:38px; line-height:38px; padding-left:15px;margin-bottom:10px; font-size:16px;color:#fff; background:#448d08;font-family:'Microsoft YaHei';}
.dt-r h3 a{color:#fff; font-weight:normal; margin-right:10px;}
.wd dl {padding:22px 5px 18px;border-bottom:1px solid #dcdcdc;}
.wd dt { background: url(Img/Index/wd_w.gif) no-repeat 0 2px;line-height:18px; padding:0 0 10px 30px; overflow: hidden;}
.wd dt a { color:#000;}
.wd dd { background:url(Img/Index/wd_d.gif) no-repeat 0 5px; padding-left:30px; line-height:20px; color:#838282; max-height:80px; overflow:hidden;}
.dt-l p{padding:22px 0 0 10px;}
.dt ul{padding:10px 0 0;}
.dt li{height:34px; line-height:34px; padding-left:10px; border-bottom:1px dashed #c9c9c9;}
.dt li span{float: right;}
.dt-r ul{padding:10px 10px 0;}
/**/
.link{width:958px; margin:0 auto; padding:15px 0 0 18px; border:1px solid #c5c5c5;}
.link-con{width:960px; margin:0 auto;}
.link h3{font-weight:normal;font-size:17px;background:url('Img/Index/link.gif') no-repeat 0 26px; font-family:'Microsoft YaHei';line-height:24px;  float: left; width:170px;}
.link h3 a{color:#646464;}
.link b{font-weight:normal; font-size:12px;padding:35px 0 0; text-align:right; display:block;}
.link b a{color:#01458e;}
.link p{color:#555;width:780px; float: right;padding:8px 0 5px;}
.link p span{padding:0 0 14px 22px; display:inline-block;}
.link p a{color:#555;margin-right:12px;_margin-right:10px;*margin-right:10px;}




/*index.css end*/

/*common.css start*/
@charset "utf-8";
body { color:#666; font-size:12px; font-family: "宋体";} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto; overflow:hidden; }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(Img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(Img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}
body{background:#fff;}
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/*头部开始*/
.top{background:url('Img/Common/top_bg.gif') repeat-x 0 top;height:227px; }
.h_top{color:#a4bd95;height:30px; line-height:30px;overflow:hidden;}
.h_top span{float:left;}
.h_top p{float:right;}
.h_top p a{padding:0 6px 0 25px;color:#a4bd95; margin-left:8px; display:inline-block;}
.h_top p a img{vertical-align:middle;}
.h_top p a.ico01{background:url('Img/Common/ico1.gif') no-repeat 0 center;}
.h_top p a.ico02{background:url('Img/Common/ico2.gif') no-repeat 0 center;}
.h_top p a.ico03{background:url('Img/Common/ico3.gif') no-repeat 0 center;}
.h_top p a.ico04{background:url('Img/Common/ico4.gif') no-repeat 0 center;}
.h_con{padding:27px 0 0;height:122px; overflow:hidden;}
.h_con h1{float:left;}
.h_con h1 a{display:inline-block;}
.h_con h1 img{vertical-align:middle;}
.h_con .ewm{position:absolute; right:0;}
.h-logo{float: left; width:620px;}
.h-logo em{color:#a03c16;font-family:'Microsoft YaHei'; font-size:16px;display: block;float: left; padding:22px 0 0 12px; line-height:26px;}
.h-logo em span{display:block; color:#f3a233; font-size:22px;}
.h-pho{float:right;width:211px; color:#4c4c4c; font-family:'Microsoft YaHei'; padding:16px 0 8px 65px; background:url('Img/Common/pho.gif') no-repeat 0 16px;}
.h-pho span{font-size:14px; color:#489500;display:block; float: right;width:100%;}
.h-pho b{color:#1669ac;font-size:28px;line-height:34px; font-weight:normal;display:block;}
.h_nav{height:47px; overflow:hidden;font-family:'Microsoft YaHei'; }
.h_nav ul{font-size:0;}
.h_nav li{float:left; display:inline-block;height:47px;line-height:47px;font-size:0;background:url('Img/Common/nav_line.gif') no-repeat 0 center;}
.h_nav li.first{background:none;}
.h_nav li a{color:#fff;display:inline-block;font-size:14px;padding:0 20px; text-align:center;}
.h_nav li.cur a,.h_nav li a:hover{color:#fff; text-decoration:none; background:#316600;}
/*--- 搜索 ---*/
.h-ser{height:60px; width:960px; margin:0 auto;}
.ser-con{width:960px; margin:0 auto;}
.h-ser p {float:left;width:650px;line-height:60px; }
.h-ser p b {color:#4f9000}
.h-ser p a {padding:0 6px; color:#4f9000;}
.s-inp {width:228px; position:relative; padding:18px 0 0;}
.inp01 {background:url(Img/Common/s_inp.gif) no-repeat;width:156px; height:24px; line-height:24px; border:none; padding:0 0 0 24px;}
/*头部结束*/

/*底部开始*/
.f-wrap{background:#468800;height:337px;}
.footer-a{height:50px; line-height:50px;padding:0 0 3px; background:url('Img/Common/line.gif') no-repeat 0 bottom; color:#9feb60; text-align:center;}
.footer .footer-a span{margin:0 2px; padding:0;}
.footer-a a{color:#9feb60;text-align:center; padding:0; display:inline-block; margin:0 10px;}
.footer-b{padding:40px 0 0 108px;position:relative; }
.footer-b em{float: left; display:inline-block;}
.footer-b p{color:#9feb60; float: left; width:520px; padding-left:30px;}
.footer-b p img{margin:0 0 0 15px; display:inline-block; vertical-align:middle; }
.footer-b p span{display:block;line-height:14px;padding-bottom:14px;}
.f_pic01{position:absolute; right:100px; top:42px;}
.f_pic02{position:absolute; right:30px; top:42px;}
.footer-b p span a{color:#9feb60}
/*底部结束*/
/*common.css end*/