@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure,iframe{margin:0;padding:0}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a:hover{text-decoration: none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%; outline:none}
table{border-collapse:collapse;border-spacing:0}
div{margin:0 auto}
a{text-decoration:none; border:0;outline:none; color:#333}
a:focus {outline: none} 
h1, h2, h3, h4, h5, h6,code{font-family:\5fae\8f6f\96c5\9ed1, \9ed1\4f53, \5b8b\4f53,Arial}
ul, li{list-style: none}
input{outline:none}
img{border:0}
.fl{float:left}
.fr{float:right}
.top30{margin-top:30px}

/*comonn*/

.product span,.skill span,.aboutUs h4 span{background:url(homeIcon.png) no-repeat}
.product dd a:hover,.skill dd a,.aboutUs dd a,.aboutUs a,.companyNav li a:hover,.goodsNav dd a:hover,.ehsContent li a:hover,.foot li a:hover,.content dd a:hover,.goods dd a:hover,a.lookBook{color:#45adb3}


.subNav ul{font-size:14px; margin-top:0px}
.subNav span{background:url(arrow.png) no-repeat; width:25px; height:12px; position:absolute;left:10px; top:-11px}
.subNav{position:absolute;top:30px;left:0px;  display:none; z-index:5}
.subNav dd{float:left; line-height:30px;font-size:12px; text-align:left; background-color:#45adb3;text-align:center}
.subNav dd a{display:block;line-height:30px;color:#fff!important; padding:0 10px}
.subNav dd a:hover {background-color:#42c7cf;color:#333}


.slide{height:350px;position:absolute; left:0; overflow:hidden;width:100%; z-index:4}
.slidePic{background:url(l5.gif) 50% 50% no-repeat;height:350px;width:100%}
.slidePic a{display:block;height:100%}
.slideItem{position:absolute;z-index:10;left:43%; bottom:10px;overflow:hidden}
.slideItem li{background:url(slide-bg.png) no-repeat; width:12px;height:12px;margin-left:10px;text-indent:-9999px;overflow:hidden;float:left; cursor:pointer}
.slideItem li.on{background:url(slide-bg-active.png) no-repeat}


/*warp*/
.leftWarp{ width:740px; overflow:hidden}
.product,.skill{width:350px;height:230px}
.product{background:url(productLine.png) right repeat-y; position:relative}
.product dl{float:left; margin-right:35px}
.product dt{font-size:15px; height:25px;font-weight:bold; color:#717071}
.product dd{font-size:12px; line-height:26px}
.product dd a{color:#838182}

.product span,.skill span,.aboutUs h4 span{height:11px; width:132px; vertical-align:middle; display:inline-block; margin-left:14px}
.skill span{background-position:0 -17px}
.product h2,.skill h3{margin:15px 10px 14px 0; font-size:16px; color:#333}
.skill{margin-left:30px; position:relative}
.skill dl{margin-left:6px}
.skill dt{line-height:25px; color:#838182; width:290px; height:150px; overflow:hidden;}
.skill dd a,a.lookBook{position:absolute; bottom:16px}
 a.lookBook{left:0px}
 .skill dd a {left:250px;}
 
/*leftWarp*/
.rightWarp{width:360px; background-color:#f5f5f5; min-height:632px}
.homeNews{width:360px; background-color:#45adb3; min-height:440px; margin-bottom:14px; height:auto; position:relative}
.homeNews h5{padding:15px 0 0 20px; color:#fff; font-size:15px; font-weight:bold}
.homeNews dl{margin:10px 0 20px 20px;width:320px}
.homeNews dt{color:#d4e6b2; margin-bottom:1px}
.homeNews dd{color:#fff; font-size:12px; line-height:22px}
.homeNews dd a{color:#cbe893; margin-left:20px}
.homeNews strong{font-size:14px;font-weight:bold}
.homePage{background-color:#107aa7; height:45px; position:absolute; bottom:0; width:360px}
.aboutUs h4 span{background-position:0 -36px}
.homePage code{width:19px; height:12px; display: inline-block; background:url(arrow_2.png) no-repeat; position:absolute; left:18px; top:-12px}


#digg{ margin-left:40px}
.digg {margin:10px 0 3px 0; padding:3px; text-align:center}
.digg a,#digg a{ padding:2px 5px; margin:2px;text-decoration:none}
.digg a{color:#fff;border:1px solid #fff}
#digg a{ color:#333;border:1px solid #acabab}
.digg a:hover{border:#000099 1px solid; color:#000}
#digg a:hover{border:#32a0a6 1px solid; background-color:#74c2c6; color:#fff}
.digg a:active {border:#000099 1px solid color:#000}
.digg span.current,#digg span.current{padding:2px 5px; margin:2px;text-decoration:none}
.digg span.current{border:1px solid #74C2C6; color:#fff}
.digg span.disabled{border:#eee 1px solid; padding:2px 5px; margin:2px;}
#digg span.current{ border:1px solid #74c2c6; color:#45adb3}
/*leftNav*/
.leftNav,.goodsNav{width:210px; min-height:520px; height:auto}
.companyNav,.contantUs,.goodsNav,.mianContent{border: solid #d8d7d7; background-color:#fff; margin-bottom:10px; border-width:0 2px 2px 0; height:auto}
.companyNav,.contantUs{min-height:253px}
#goodsNav{ min-height:440px}

/*companyNav*/
.companyNav h2,.contantUs h3,.goodsNav h4{font-size:16px; font-weight:bold; color:#333; padding:18px 0 0 30px}
.companyNav ul,.contantUs dl,.goodsNav dl{margin:5px 0 0 30px; width:190px}
.companyNav li,.contantUs dt,.goodsNav dt{height:30px; line-height:30px; font-size:14px; background:url(arrowLink.png) left no-repeat; padding-left:15px}
.companyNav li a,.goodsNav dd a{color:#888}
.companyNav .onLi a{color:#45adb3; font-weight:bold}
.contantUs dd,.goodsNav dd{margin-left:20px; font-size:12px;line-height:24px; color:#595757}
.contantUs a,.place li a{color:#45adb3; margin-left:4px}
.contantUs p {margin-left:0px; font-size:12px;line-height:24px; color:#595757}

.mianContent{width:650px; margin:0 10px; min-height:520px; height:auto}
#mianContent,#contant{width:860px; margin:0 10px;height:auto; float:right}
#mianContent{min-height:708px}
#contant{min-height:520px}
.place{margin:10px 0 0 0px; font-size:16px; width:620px; height:40px; line-height:40px; font-weight:bold}
.place li{color:#45adb3; margin-right:5px; float:left}



/*goods*/
.goodsSearch{ margin:10px 0 10px 40px; height:32px}
.goodsSearch{float:left; height:32px; position:relative; margin-right:20px}
.goodsSearch li{float:left; height:32px; position:relative; margin-right:20px}
.goodsInput,.goodInput,.goodBtn{background:url(selcetBg.png) no-repeat}
.goodsInput{width:157px; height:32px; line-height:32px; font-size:14px; color:#333; padding-left:10px;cursor:pointer}
.upList{width:152px; position:absolute; left:0;background-color:#fff; border:solid #b3b3b3; border-width:0 1px 1px 1px; height:200px; overflow-y:scroll; overflow-x:hidden; display:none}
.upList dd{display:block;padding-left:4px; font-size:12px; height:30px}
.upList dd:hover{background-color:#f5f5f5}
.goodInput{width:203px; height:32px; font-size:14px; color:#333; padding-left:5px; border:none; line-height:32px; background-position:0 -39px}
.goodBtn{height:32px; line-height:32px; width:95px; background-position:0 -76px; border:none; cursor:pointer; font-size:16px; color:#fff; font-weight:bold}

.goods,.goodsShow{ margin-left:15px}
.goodsShow{ width:770px}
.goodsShow h2{ margin-bottom:10px; font-size:15px; text-align:center; margin-bottom:50px;}
.goodsShow li{ font-size:14px; line-height:24px; text-indent:20px; margin:10px 0}
.goods ul{ overflow:hidden; margin-right:-60px}
.goods li{ float:left; margin-right:70px; width:250px}
.goods p{ margin-bottom:10px}
.goods img{ background-color:#fff; border:1px solid #ccc; padding:2px}
.goods h5{ font-size:15px; color:#45adb3; margin-bottom:10px}
.goods dl{width:250px}
.goods dd{ float:left; width:120px; margin-right:5px}
.goods dd a{display:block;width:120px; font-size:12px; line-height:24px;background:url(arrowLink.png) left no-repeat; padding-left:15px}
.goodc { width:300px; margin:auto;}
.goodc h5{ text-align:center;}