﻿@import url("http://skin.wbscdn.com/skin/tools/dialog/dialog.css");
body{margin:0;padding:0;color:#333;text-align:left;font-size:12px;font-family:Arial;-webkit-text-size-adjust:none;}
ul,li,dl,dt,dd,form,p{margin:0; padding:0; list-style:none}
table input,select,textarea,option{ font:100% Verdana;BORDER: 1px solid #ccc; COLOR: #333; BACKGROUND-COLOR: #fff; height:20px; line-height:20px}
.hide,.clear{clear:both; font-size:0; line-height:0; height:0}
.hide{ overflow:hidden}
img{border:none}
a{color:#333;text-decoration:none}
a:hover{color:#f70;text-decoration:underline}
h1,h2,h3{margin:0;padding:0; display:inline; font-size:12px}
table,td{word-break:break-all}

#site,.bodyBox{margin:0px auto;width:1004px}

#top{padding:0px;margin:0px;background:url(http://skin.wbscdn.com/skin/sesu/images/topbg.jpg) left bottom no-repeat;height:110px}
#logoline{ margin:0 auto; width:980px;}
#topline{color:#ccc;position:absolute;font-weight:normal;font-size:11px;top:2px;padding-left:100px}
#topline a{color:#ccc}
#logo{float:left;margin:15px 0 0 0}
#logo a{display:block; width:150px; height:80px;}

.comname{color:#fff45c;font-size:16px;float:left;font-weight:bolder;margin-top:66px}
.menucon{margin-left:20px}
#search{ float:right;height:25px;line-height:25px;margin-top:12px;margin-right:10px}
#search li{ float:left}
.search_input{width:180px;height:19px;border:0;color:#818181;background:#fff url(http://skin.wbscdn.com/skin/sesu/images/searchinput.gif) no-repeat left;padding:2px 0 2px 34px; line-height:19px; border:1px solid #b12727}
.search_btn{width:59px;height:40px;border:0;background:url(http://skin.wbscdn.com/skin/sesu/images/searchbtn.jpg) no-repeat;margin:2px 0 0 3px; cursor:pointer}

.tools {text-align:right; height:23px; line-height:23px;background:url(http://skin.wbscdn.com/skin/sesu/images/top_home.gif) no-repeat top right}
.tools a{ float:right; display:inline;line-height:23px;height:23px;color:#000; padding-right:5px}
.tools a:hover{color:#000;text-decoration:underline}
.tools a.c1{background:url(http://skin.wbscdn.com/skin/sesu/images/Emimg.gif) left no-repeat;padding-left:15px}
.tools a.c2{background:url(http://skin.wbscdn.com/skin/sesu/images/CNimg.gif) left no-repeat;padding-left:15px}
.tools a.c3{background:url(http://skin.wbscdn.com/skin/sesu/images/hoimg.gif) left no-repeat;padding-left:15px}
.tools a.c4{background:url(http://skin.wbscdn.com/skin/sesu/images/inimg.gif) left no-repeat;padding-left:15px}

#banner{height:200px;overflow:hidden; width:1004px; margin:0 auto;}
#curpos{font-size:90%; white-space:nowrap;padding-left:13px;color:#666; font-weight:normal; margin-bottom:3px}
#curpos a{color:#666}
#main{ background:#FFF;margin-top:7px;clear:both}


#left{width:198px;float:left; overflow:hidden}
.list LI {BORDER-RIGHT: #5dab2a 1px solid; BORDER-TOP: #5dab2a 1px solid; PADDING-LEFT: 14px; BACKGROUND: url(http://skin.wbscdn.com/skin/sesu/images/small.gif) #ffffff no-repeat 4px 50%; FLOAT: left; MARGIN: 2px 4px; BORDER-LEFT: #5dab2a 1px solid; WIDTH: 183px; BORDER-BOTTOM: #5dab2a 1px solid}
.list LI A {COLOR: #348d10; TEXT-DECORATION: none}
.list LI A:hover {COLOR: #ff3300; TEXT-DECORATION: underline}
.hcontent,.hcontent2{line-height:20px; clear:both;padding-bottom:5px; border-top:1px solid #ccc}
.hcontent b{color:#6699cc}

.navtop{height:33px;line-height:33px; padding-left:30px;color:#fff; background:url(http://skin.wbscdn.com/skin/sesu/images/ltitbg1.jpg) no-repeat;font-weight:bolder}
#nav dt,#nav dd li{background:url(http://skin.wbscdn.com/skin/sesu/images/leftdt.gif) no-repeat;padding-left:20px;border-bottom:1px solid #fff; height:36px; line-height:36px}
#nav dd li h2,#nav dt h2{font-weight:normal;color:#000;cursor:pointer; line-height:36px; background:url(http://skin.wbscdn.com/skin/sesu/images/dt2.gif) no-repeat 0 center; padding-left:20px}
#nav dd li{display:block;padding-left:10px}

.protts a:link,.protext a:link,#nav dl a:link{color:#666;text-decoration:none}
.protts a:visited,.protext a:visited,#nav dl a:visited{color:#db3535;text-decoration:none}
.protts a:hover,.protext a:hover,#nav dl a:hover{color:#f70;text-decoration:underline}

#lcontact{margin:10px 0; border-top: 1px solid #ccc}
#lcontact td{word-break: keep-all}
.lboxbg{font-size:11px;  margin:5px 0; padding:10px}
#llink{margin:10px 0}


#right{width:790px; float:right; overflow:hidden}
.board{line-height:33px;clear:both;height:33px;background:#cb2817 url(http://skin.wbscdn.com/skin/sesu/images/board.jpg) no-repeat top right; overflow:hidden}
.board strong,.board span{ display:block;height:33px;line-height:33px;font-weight:bold;color:#fff;padding-left:25px}
.board a{float:right;margin-right:5px;font-size:10px;color:#fff;line-height:33px;height:33px; margin-top:1px;}
.suptit{line-height:23px; padding-left:22px;height:23px; font-weight:bold;border:1px solid #f0f0f0; background:#f5f5f5}
.profilebox{padding:10px}
.red{color:#f00}
.title{color:#fff; font-weight:bold}
.group{border:1px dashed #33CC33; padding:5px 10px; margin:5px}
.group ul{clear:both; width:100%}
.group li{float:left; width:150px; background:url(http://skin.wbscdn.com/skin/sesu/images/small.gif) no-repeat 0 8px; padding-left:10px}
.group li a{color:#ff7c00}
.board a.ic1{ margin-right:8px;margin-top:10px}

.probox{width:180px; float:left; margin-top:10px; height:197px; overflow:hidden}
.protext{overflow:hidden; text-align:center; clear:both}
.protext a{color:#333}
.protext a:hover{color:#ff7700}
.probox span{ display:block; text-align:center}
.probox h2{font-size:11px; font-weight:normal; line-height:16px; text-align:center; clear:both}
.proimg img{position:static;+position:relative; top:-50%;left:-50%; vertical-align:middle}
.proimg p{position:static; +position:absolute; top:50%; vertical-align:middle; margin:0; padding:0 }
.proimg{width:158px; height:158px;line-height:153px;vertical-align:middle;position:relative; text-align:center;display:table-cell;overflow:hidden; margin:0 auto}

.proboxlist{clear:both; margin:5px 0; border-bottom:1px dotted #cecece}
.proboxlist span{ margin:0 10px}
.proboxlist .proimg{ float:right;  width:140px; height:140px}
.proboxlist .proimg img{vertical-align:top}
.proboxlist .protext{ background:none; margin:0 0 5px 0;width:100%;height:20px;text-align:left}
.proboxlist .protext a{color:#cc3333}
.proboxlist .protext a:hover{ color:#f00;text-decoration:underline}
.proboxlist .prodes{float:left; width:300px; height:170px; overflow:hidden; text-align:left}

#hot{color:#006600; border:1px solid #eee; width:575px; margin:5px auto}
#hot .probox{width:190px}
.htit1,.htit2{width:120px; line-height:18px;height:18px;float:left; border:none; cursor:pointer;color:#999; padding-left:15px }
.htit2{color:#a3010e; background:url(http://skin.wbscdn.com/skin/sesu/images/small.gif) 7px 6px no-repeat}
.hotbox{width:570px; margin:0 auto}
#htitlebg{ margin:0 6px}


.plitem{clear:both;margin:10px; border-bottom:1px solid #ccc}
.plitem a{color:#333}
.plitem h2{height:24px; line-height:24px; font-size:14px; display:block}
.plitem .pldes{width:330px;float:right; margin:10px 0}

.contacttable{padding:20px 0; width:520px; margin:0 auto}
.linkcontent{margin:10px 0}
.weltext{padding:10px; margin:10px; border:1px solid #ebebeb; background:#fff}

#root{clear:both;text-align:center;margin-top:8px;background:#fff url(http://skin.wbscdn.com/skin/sesu/images/rootbg.gif) repeat-x left top}
.rootseo{text-align:center; color:#666}
.rootseo div{border:1px dotted #ff7c00; padding:5px}
.rootmenu{line-height:24px;  text-align:center; margin:0 auto}
.rootmenu a{padding:0 10px}
.rootbg{}
.copyright{color:#000;text-align:center;clear:both; vertical-align:middle; height:31px;padding-top:6px}
#root a{ color:#5b4b4b}
#root a:hover{ color:#333}

.page{clear:both;line-height:20px; margin:10px 0; padding:5px}
.page a{color:#cc3333;padding:3px;border:1px solid #cc3333;text-decoration:none;margin-right:5px}
.page a:hover{background:#cc3333;color:#fff}
.cur{background:#cc3333;color:#fff;	padding:3px;border:1px solid #cc3333;margin-right:3px}


.prodetail{margin:10px auto; text-align:center}
.prodetail img{margin:0 auto; padding:5px }
.pc{clear:both; color:#333}
.pc a{background:url(http://skin.wbscdn.com/skin/sesu/images/curjt.gif) no-repeat right;padding-right:10px}
.prenext{padding:3px; background:#f3f3f3; margin:5px 0}
.prodetaildes{margin:10px 0}
.prodetaildes table{ background:#ccc}
.prodetaildes table td{background:#fff}
.relpro{margin:10px; font-size:10px}
.pdbox{padding:5px 15px; color:#000; border:1px solid #f2f2f2; margin:5px 10px; background:url(http://skin.wbscdn.com/skin/sesu/images/small.gif) 8px 13px no-repeat}
.newslist ul{ padding:0 10px}
.newslist li{background:url(http://skin.wbscdn.com/skin/sesu/images/li.gif) no-repeat 0 9px; padding-left:8px; margin:3px; border-bottom:1px dashed #ccc; width:544px; overflow:hidden}
.newslist li a{float:left; color:#333}
.newslist span{float:right; color:#ccc}
.updatetime{margin:10px 0; color:#ccc}
.newscontent{margin:5px; padding:10px}
.newstags{margin:5px}


.sitit{background:url(http://skin.wbscdn.com/skin/sesu/images/small3.gif) no-repeat left; padding:5px 14px;margin:10px}
.sitit,.sitit a{color:#333;font:12px}
.sibox{margin:20px auto;width:570px}
.sibox ul{}
.sibox li{background:url(http://skin.wbscdn.com/skin/sesu/images/small.gif) no-repeat 0 8px; padding-left:8px; width:185px; float:left}
.sibox li a{margin-right:10px}

.trans{ text-align:center; clear:both; margin:3px auto}
.showctr{clear:both; text-align:right; height:24px; line-height:24px;padding:0 20px 0 0; background:#f3f3f3}
#view_gallery,#view_list{cursor:pointer}

.prenextctrl{ margin:10px; clear:both; height:18px; line-height:20px}
.prebtn{ border:1px solid #5d94cc; padding:0 5px; float:left; background:url(http://skin.wbscdn.com/skin/sesu/images/prev.gif) 6px center no-repeat; padding-left:15px}
.nextbtn{ border:1px solid #5d94cc; padding:0 5px; float:right; background:url(http://skin.wbscdn.com/skin/sesu/images/next.gif) 85% center no-repeat; padding-right:15px}
.grouppro a{ border:1px solid #69F; margin:0 2px; padding:3px 5px}

/********-----su----********/
.c1{ color:#cc2424}
.appli{float:right; text-align:right; margin-top:10px}
.appli a{padding:28px 4px 0 4px;text-align: center; color:#666}

.menubg{font-weight:bold;height:31px;line-height:31px; overflow:hidden; background:url(http://skin.wbscdn.com/skin/sesu/images/menubg.jpg) repeat-x; width:100%;}
#menu{ width:1004px; margin:0 auto}
#menu li{ float:left;background:url(http://skin.wbscdn.com/skin/sesu/images/menuli.jpg) no-repeat right center}
#menu li a{float:left;display:block;width:120px;padding:0px 16px;text-align:center;color:#FFF}
#menu li a:hover,#menu li a:active,#menu li a.now{color:#515151;text-decoration:none; background:#fff}
#menu li.lias{ background:none}

#rightcon{ float:left; width:595px; overflow:hidden}
.contactbox{color:#303030;line-height:18px; background:#f6f6f6; border:1px solid #c3c3c3; padding:10px;}
.contactbox a{ color:#303030}
.contactbox img{ margin:10px 0px 0px 0px; float:right}

#newpro{ float:right; width:190px; overflow:hidden}
.newbox{ padding:6px 0; border:1px solid #d9d9d9;border-top:0}
.pros{border-bottom:1px solid #ececec; width:100%; margin:10px 0}
.protts{padding-top:10px; height:32px; line-height:19px; margin:0 auto; overflow:hidden; text-align:center; clear:both}
.protts a{color:#434343}
.protts a:hover{color:#ff7700}
.pros span{ display:block; text-align:center}
.pros h2{font-weight:normal; line-height:16px; text-align:center; clear:both}
.proimgs img{position:static;+position:relative; top:-50%;left:-50%; vertical-align:middle}
.proimgs p{position:static; +position:absolute; top:50%; vertical-align:middle; margin:0; padding:0 }
.proimgs{width:160px; height:160px;line-height:160px;vertical-align:middle;position:relative; text-align:center;display:table-cell;overflow:hidden; margin:0 auto; border:1px solid #ccc}

.padd{padding:10px 12px}
.comInfo{ height:175px; padding:10px 0; overflow:hidden}
.comInfo img{ margin-left:12px; margin-top:6px}
.comInfo p{font-family:Verdana; margin-bottom:23px}
.appbox p{ margin-top:10px}
.appbox img{ margin-top:10px}
.appbox { margin-top:10px}
.friendlink{ border:1px solid #cccccc;text-align:center; margin-top:3px; text-align:center}

.flinks,.flinks a{line-height:14px; font-size:10px;color:#333}
.flinks a{ padding-left:6px;color:#333;text-decoration:none;cursor:text}

.skype{text-align:center}
.skype a{ margin:5px 3px}
.factory .probox{height:170px}
.audited{margin:5px 0}
.audited p{text-align:left;padding:0 4px;line-height:14px}
.audited li{padding-left:10px;background:url(http://skin.wbscdn.com/skin/sesu/images/ttsupli.gif) no-repeat 0 10px; height:23px; line-height:23px}

#popFootOut{display:none;position:absolute;margin-top:-20px;background:none;left:0}
#popFootIn{background:#9c010d;padding:10px 0;color:#fff;border:1px solid #9c010d;margin:0 auto}
#popFootOut a{color:#fff}
.mar{ margin-top:9px}
.searchmore{padding:0 10px}
.online{text-align:center;background:#f60; border:1px solid #f30; padding:3px 0}
.online img{ margin-top:0; margin-right:12px}
.infoimg img{}.infoimg{margin-top:6px; text-align:center}
.neliBox{border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;padding:2px 0;width:188px;}
.neliBox li{background:url(http://skin.wbscdn.com/skin/sesu/images/li.gif) no-repeat 5px 9px;padding:3px 3px 3px 15px; border-bottom:1px dashed #ccc; width:180px; overflow:hidden; font-size:12px;}
.neliBox span,.neliBox li a{color:#666; display:inline; float:none}

#scrollDiv{height:800px;width:190px;position:relative;overflow:hidden;}
#scrollDiv ul {position:absolute;zoom:1;height:1400px;}  
#scrollDiv ul:after {content:".";display:block;height:0;clear:both;visibility:hidden; } 
#scrollDiv li {width:190px;height:180px;float:left;text-align:center;}

#themeSlide .container, .container *{margin:0; padding:0;}
#themeSlide .container{width:1004px; height:200px; overflow:hidden;position:relative;}
#themeSlide .slider{position:absolute;}
#themeSlide .slider li{ list-style:none;display:inline;}
#themeSlide .slider img{display:block; height:200px; width:1004px;}
#themeSlide .slider div.imgc{ display:block;}
#themeSlide .num{ position:absolute; right:5px; bottom:5px;}
#themeSlide .num li{float: left;	color: #FF7300;	text-align: center;	line-height: 16px;	width: 16px;	height: 16px;	font-family: Arial;	font-size: 12px;	cursor: pointer;	overflow: hidden;	margin: 3px 1px;	border: 1px solid #FF7300;	background-color: #fff;}
#themeSlide .num li.on{	color: #fff;	line-height: 21px;	width: 21px;	height: 21px;	font-size: 16px;	margin: 0 1px;	border: 0;	background-color: #FF7300