@charset "utf-8";

*{ margin:0;padding:0;}
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
body{ color:#333525; font:12px/2em Arial,Tahoma, Helvetica, sans-serif,"宋体","微软雅黑"; text-align:center; background:#006600;}
body div{ text-align:left;}


body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}
input,select{ font-size:12px; vertical-align:middle;}

textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
li{ list-style-type:none;}
img{ border:0 none;}
a:hover{ text-decoration:underline; color:#cc0001;}
a { color:#cc0001; text-decoration:none;outline:none; star:expression(this.onFocus=this.blur());}

.tipImg{ float:left;}


a img{ border:none}


.inner{ width:1000px;  text-align:left; position:relative;margin: 0 auto; background:#fff; }
.inner .inner{ width:980px;text-align:left;margin: 0 10px; }

.bgtransparent{azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("/web/20141228084445im_/http://yspsl.com/Style/','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

.littleFence{ width:30%;}
.bigFence{ width:68%;}


.fenceEq2{ width:48%;}

.fenceEq3{ width:32%;}


.fenceMarRight{ margin-right: 2%;}
.fenceMarLeft{ margin-left: 2%;}

.littleFence2{ width:44%;}
.bigFence2{ width:50%;}

.littleFence,.bigFence,.littleFence2,.bigFence2,.fenceEq2,.fenceEq3{ position:relative;}



.txt{ margin:0 15px; padding:15px 0; }

.txt .more{ font-weight:bold;}

.imgAuto{ height:100%; width:100%;}
.imgAutoW{width:100%;}
.imgAutoH{ height:100%;}


.fenceMinHeight{ height:450px;}


.left{ float:left;}
.right{ float:right;}
.clear{ clear:both; height:0px; line-height:1px; mfont-size:1px; font-size:1px; overflow:hidden; }

.item{ padding:0;  }
.noImg img{ display:none;}
.noPadding{ padding:0px;}
.noMargin{ margin:0px;}




#header{}
#header .inner{ background:url(../images/headerbg.jpg) center top;}
#logo{}
#logo img{}


#nav .searchBox{  height:35px;position:  absolute; right:0px; top:0px; width:230px; }
#nav .searchBox .inputBox {position: relative; height:25px;display:block;background: url(../images/searbg.gif) no-repeat; top:5px;margin-left:10px; margin-right:30px; }
#nav .searchBox input{ float:right; background:transparent; height:25px; line-height:25px; border:none;}
#nav .searchBox .button{ width:25px;min-width:25px; position:absolute; right:-10px; top:0px; background: url(../images/searbg.gif) no-repeat right top; }
#nav .searchBox .button:focus{ -moz-outline:none;}
#nav .searchBox  .text{color:#000; margin-left:5px; *margin-left:0px; width:160px; float:left;position:relative;}





#nav{ margin-bottom:15px;}
#nav .inner{ background:#027308 url(../images/navbg.jpg) repeat-x; border:1px solid #027308; border-bottom:none;}
#nav  ul{ margin-left:-2px;}
#nav .nav1 a,#nav .nav1{ color:#fff;font-size:13px; font-weight: bold; }
#nav li{float:left;}
#nav .nav1 li{height:35px;}
#nav .nav1 .hot,#nav .nav1 .hot a,#nav .nav1 a:hover{text-decoration:none;}
#nav .nav1 a:hover,#nav .nav1 .hot,#nav .nav1 .hot a{ color:#3c473c;}
#nav a{ line-height:12px; margin-top:13px; padding:0 18px 0 18px; display:block; border-left:1px solid #fff;}
#nav .nav1 .hot{ background: url(../images/navhotbg.jpg) no-repeat center top;}

#nav .navSon{ border:1px solid #b2b2b2; height:30px; border-top:none; margin-left:-1px; margin-right:-1px;  background:#fffbda; display:block;  padding-left:2em;}

#nav  li ul li{}
#nav .nav1 li li a{font-weight:lighter;color:#565656; display:block; padding:0 10px; border-right:1px solid #565656; margin-top:10px; margin-bottom:5px;}
#nav .nav1 li li a:hover{ text-decoration:underline;}

#nav .nav1 li ul{ display:none; position:absolute; left:50px; top:35px;}
#nav .nav1 li.hot ul{ display:block;}







.change{ position:relative}
.change .changeBox,.change .changeBox .li{ height:200px; overflow:hidden;}
.changeBox{ z-index:1;position: relative;}
.changeBox .li{ position:absolute; width:100%; height:100%; display:block;}
.changeBox .li .showImg{width:100%; height:100%;}
 
.changeBtnBox{ position:relative; z-index:2; height:20px; margin-top:-20px; float:right;}
.changeBtnBox li{ float:right;}
.changeBtnBox li.left{ float:left;}
.changeBtnBox li span{ line-height:1.5em;font-size:0.8em;padding:0px 4px;margin-right:2px;background:#fff;filter:alpha(opacity=85);opacity:0.85;cursor:hand;cursor:pointer; color:#333}
.changeBtnBox li span.hot{background:#cc0001;color:#fff;}

.changeBtnBox .btn{ width:8px; padding:0 5px;filter:alpha(opacity=75);opacity:0.75; cursor:pointer;background:url(../images/iconprev.gif) no-repeat center;}
.changeBtnBox .btn.prev{ background-image:url(../images/iconprev.gif);}
.changeBtnBox .btn.next{ background-image:url(../images/iconnext.gif);}
.changeBtnBox .btn:hover{filter:alpha(opacity=100);opacity:1;}

.changeBtnBox.clearPos{ margin-top:0px; float:none;}
.changeBtnBox.clearPos li{ float:left}



.banner .changeBox,.banner .changeBox .li{ height:310px; overflow:hidden;}
.banner .changeBox{ width:80%; position:relative; left:15px; top:15px; float:left;}

.banner .changeBtnBox{ width:16%;  margin:15px 0 0 0;float:right; height:325px;}

.banner .changeBtnBox li{ height:25%; position:relative; width:100%;}
.banner .changeBtnBox li span{ margin-right:10px; display:block; height:80%;}
.banner .changeBtnBox li span img{ height:100%; width:100%;}

.banner .changeBtnBox li span.hot{ border:1px solid rdd; background:none;}

.banner li span{}

.banner .btn{ width:20px;cursor:pointer;position:absolute; z-index:30; top:50%; margin:-45px 25px 0 25px; }
.banner .btn.prev{right:0px;}
.banner .btn.next{left:0px;}
.banner .btn:hover{filter:alpha(opacity=70);opacity:.7;}






#page{ }


.item{ border:1px solid #aebd95; margin-bottom:15px; background:#f7faef;}
.bgNone{ background:none;}



.contactBox{ background:url(../images/contactbg.jpg) center; }
.contactBox ul{ padding:110px 0 0 100px;}
.contactBox li{ line-height:1.4em; margin:0.4em 0;}
.contactBox .oC{ color:#b67356;}
.contactBox a{ text-decoration:none;}



.contactBox,.banner .changeBox{ background-color:#a5cc3c}
.contactBox,.banner{height:340px;}




.proChangeBox{ width:100%; overflow:hidden; position:relative; top:10px;}
.proChangeBox .in{ width:10000%;}
.proChangeBox ul{ position:relative; display:block; min-height:20px;}
.proChangeBox li,.proShowBox li{ width:160px; float:left; margin-bottom:1em;}
.proChangeBox li a,.proShowBox li a{ width:90%; margin-left:5%; text-align:center; display:block;  line-height:1.5em; color:#104f0c;}
.proChangeBox li a:hover{ }
.proChangeBox li a img,.proShowBox li a img{ width:100%; height:110px; }
.proChangeBox .btn{ cursor:pointer; position:absolute; z-index:2; top:0px;filter:alpha(opacity=100);opacity:1;}
.proChangeBox .btn.left{ left:-20px;}
.proChangeBox .btn.right{ right:-20px;}
.proChangeBox .btn:hover{filter:alpha(opacity=80);opacity:0.8;}
.proShowBox li{ width:24.9%;}
.proShowBox{ width:100%; margin-left:0px;}
.proShowBox ul{ width:100%;}




h1{ height:40px; position:relative; color:#2b2b2b; font:bold 14px/40px "微软雅黑"; background:url(../images/h1bg.jpg) no-repeat right center; margin:1px;}
h1 .title,h1 .fastLink{ margin:0 0.5em;}
h1 .title{ font-size:14px;}
h1 .fastLink{ font-size:12px; font-weight:lighter;}

h1 a img{filter:alpha(opacity=70);opacity:0.7; margin:0 -3px 0 0;}
h1 a:hover img{filter:alpha(opacity=100);opacity:1;}

h1 .fastLink{position:absolute;top:50%;right:0.5em;line-height:1.2em; height:1.2em; margin-top:-0.6em; }
h1 .fastLink,h1 .fastLink a{ color:#3061a4;}
h1 .fastLink a:hover{ }
h1 img{vertical-align: text-bottom; margin-right:0.5em;}
h1 .oS{ font-style:italic;}



.h1{ background:#0a7702;}
.h1 .title{ text-transform: capitalize; font-size:14px;}
.h1 .title,.h1 .fastLink,.h1 .fastLink a,.h1 .fastLink a:hover{ color:#fff;}

h1 .icon{ background:url(../images/h1icon.gif) no-repeat left center; padding-left:25px;}


.h2{}
.h2 .fastLink,.h2 .fastLink a{ color:#3d5d10;}
.h2 .title{ color:#fff; float:left; display:block; background:url(../images/h1titlebg.gif) no-repeat right top; margin-left:0px; padding-right:50px; padding-left:0.7em;}




.h3{ background:#dde1d0 url(../images/h2bg.jpg) repeat-x left bottom; border:1px solid #fff; border-bottom:1px solid #aebd95; margin:0px;}
.h3 .title{  color:#424242; font-weight:lighter; font-family:"宋体"; font-size:14px;}


.h4{ }
.h4 .title{  font-size:14px;font-weight:lighter; font-family:"宋体"}
.h4 .title,.h4 .title a{ color:#424242; }
.h4 .title a{ color:#1e1e1e; margin:0 3px; }



.item.bg{ background:#e6eadd url(../images/contactbg2r.jpg) repeat-x left bottom;}


.list{}
.list li,.list li a{ color:#6e7062;}
.list li{ background:url(../images/listicon.jpg) no-repeat left center; padding:0.2em 0;}
.list a{ color:#2b2b2b; margin-left:1em;}


.liHasLine li,.hasLine{ border-bottom:1px dashed #d4e9d0;}
.liHasLine2 li,.hasLine2{ border-bottom:1px solid #99b462;}


.list.icon2{}
.list.icon2 li{background: url(../images/listicon2.jpg) no-repeat 96% center; padding:0.2em 0; position:relative; padding:1em 0;}
.list.icon2 a{ color:#000; margin-left:2em;}




.list.noIcon li{ background:none;}


.oC{ color:#cf1115;}


#bottom{position:relative;}
#bottom .inner{ padding-top:50px; background:url(../images/bottombg.jpg) center bottom;}
#bottom .left,#bottom .right{ margin:1em;}
#bottom img{ vertical-align:text-bottom}
#bottom a{}
#bottom,#bottom a{color:#fff;}
#bottom .mar{ margin: 0 15px 0 0;}




.contact2{ display:block; background:url(../images/contactbg2.jpg) no-repeat left bottom; padding-left:60px; padding-bottom:1em;}
.contact2 li{ line-height:1.8em;}
.contact2,.contact2 a{ color:#424242;}



.proListBox{ margin-bottom:3em;}
.proListBox ul{border-bottom: 1px solid #d4e9f5;}
.proListBox ul ul{ }
.proListBox ul li li,.proListBox ul .btn{line-height:18px; padding:10px 0;}
.proListBox .btn{ cursor:pointer;font-size:14px;color:#fff; display:block; background:#2b2b2b;padding-left:30px; }
.proListBox .btn,.proListBox .son{ margin-bottom:4px;}
.proListBox .btn .icon{ background: url(../images/probtnicon.gif) no-repeat 17px center; }
.proListBox .btn:hover,.proListBox .btn.hot{ background:#cc0001 ;}

.proListBox .btn.hot .icon{ background: url(../images/probtndownicon.gif) no-repeat 17px center; padding-left:40px;}

.proListBox .son{ display:none;}
.proListBox .son li{ padding-left:35px; border-bottom:none;}
.proListBox .son li a{  color:#2b2b2b;}






.root,.root a{ color:#1b1b1a;}
.root a{ margin:0 5px;}









.pageChange{ text-align:center; margin:2em 1em 1em 1em;}
.pageChange a,.pageChange{ color:#1d4405;}
.pageChange a{ margin:0 1px; padding:0 2px;}
.pageChange a:hover{ color:#2b2b2b;}
.pageChange .btn{ background:#f4f4f4 url(../images/pagebg.jpg) repeat-x; border:1px solid #d3d3d4;}
.pageChange .hasURL{ }
.pageChange .noURL,.pageChange .noURL:hover{ text-decoration:none; color:#d6d6d6;}
.pageChange .hot,.pageChange .hot:hover{ color:#fff; background:#cc0001; text-decoration:none; cursor:none;}




.infoPageBanner{ border-bottom:3px solid #cc0105;}
.pageBgImg{ background:#ededed url(../images/rightbg.jpg) no-repeat right 15px;}
.pageBg{ background:#ededed url(../images/pagebg.jpg) center;}

.bgFFF{ background:#fdfdfd; padding-right:2%;}
.pageBg {min-height:40em;}
.fenceShadow{ position:absolute; left:76%; width:15px;}





.proShow li{ padding:1.5em 0;}
.proShow .img{ width:20%; background:url(../images/proimgshadow.jpg) repeat-y right top; padding-right:10px;}
.proShow .mar{ position:relative;}
.proShow .img img{ width:100%; height:8em; border:1px solid #dfdfdf;}

.proShow .text{ width:75%;}
.proShow .name{ height:2em; overflow:hidden; font-weight:bold;}
.proShow .profile{ max-height:4.8em; line-height:1.6em; margin: 0.5em 0; overflow:hidden;}


input,textarea{ border:1px solid #dddedc; height:2em; line-height:2em; min-width:200px;}

.orderTable{ width:90%; margin-left:5%;}
.orderTable td{ padding:1em 0;}
.orderTable textarea{ width:90%; height:10em;}
.orderTable .button{ min-width:auto; cursor:pointer; border:1px solid #c4ceb0; padding:0 1em; background:#fff url(../images/btnbg.jpg) repeat-x left bottom;}



.list li{ position:relative;}
.list .fix{ position: absolute; right:0.5em;}



.newsTitle{ font-weight:bold; font-size:16px; color:#2c2c2c; text-align:center;}
.newsTitle .fix{ font-size:12px; font-weight: lighter; width:100%; display:block;}