@charset "utf-8";
/* CSS Document */

img, h1
{
behavior: url(templates/huastars/style/iepngfix.htc); 
}

.clear-float{clear:both;}

ul
{
margin:0; 
padding:0; 
list-style-type:none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
/*vertical-align: baseline;*/
}

body{
width:auto;
height:200;
margin:0 auto; 
padding:0; 
background:#F1F1F1;
s
}

.fl{ float:left;}
.fr{ float:right;}

.aboutwarph{ width:1200px; height:426px; background: url(../images/about.png); padding:0 10px; display:block; margin:0 auto 10px auto; margin-top:50px; margin-bottom:50px; /*background: #ececec;*/}

.aboutwarph h2{height: 100px; font: bold 30px/100px Arial, Helvetica, sans-serif; color:#333; padding-left:25px;}

.aboutwarph h2 span{ font:bold 16px/25px Arial, Helvetica, sans-serif; color:#f79300;}

.aboutwarph p{width: 560px; height: 180px; font:16px/45px Verdana, Geneva, sans-serif; color:#333; text-align:left; text-indent:2em; padding-left: 0px;}

.aboutwarph h3 a{ font:16px/25px Verdana, Geneva, sans-serif; color:#3e5052; text-align:left; background:url(../images/dx.jpg) repeat-x bottom; text-decoration:underline;}

.aboutwarph h3 a:hover{font:16px/25px Verdana, Geneva, sans-serif; color:#fff; text-decoration:underline; background:#3e5052  url(../images/dx.jpg) repeat-x bottom;}

.aboutwarph02{ width:700px; height: auto; margin:0 auto 10px auto; background:#ececec; padding:10px 10px;}

.aboutwarph02 h2{ font: bold 16px/25px Arial, Helvetica, sans-serif; color:#282c2f;}

.aboutwarph02 h2 span{ font:bold 16px/25px Arial, Helvetica, sans-serif; color:#1758a8;}

.aboutwarph02 p{ font:11px/18px Verdana, Geneva, sans-serif; color:#282c2f; text-align:left; text-indent:2em;}

.ABorder{ 
width:80px; 
height:auto; 
margin-top:0px;
padding-left: 380px;
}

.ABorder a{
width:150px; 
height:50px; 
background:#212121; 
border:1px solid #66CC33; 
padding:1px; 
font:bold 16px/50px Arial, Helvetica, sans-serif; 
color:#fff; 
text-align:center; 
display:block; 
text-decoration:none;
margin-top: 30px;
}

.ABorder a:hover{
width:150px; 
height:50px; 
background-color: rgba(102, 204, 51, 1); 
border:1px solid #d6d6d6; 
padding:1px; 
font:bold 16px/50px Arial, Helvetica, sans-serif; 
color:#000; 
text-align:center; 
display:block; 
text-decoration:none;
}

/* ====================页面布局==================== */
.home
{ 
width:auto;
height:auto;
margin: 0 auto; 
text-align: center; 
background:#fff;
margin: 3px auto 0 auto;
}

.homen
{ 
width:auto;
height:1400px;
margin: 0 auto; 
text-align: center; 
background:#fff;
margin: 3px auto 0 auto;
}

.hometop
{ 
width:auto;
height:auto;
margin: 0 auto; 
/*text-align: center; 
background:#fff;*/
}

.homebot
{ 
width:1200px;
height:auto;
margin: 0 auto; 
/*background:#fff;
text-align: center; */
}

.warp
{ 
width:auto;
height:auto;
margin:0 auto;
background:#fff000;
}

/* ====================heard==================== */
.heardwarp
{
width:auto; 
height:50px; 
margin:0 auto; 
background: #454548;
border-top: 3px solid #66CC33;
/*background:url(../images/topbg.jpg) repeat-x top;*/
}

.heardwarph
{
width:auto; 
height:160px; 
margin:0 auto; 
background: #454548;
border-top: 3px solid #66CC33;
/*background:url(../images/topbg.jpg) repeat-x top;*/
}

.hometop h1
{
width:700px; 
height:120px; 
background:url(../images/logo.png) no-repeat;  
display:block; float:left; 
margin-top:0px; 
margin-left:0px;
}

.hometop h1 a
{
width:1200px; 
height:120px; 
text-indent:-9999px; 
display:block;}

.topnavwarpc
{
width:292px; 
height:auto; 
float:right; 
color: #66CC33;
margin-top:10px;
margin-right:0px; 
vertical-align: middle;   
position:relative;  
/*
font: bold 40px/45px Arial, Helvetica, sans-serif;
background:url(../images/phone.png) no-repeat;
top:40px; */
}

.topnavwarp
{
width:292px; 
height:auto; 
float:right; 
color: #66CC33;
margin-top:-10px;
margin-right:0px; 
font: bold 40px/45px Arial, Helvetica, sans-serif;
background:url(../images/phone.png) no-repeat;
vertical-align: middle;   
position:relative;  
/*top:40px; */
}

.homnavwarp
{
width:450px; 
height:100px; 
float:right; 
color: #66CC33;
margin-top:40px;
margin-right:0px; 
font: bold 40px/90px Arial, Helvetica, sans-serif;
background:url(../images/phone2.png) no-repeat;
vertical-align: middle;   
position:relative;  
/*top:40px; */
}

.homnavwarp1
{
margin-top:20px;
}

.botnavwarp
{
width:120px; 
height:auto; 
float:right; 
margin-top:0px;
margin-right:0px; 
font: bold 40px/40px Arial, Helvetica, sans-serif;
/*background:url(../images/2wm.png) no-repeat;*/
vertical-align: middle;   
position:relative;  
top:30px; 
}

.topnavwarp ul 
{ 
float:right;
}

.topnavwarp ul li
{
float:left; 
margin-left:15px;
}

.topnavwarp ul li a
{
font:12px/25px Arial, Helvetica, sans-serif; 
color:#57545b; 
text-decoration:none;
}

.topnavwarp ul li a:hover
{
font:12px/25px  Arial, Helvetica, sans-serif; 
color:#000; 
text-decoration:none;
}


.topnavwarpc ul 
{ 
float:right;
}

.topnavwarpc ul li
{
float:left; 
margin-left:40px;
}

.topnavwarpc ul li a
{
font:16px/30px Arial, Helvetica, sans-serif; 
color:#57545b; 
text-decoration:none;
}

.topnavwarpc ul li a:hover
{
font:16px/30px  Arial, Helvetica, sans-serif; 
color:#000; 
text-decoration:none;
}

/*===============navwarp===============*/

.navwarp
{
width:950px; 
height:50px;
/*background: #454548;
border-top: 3px solid #66CC33;
/*background:url(../images/navbg.jpg) repeat-x;*/
}

.navwarp02
{
width:950px; 
height:50px; 
/*float:left; 
margin-left:15px;*/
}

.navwarp02 li
{
float:left;
}

.navwarp02 li a
{
font:18px/50px Arial, Helvetica, sans-serif; 
color:#fff; 
text-decoration:none; 
padding:0 20px;}

.navwarp02 li a:hover
{
font:18px/50px Arial, Helvetica, sans-serif; 
color:#66CC33; 
text-decoration:none; 
padding:0 20px;}

.navx
{
width:1px; 
height:50px;
background: #505055;
display:block;
/*background:url(../images/x.jpg) no-repeat top; */
}



/*=============so==============*/

.sowarp
{
width:240px; 
height:auto; 
float:right; 
margin-right:0px;
}

.sowarp ul li
{
float:left;
margin-top:0px;
}

#so
{
width:170px; 
height:25px; 
background-color: rgba(241, 241, 241, 0.5);
border:0; 
padding:5px; 
margin:0; 
display:block; 
font:16px/32px Arial, Helvetica, sans-serif; 
color:#FFF; 
padding-left:5px;
}

#an
{
width:50px; 
height:35px; 
background: url(../images/an.png) no-repeat; 
border:0; 
padding:0; margin:0; 
display:block; 
font:12px/25px Arial, Helvetica, sans-serif; 
color:#fff; 
margin-left:10px; 
text-indent:-9999px;
}

.mavdx
{
width:auto; 
height:120px; 
background: #202021;
font-size:0; 
margin:35px auto;
/*background:url(../images/navdx.jpg) repeat-x; */
}

/*================banner===============*/

.banner
{
width:auto; 
height:auto; 
margin:3px auto 0 auto;
}

.bannerdx
{
width:auto; 
height:3px; 
font-size:0; 
/*background: #66CC33;
background:url(../images/bannerdx.jpg) repeat-x; */
margin:0 auto 20px auto;
}

.banner02
{
width:auto; 
height:auto; 
margin:20px auto 0 auto;
}

.imageElement 
{
DISPLAY: none；
}

#myGallery 
{
WIDTH: 1200px; 
HEIGHT: 550px; 
Z-INDEX: 5; 
border:0; 
}

#myGallerySet {
WIDTH:960px; 
HEIGHT: 463px;
Z-INDEX: 5; 
border:0;
}

#flickrGallery {
WIDTH: 960px; 
HEIGHT: 463px; 
Z-INDEX: 5; 
border:0;
}

.jdGallery .slideInfoZone {
WIDTH: 100%; 
HEIGHT: 80px;
Z-INDEX: 10; 
POSITION: absolute; 
TEXT-INDENT: 0px; 
MARGIN: 0px; 
BOTTOM: 0px; 
BACKGROUND: #000; 
COLOR: #fff; 
OVERFLOW: hidden; 
LEFT: 0px
}

#flickrGallery 
{
WIDTH: 500px; 
HEIGHT: 334px
}

#myGallery IMG.thumbnail 
{
DISPLAY: none；
}

#myGallerySet IMG.thumbnail 
{
DISPLAY: none；
}

.jdGallery {
POSITION: relative; 
OVERFLOW: hidden；
}

.jdGallery IMG 
{
BORDER-BOTTOM: 0px; 
BORDER-LEFT: 0px; 
MARGIN: 0px; 
BORDER-TOP: 0px; 
BORDER-RIGHT: 0px
}

.jdGallery .slideElement 
{
WIDTH: 100%; 
HEIGHT: 100%;
BACKGROUND-IMAGE: url(car_files/loading-bar-black.gif); 
BACKGROUND-COLOR: #000; 
BACKGROUND-REPEAT: no-repeat; 
BACKGROUND-POSITION: center center; 
}

.jdGallery .loadingElement
{
BACKGROUND-IMAGE: url(car_files/loading-bar-black.gif); 
WIDTH: 100%; 
HEIGHT: 100%; 
POSITION: absolute; 
BACKGROUND-COLOR: #000; 
BACKGROUND-REPEAT: no-repeat; 
BACKGROUND-POSITION: center center; 
TOP: 0px; LEFT: 0px
}

* HTML .jdGallery .slideInfoZone
{
BOTTOM: -1px;
}

.jdGallery .slideInfoZone H2 
{
BACKGROUND-IMAGE: none !important; 
PADDING-BOTTOM: 0px !important; 
BACKGROUND-COLOR: #000 !important; 
MARGIN: 2px 5px; 
PADDING-LEFT: 0px !important; 
PADDING-RIGHT: 0px !important;
COLOR: #fff !important; 
FONT-SIZE: 14px !important; 
FONT-WEIGHT: bold !important; 
PADDING-TOP: 0px !important
}

.jdGallery .slideInfoZone P 
{
PADDING-BOTTOM: 0px !important; 
BACKGROUND-COLOR: #000 !important; 
MARGIN: 2px 5px; 
PADDING-LEFT: 0px !important; 
PADDING-RIGHT: 0px !important; 
COLOR: #fff !important; 
FONT-SIZE: 11px !important; 
PADDING-TOP: 0px !important
}

.jdGallery DIV.carouselContainer
{
WIDTH: 100%; 
HEIGHT: 135px; 
TOP: 0px; 
LEFT: 0px
Z-INDEX: 10; 
POSITION: absolute; 
MARGIN: 0px; 
}

.jdGallery A.carouselBtn
{
POSITION: absolute; 
TEXT-ALIGN: center; 
PADDING-BOTTOM: 0px; 
PADDING-LEFT: 10px; 
BOTTOM: 0px;
PADDING-RIGHT: 10px; 
BACKGROUND: #000; 
HEIGHT: 20px; 
COLOR: #fff !important; 
FONT-SIZE: 13px; 
CURSOR: pointer; 
RIGHT: 30px; 
PADDING-TOP: 0px;
}

.jdGallery A.carouselBtn:hover
{
POSITION: absolute; 
TEXT-ALIGN: center; 
PADDING-BOTTOM: 0px; 
PADDING-LEFT: 10px; 
BOTTOM: 0px; 
PADDING-RIGHT: 10px; 
BACKGROUND: #000; 
HEIGHT: 20px; 
COLOR: #fff !important; 
FONT-SIZE: 13px; 
CURSOR: pointer; 
RIGHT: 30px; 
PADDING-TOP: 0px;
}

.jdGallery A.carouselBtn:active
{
WIDTH: 100%; 
HEIGHT: 20px; 
POSITION: absolute; 
TEXT-ALIGN: center; 
PADDING-BOTTOM: 0px; 
PADDING-LEFT: 10px; 
BOTTOM: 0px; 
PADDING-RIGHT: 10px; 
BACKGROUND: #000; 
COLOR: #fff !important; 
FONT-SIZE: 13px; 
CURSOR: pointer; 
RIGHT: 30px; 
PADDING-TOP: 0px;
}

.jdGallery .carousel
{
WIDTH: 100%; 
HEIGHT: 115px; 
POSITION: absolute; 
TEXT-INDENT: 0px; 
MARGIN: 0px; 
WIDTH: 100%; 
BACKGROUND: #000; 
COLOR: #fff; 
OVERFLOW: hidden; 
TOP: 0px; 
LEFT: 0px;
}

.jdExtCarousel
{
POSITION: relative; 
OVERFLOW: hidden;
}

.jdGallery .carousel .carouselWrapper 
{
POSITION: absolute; 
WIDTH: 100%; 
HEIGHT: 78px; 
OVERFLOW: hidden; 
TOP: 10px; 
LEFT: 0px;
}

.jdExtCarousel .carouselWrapper 
{
POSITION: absolute; 
WIDTH: 100%; 
HEIGHT: 78px; 
OVERFLOW: hidden;
TOP: 10px; 
LEFT: 0px;
}

.jdGallery .carousel .carouselInner {
POSITION: relative
}

.jdExtCarousel .carouselInner {
POSITION: relative
}

.jdGallery .carousel .carouselInner .thumbnail {
BORDER-BOTTOM: #000 1px solid; 
BORDER-LEFT: #000 1px solid; 
BACKGROUND: #000 center center; 
FLOAT: left; 
BORDER-TOP: #000 1px solid; 
CURSOR: pointer; 
BORDER-RIGHT: #000 1px solid;
}

.jdExtCarousel .carouselInner .thumbnail {
BORDER-BOTTOM: #000 1px solid; 
BORDER-LEFT: #000 1px solid; 
BACKGROUND: #000 center center; 
FLOAT: left; 
BORDER-TOP: #000 1px solid; 
CURSOR: pointer; 
BORDER-RIGHT: #000 1px solid;
}

.jdGallery .wall .thumbnail 
{
MARGIN-BOTTOM: 10px;
}

.jdExtCarousel .wall .thumbnail 
{
MARGIN-BOTTOM: 10px;
}

.jdGallery .carousel .label 
{
POSITION: absolute; 
PADDING-BOTTOM: 0px !important; 
MARGIN: 0px; 
PADDING-LEFT: 0px !important; 
BOTTOM: 5px;
PADDING-RIGHT: 0px !important;
FONT-SIZE: 13px; 
PADDING-TOP: 0px !important; 
LEFT: 10px;
}

.jdExtCarousel .label {
POSITION: absolute; 
PADDING-BOTTOM: 0px !important; 
MARGIN: 0px; 
PADDING-LEFT: 0px !important; 
BOTTOM: 5px; 
PADDING-RIGHT: 0px !important; 
FONT-SIZE: 13px; 
PADDING-TOP: 0px !important; 
LEFT: 10px;
}

.jdGallery .carousel .wallButton {
BORDER-BOTTOM: #000 1px solid; 
POSITION: absolute; 
BORDER-LEFT: #000 1px solid; 
PADDING-BOTTOM: 1px; 
MARGIN: 0px; 
PADDING-LEFT: 2px; 
BOTTOM: 5px; 
PADDING-RIGHT: 2px;
BACKGROUND: #000; 
FONT-SIZE: 10px; 
BORDER-TOP: #000 1px solid; 
CURSOR: pointer; RIGHT: 10px;
BORDER-RIGHT: #000 1px solid; 
PADDING-TOP: 1px
}

.jdExtCarousel .wallButton 
{
BORDER-BOTTOM: #000 1px solid; 
POSITION: absolute; 
BORDER-LEFT: #000 1px solid;
PADDING-BOTTOM: 1px; 
MARGIN: 0px; 
PADDING-LEFT: 2px; 
BOTTOM: 5px; 
PADDING-RIGHT: 2px; 
BACKGROUND: #000; 
FONT-SIZE: 10px; 
BORDER-TOP: #000 1px solid;
CURSOR: pointer; 
RIGHT: 10px;
BORDER-RIGHT: #000 1px solid; 
PADDING-TOP: 1px;
}

.jdGallery .carousel .label .number 
{
COLOR: #fff;
}

.jdExtCarousel .label .number 
{
COLOR: #fff;
}

.jdGallery A {
COLOR: #fff; 
FONT-SIZE: 100%; 
TEXT-DECORATION: none;
}

.jdGallery A.right {
WIDTH: 25%; 
HEIGHT: 99%;
Z-INDEX: 10; 
POSITION: absolute; 
FILTER: alpha(opacity=20); 
CURSOR: pointer; 
opacity: 0.2; 
-moz-opacity: 0.2; 
-khtml-opacity: 0.2;
}

.jdGallery A.left {
WIDTH: 25%; 
HEIGHT: 99%; 
Z-INDEX: 10; 
POSITION: absolute; 
FILTER: alpha(opacity=20);
CURSOR: pointer; 
opacity: 0.2; 
-moz-opacity: 0.2; 
-khtml-opacity: 0.2;
}

* HTML .jdGallery A.right {
FILTER: alpha(opacity=50)
}

* HTML .jdGallery A.left {
FILTER: alpha(opacity=50)
}

.jdGallery A.right:hover {
FILTER: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8
}

.jdGallery A.left:hover {
FILTER: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8
}

.jdGallery A.left {
BACKGROUND: url(car_files/fleche1.png) no-repeat left center; TOP: 0px; LEFT: 0px
}

* HTML .jdGallery A.left {
BACKGROUND: url(car_files/fleche1.gif) no-repeat left center
}

.jdGallery A.right {
BACKGROUND: url(car_files/fleche2.png) no-repeat right center; TOP: 0px; RIGHT: 0px
}

* HTML .jdGallery A.right {
BACKGROUND: url(car_files/fleche2.gif) no-repeat right center
}

.jdGallery A.open {
WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}

.withArrows A.open {
Z-INDEX: 10; POSITION: absolute; WIDTH: 50%; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 99%; TOP: 0px; CURSOR: pointer; LEFT: 25%; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8
}

.withArrows A.open:hover {
BACKGROUND: url(car_files/open.png) no-repeat center center
}

* HTML .withArrows A.open:hover {
FILTER: alpha(opacity=80); BACKGROUND: url(car_files/open.gif) no-repeat center center
}

.jdGallery A.gallerySelectorBtn {
Z-INDEX: 15; POSITION: absolute; TEXT-ALIGN: center; FILTER: alpha(opacity=40); PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #000; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 13px; TOP: 0px; CURSOR: pointer; PADDING-TOP: 0px; LEFT: 30px; opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4
}

.jdGallery .gallerySelector 
{
WIDTH: 100%; 
HEIGHT: 100%; 
BACKGROUND: #000; 
Z-INDEX: 20; 
POSITION: absolute; 
TOP: 0px; 
LEFT: 0px
}

.jdGallery .gallerySelector H2 
{
PADDING-BOTTOM: 10px; 
LINE-HEIGHT: 30px; 
MARGIN: 0px; 
PADDING-LEFT: 20px; 
PADDING-RIGHT: 20px; 
COLOR: #fff; 
FONT-SIZE: 20px; 
PADDING-TOP: 10px
}

.jdGallery .gallerySelector .gallerySelectorWrapper 
{
OVERFLOW: hidden
}

.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton 
{
BORDER-BOTTOM: #000 1px solid; 
BORDER-LEFT: #000 1px solid; 
PADDING-BOTTOM: 5px; 
MARGIN-TOP: 10px; 
PADDING-LEFT: 5px; 
PADDING-RIGHT: 5px; 
FLOAT: left; 
HEIGHT: 40px;
COLOR: #fff; 
MARGIN-LEFT: 10px; 
BORDER-TOP: #000 1px solid; 
CURSOR: pointer; 
BORDER-RIGHT: #000 1px solid; 
PADDING-TOP: 5px
}

.jdGallery .gallerySelector .gallerySelectorInner DIV.hover 
{
BACKGROUND: #000
}

.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton DIV.preview 
{
BORDER-BOTTOM: medium none; 
BORDER-LEFT: medium none;
WIDTH: 40px;
BACKGROUND: #000 center center; 
FLOAT: left; 
HEIGHT: 40px; 
BORDER-TOP: medium none; 
MARGIN-RIGHT: 5px; 
BORDER-RIGHT: medium none
}

.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton H3 
{
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
FONT-SIZE: 12px; 
FONT-WEIGHT: normal; 
PADDING-TOP: 0px
}

.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton P.info 
{
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px; 
COLOR:#fff; 
FONT-SIZE:12px; 
FONT-WEIGHT: normal; 
PADDING-TOP: 0px
}

/*===================New Products===================*/

.homenp
{
font-family: Oswald;
font-weight: 500;
text-transform: uppercase;
font-size: 40px;
color: #000;
line-height: 50px;
margin: 0;
margin: 20px auto 0 auto;
}

.homenps
{
border-bottom: 1px solid #6c3;
height: 36px;
width: auto;
position: relative;
margin-left: 15px;
}

/*===================products===================*/

.productwarp
{
width:1200px; 
height:auto; 
float: left; 
margin-left:0px;
padding-top:30px; 
}

.cpworp
{
width:auto;
margin:0 auto;
color:#66CC33;
}

.cpworp li
{
width:280px; 
height:280px; 
float:left; 
margin-left:10px;
margin-right:10px;
margin-bottom: 80px;
display:inline;
}

.cpworp li a 
{
display:block;
}

.cpworp li a img 
{
width:280px; 
height:280px;
border:1px solid #66CC33;
margin-bottom:0px;
}

.cpworp li span 
{
width:282px;
height:80px; 
display:block; 
font:bold 15px/25px Arial, Helvetica, sans-serif; 
color:#333;
text-overflow:ellipsis; 
overflow:hidden;
text-decoration:none;
}

.cpworp li span a 
{
/*background:url(../images/more.jpg) no-repeat right; */
text-indent:-9999px; 
display:block;
}

/*===========contact us===================*/

.contactwarp
{
width:175px; 
height:auto; 
float:left;
}

.contactlm
{
width:160px; 
background:#b0b0b0 url(../images/lmbg.jpg) no-repeat left; 
font:11px/20px Arial, Helvetica, sans-serif; 
color:#fff;
padding-left:15px;
}

.contactus
{
width:175px; 
height:auto; 
margin:10px auto 0 auto;
}

.contactus li{
font:12px/20px Arial, Helvetica, sans-serif; 
color:#333; 
text-align:left;
}

.contactus li a
{
font:12px/20px Arial, Helvetica, sans-serif; 
color:#333; 
text-decoration:none;
}

.contactus li a:hover{
font:12px/22px Arial, Helvetica, sans-serif; 
color:#000; 
text-decoration:none;
}

.contactus02
{
width:230px; 
height:auto; 
margin:5px auto;
}

.contactus02 li
{
font:12px/22px Arial, Helvetica, sans-serif; 
color:#000; 
text-align:left;
}

.contactus02 li a
{
font:12px/22px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

.contactus02 li a:hover
{
font:12px/22px Arial, Helvetica, sans-serif;
color:#000; 
text-decoration:none;
}

/*=====================foot=====================*/
.bot
{ 
width:auto;
height:200;
margin:20px auto 0 auto; 
background:#0f0f10;
border-top: 3px solid #66CC33;
}

.footwarp{
width:1200px; 
height:auto; 
margin-left:20px;
padding-top:20px; 
padding-bottom: 20px;
font:15px/30px Arial, Helvetica, sans-serif; 
color:#BFBECB; 
/*text-align:center; 
padding-bottom:20px;*/
}

.footwarp a
{
font:15px/30px Arial, Helvetica, sans-serif; 
color:#BFBECB; 
text-decoration:none;
}

.footwarp a:hover
{
font:15px/30px Arial, Helvetica, sans-serif; 
color:#66CC33; 
text-decoration:underline;
}

/*==============con===========*/

.conwarp
{
width:auto; 
height:auto; 
margin:0 auto; 
margin-top:10px;
background: #FFF;
}

/*==========con left===========*/

.conleft
{
width:230px; 
height:auto; 
float:left;
}

/*=========fl==============*/

.fllmwarp
{
width:213px; 
height:60px;  
padding-left:15px; 
font:30px/60px Arial, Helvetica, sans-serif; 
color:#fff;
border: 1px solid #6c3;
color: #fff;
background: rgba(0,0,0,.75);
}

.categorycon
{
width:230px; 
height:auto; 
margin:2px auto 10px auto;
}

.categorycon li
{
width:230px; 
height:auto; 
font:16px/22px Arial, Helvetica, sans-serif; 
color:#333; 
display:block;
text-decoration:none;
}

.categorycon li a
{
font:16px/50px Arial, Helvetica, sans-serif; 
color:#333; 
background:url(../images/sj1.png) 15px 20px no-repeat;  
padding-left:30px; 
display:block;
text-decoration:none;
border-bottom:1px solid #ccc;
}

.categorycon li a:hover{
font:16px/50px Arial, Helvetica, sans-serif; 
color:#66CC33; 
background:url(../images/sj2.png) 15px 20px no-repeat;  
padding-left:30px; 
display:block;
text-decoration:none;
border-bottom:1px solid #ccc;
background-color: rgba(230, 230, 230, 1);
}

.categorycon02
{
width:230px; 
height:auto; 
margin:0 auto;
}

.categorycon02 li
{
width:230px; 
height:auto; 
}

.categorycon02 li a
{
font:12px/25px Arial, Helvetica, sans-serif; 
color:#333; 
background: url(../images/tb02.gif) 15px 10px no-repeat; 
padding-left:25px; 
display:block;
text-decoration:none;
border-bottom:1px solid #ccc;
}

.categorycon02 li a:hover
{
font:12px/25px Arial, Helvetica, sans-serif;
color:#2269a8; 
background:url(../images/tb02.gif) 15px 10px no-repeat; 
padding-left:25px; 
display:block;
text-decoration:none;
border-bottom:1px solid #ccc;
}

/*==========con right===============*/

.conright
{
width:950px; 
height:auto; 
float:right;
}

/*==========about==============*/

.aboutwarp
{
width:950px; 
border-top:3px solid #66CC33; 
border-left:0px solid #c0c0c0; 
border-right:0px solid #c0c0c0; 
padding:0px; 
border-bottom:0px solid #c0c0c0;
}

.aboutwarplm
{
width:950px; 
height:59px; 
background-color: rgba(255, 255, 255, 0.5);
/*background: url(../images/lmbg02.jpg) repeat-x;*/
}

.aboutwarplm h2{
width:280px;
height:59px;
font:30px/60px Arial, Helvetica, sans-serif; 
color:#000;  
float:left; 
padding-left:15px;
}

.dcw
{
width:500px; 
height:50px; 
float:right; 
text-align:right; 
font:30px/50px Arial, Helvetica, sans-serif, "宋体"; 
color:#2269a8; 
padding-right:15px;
}

.dcw a
{
font:30px/50px Arial, Helvetica, sans-serif, "宋体"; 
color:#2269a8; 
text-decoration: none;
}

.dcw a:hover
{
font:30px/50px Arial, Helvetica, sans-serif, "宋体"; 
color:#000; 
text-decoration: none;
}

.aboutrn
{
padding:10px; 
margin:0 auto; 
font:16px/32px Arial, Helvetica, sans-serif, "宋体"; 
color:#404040;
}

/*=========product============*/

.cpworp02
{
width:950px;
margin:20px auto;
}

.cpworp02 li
{
width:300px; 
height:300px; 
float:left; 
margin-left:8px;
margin-right:8px;
margin-bottom: 80px;
display:inline;
}

.cpworp02 li a 
{
display:block;
}

.cpworp02 li a img 
{
width:300px;
height:300px;
border:1px solid #66CC33;
margin-bottom:2px;
}

.cpworp02 li span  p
{
width:300px;
height:80px;
display:block; 
font:bold 15px/30px Arial, Helvetica, sans-serif; color:#000;
text-decoration:none;
text-overflow:ellipsis; 
overflow: hidden;
/*text-align:center;*/
}
	
.cpworp02 li span a {
width:300px;
height:25px;
font:bold 15px/30px Arial, Helvetica, sans-serif; color:#000;
text-decoration:none;
text-overflow:ellipsis; 
overflow: hidden;
/*text-align:center;*/
}

.cpworp02 li span a:hover 
{
width:300px;
height:25px;
font:15px/30px Arial, Helvetica, sans-serif; color:#66CC33;
text-decoration:none;
text-overflow:ellipsis; 
overflow: hidden;
/*text-align:center;*/
}

.newproductwarpcomin02
{
width:950px; 
height: auto; 
margin-left:0px;
}

.aboutincon002
{
width:950px; 
margin:10px auto 10px auto;
}

.productleft
{
width:650px; 
height:460px;
float:left;
}

.productleft img
{
width:650px;
height:460px;
border:1px solid #66CC33;
}

.productright
{
width:280px; 
height:auto; 
float:right;
}

.productright ul li
{
height:auto; 
color:#000; 
font:15px/40px Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
border-bottom:1px solid #b7b7b7; 
padding-left:5px;
}

.productorder img
{
padding-left:80px; 
border:0;
}

.productorder a
{
width:120px; 
height:50px; 
background:#212121; 
border:1px solid #66CC33; 
padding:1px; 
font: bold 16px/50px Arial, Helvetica, sans-serif; 
color:#FFF; 
text-align:center; 
display:block; 
text-decoration:none; 
margin-top:10px;
}

.productorder a:hover
{
width:120px; 
height:50px; 
background:#66CC33; 
border:1px solid #212121; 
padding:1px; 
font: bold 16px/50px Arial, Helvetica, sans-serif; 
color:#212121; 
text-align:center; 
display:block; 
text-decoration:none;
margin-top:10px;
}

.detailspigsome
{
width:948px; 
background-color: rgba(255, 255, 255, 0.5);
padding-bottom:14px; 
margin:15px auto;
border: 1px solid #66CC33;
}

.detailspigsome li
{
width:100px; 
height:100px; 
margin-left:15px;
margin-top:10px; 
float:left; 
display:inline;
}

.detailspigsome li img
{
width:100px; 
height:100px; 
background:#fff; 
border:1px solid #5f5f5f; 
cursor:hand;
}

.productcool
{
width:690px;  
height:25px; 
background:#2269a8; 
border-bottom:1px solid #383838; 
border-top:1px solid #383838; 
font-size:12px; font-weight:bold; color:#fff; line-height:25px; padding-left:10px; margin:0 auto; }

.productdetails
{
height:auto; margin:10px auto; padding:0 10px; text-align:left; font-size:12px;  color:#5f5f5f; line-height:25px;}



#header 
{
width: 950px;
height: auto;
margin:0 auto;
padding-top:20px;
}

#menu {
width:930px; 
height:50px;
margin: 0px;
padding: 0px;
list-style-type: none;
background:#0071b7;
padding-left:20px;
}

#menu li 
{
display: block;
text-align:left;
cursor: hand;
float:left;
padding:0 15px;
}

.sec1 
{
font: bold 16px/50px Arial, Helvetica, sans-serif; 
color:#ffffff; 
}

.sec2 
{
font: bold 16px/50px Arial, Helvetica, sans-serif; 
color:#ffffff;
background:#0a0a0a;
}

.block 
{
display: block; 
margin-top:10px; 
font:15px/25px Arial, Helvetica, sans-serif; 
color:#333;
}

.unblock 
{
display: none;
margin-top:10px; 
font:15px/25px Arial, Helvetica, sans-serif; 
color:#333;
}

/* ====================分页==================== */

.cpfy
{
height:40px; 
line-height:40px;
text-align:center; 
}

.cpfy ul
{
margin:0; 
padding:0;
}

.cpfy ul li
{
height:15px;
list-style:none; 
float:left;
}

.cpfy a:link,.cpfy a:visited
{
color:#000; 
text-decoration:none; 
line-height:15px;
}

.cpfy a:hover,.cpfy a:active
{
color:#0277D7; 
text-decoration:none; 
line-height:15px;
}

#fenye
{
margin:0; 
padding-bottom:10px; 
padding-top:5px;
}

#fenye li
{
width:15px; 
height:15px;
text-align:center; 
float:left; 
border:1px solid #A7BCCD;
padding:2px; 
background-color:#DEEFFF; 
list-style:none; 
margin-left:5px; 
margin-right:5px; 
color:#0E487A; 
font-size:11px; 
font-weight:bold;
}

#fenye li.nowy
{
width:15px; 
height:15px;
float:left; 
border:1px solid #A7BCCD; 
padding:2px; 
background-color:#ffffff; 
list-style:none; 
margin-left:5px; 
margin-right:5px; 
text-align:center; 
color:#ffffff; 
font-size:11px; 
font-weight:bold;
}

#fenye li a,#fenye li a:visited
{
color:#0E487A; 
text-decoration:none; 
font-size:11px; 
line-height:15px;
}

#fenye li.nowy a,#fenye li.nowy a:visited
{
color:#333333; 
text-decoration:none; 
font-size:11px; 
line-height:15px;
}

#fenye li.next
{
width:auto; 
padding-left:2px; 
padding-right:2px;
}

#navwarp li.sfhover ul 
{
left: auto;
}