@import url("../../menu/menu.css");

body { margin: 0 ; padding:0 ; font-size:12px; color:#333333}
ul,li,p,h1,h2,dt,dl,dd { margin:0; padding:0;}
ul,li{ list-style:none;}
img { border:0;}
a,a:visited { color:#333;text-decoration: none}
a:hover{color:#ff6600;text-decoration:underline}
a.red,a.red:visited { color:#cc0000;text-decoration: none; font-weight:bold}
a.red:hover{color:#ff6600;text-decoration:underline}
.clearfix { height:8px; font:0; clear:both; width:100%;}
.l { float:left}
.r { float:right}
.m10 { margin-left:10px;}

#header { background:url(../img/tbg.jpg) repeat-x; width:100%; height:120px;  position:relative}
#header .webtop { width:1000px; margin:0 auto; height:80px; overflow:hidden; }
#header .webtop .logo { width:300px; float:left; padding-top:20px;}
#header .webtop .login { width:300px; height:25px; line-height:25px; float:right; text-align:right; color:#cccccc;}
#header .webtop .login a { color:#cccccc; margin-right:20px;}
#header .webtop .topbar { 
background:url(../img/topbar.png) no-repeat left;
float:right;
line-height:24px;
padding-left:20px;
}
#header .webtop .topbar a { clear:both;color:#cccccc}


#header .top { width:100%; margin:0 auto; background:url(../img/tbg.jpg) repeat-x; height:52px;}

 

.aboutus dl,.brand dl,.products dl,.topnews dl,.jishuzhichi dl { padding:10px; width:120px; float:left;  margin-left:45px; color:#6e6d6d; display:inline}
.aboutus dl dt,.brand dl dt,.products dl dt,.topnews dl dt,.jishuzhichi dl dt { border-bottom:1px solid #3c3c3c; margin-bottom:5px; padding-bottom:5px; font-weight:bold;}
.aboutus dl dd,.brand dl dd,.products dl dd,.topnews dl dd ,.jishuzhichi dl dd { padding:5px;}
.aboutus dl a,.brand dl a,.products dl a ,.topnews dl a,.jishuzhichi dl a { color:#6e6d6d}
.aboutus .over,.brand .over,.products .over,.topnews .over,.jishuzhichi .over { border:#CCC 0px solid; background:#1d1d1d}
.aboutus .ddover,.brand .ddover,.products .ddover,.topnews .ddover,.jishuzhichi .ddover { border:#CCC 0px solid; background:#272727}

 



#flash { width:980px; height:393px; overflow:hidden; margin:0 auto; clear:both; position:relative;/*--*/ padding:0px 10px;}
#flash a {width:980px; height:393px; display:none;}
#flash img {width:980px; height:393px;/* display:none;*/}
.flash_bar { width:520px; padding-left:470px; z-index:69; height:30px; overflow:hidden; position:absolute;padding-top:13px!important; padding-top:12px; bottom:0px; left:0px; background:url(tg_flashbar.png) no-repeat 10px 0px; text-align:center;}
.flash_bar .dq { display:block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.16sucai.com/uploadfile/show2011/120215001/iamges/tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(tg_flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.16sucai.com/uploadfile/show2011/120215001/iamges/tg_flash_p2.png" ,sizingMethod="crop"); }
/*Ò»Á÷ËزÄÍøwww.16sucai.com --201104---*/
#flashBg { height:393px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}
#flashLine {background:url(touming.png) repeat-x center bottom;height:393px; width:100%; clear:both;}




.da-slider{	width: 100%;height: 500px;position: relative;overflow: hidden;}
.da-slide{position: absolute;width: 100%;height: 100%;top: 0px;	left: 0px;}

.da-slide a { display:block; width:100%; height:500px;}
.da-dots{width: 100%;position: absolute;text-align: center;	left: 0px;bottom: 10px;	z-index: 2000;}
.da-dots span{display: inline-block;position: relative;width: 18px;height: 20px;margin: 3px;cursor: pointer;background: transparent url(../images/prev.png) no-repeat top left;
}
.da-dots span.da-dots-current:after{content: '';width: 18px;height: 20px;position: absolute;top: 2px;left: 2px;	background: transparent url(../images/prev.png) no-repeat top right;
}
.da-arrows{}
.da-arrows span{position: absolute;top: 40%;height: 78px;width: 100px;cursor: pointer;z-index: 2000;opacity: 0;}
.da-slider:hover .da-arrows span{opacity: 1;}
.da-arrows span:after{	content: '';position: absolute;width: 78px;height: 100px;top: 5px;left: 5px;background: transparent url(../images/arrows.png) no-repeat top left;opacity: 0.5;
}
.da-arrows span:hover:after{opacity: 0.8;}
.da-arrows span:active:after{opacity: 0.8;}
.da-arrows span.da-arrows-next:after{background-position: top right;}
.da-arrows span.da-arrows-prev{	left: 18px;}
.da-arrows span.da-arrows-next{	right: 18px;}



 #weixin{
 width:110px;
 height:150px;
 background:#ebebeb;
 }
 #weixin a { display:block; width:110px; height:150px; background: url(/images/wx1.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
 #weixin a:hover { display:block; width:110px; height:150px; background: url(/images/wx2.gif) no-repeat;}
 
 

#footer { background:url(../img/tbg.jpg) repeat; height:auto; margin-top:10px; clear:both;}
#footer .foottop {margin:0 auto; width:980px;  height:45px; position:relative;}
#footer .foottop .help { height:50px; float:left; padding-left:60px; line-height:60px; color:#fff; background:url(../images/help.gif) no-repeat; position:absolute; left:0; top:-5px;}
#footer .foottop .tel { margin-left:240px; line-height:45px; font-family:"Times New Roman", Times, serif; font-size:30px; color:#fff; display:inline}
#footer .foottop .qq { width:138px;height:50px; background:url(../images/qq.gif) no-repeat; position:absolute; left:425px; top:-5px;}
#footer .foottop .qq a { display:block;width:138px;height:50px; }
#footer .foottop .weibo {}
#footer .foottop .mail {  padding-top:8px;position:absolute; right:0; top:0px;}
#footer .foottop .mail input { border:0;}
#footer .foottop .mail .key {width:150px; height:29px; line-height:29px; padding:0 5px; background:url(../images/mailbg.gif) no-repeat; float:left;}
#footer .foottop .mail .btn {width:57px; height:29px; background:url(../images/maild.gif) no-repeat; float:left; cursor:pointer}

#footer .footnav { margin:0 auto; width:980px; padding-top:20px; }
#footer .footnav dl { padding:10px; width:100px; float:left;  margin-left:25px; color:#6e6d6d; display:inline}
#footer .footnav dl dt { border-bottom:1px solid #3c3c3c; margin-bottom:5px; padding-bottom:5px; font-weight:bold;}
#footer .footnav dl dd { padding:5px;}
#footer .footnav dl a { color:#6e6d6d}
#footer .footnav .over { border:#CCC 0px solid; background:#1d1d1d}
#footer .footnav .ddover { border:#CCC 0px solid; background:#272727}

#footer .inputkey { width:130px; height:25px; line-height:25px; border:0px; background:url(../img/inputbg.png) no-repeat;}
#footer .line { background:url(../img/linebg.jpg) repeat-x bottom; margin:0 auto; width:980px; height:10px; clear:both; }

#copyright { background:url(../img/tbg.jpg) repeat; height:45px; line-height:20px; color:#7a7674; text-align:center}

#customer {width:115px; height:516px; padding-top:33px; text-align:center; background:url(/images/float.png) no-repeat; z-index:999}
#customer a { float:left; width:55px; text-align:center; font-size:12px; color:#666; line-height:25px;}

/*Ê×Ò³*/
#main {margin:0 auto; width:990px; }
.ads { float:left; margin-top:10px;}
.imodle { width:322px; height:184px; overflow:hidden; border:#CCC 1px solid; float:left; margin:10px 0; background:url(../images/imodlebg.png) repeat-x bottom;} 
.imodle div.top { width:306px; float:left; padding:5px; display:inline;}
.imodle div.top h2 { float:left; width:100px; font-size:14px; font-family:"΢ÈíÑźÚ"; margin:0}
.imodle div.top span { float:right}
.imodle div.top span a { display:block; width:56px; height:20px; background:url(../images/more.png) no-repeat;}
.hotnews { margin-right:4px;}
.hotnews div.picnews { width:322px; float:left; padding:8px;}
.hotnews div.picnews .pic { float:left; width:90px;}
.hotnews div.picnews p { float:left; width:215px; height:60px; overflow:hidden; line-height:20px;}
.hotnews div.picnews h1 { width:207px; font-size:12px;}
.hotnews ul { float:left; padding:8px;}
.hotnews ul li { width:100%; float:left; height:22px; overflow:hidden; line-height:22px;display:inline}
.hotnews ul li a { float:left}
.hotnews ul li span { float:right;}
.hotprotuct { margin-right:4px;}
.hotprotuct ul { padding:6px 5px 7px 5px; line-height:25px; float:left;}
.hotprotuct ul li{ float:left; margin:3px 2px}
.network { height:184px;}


/*ÄÚÒ³*/
#pagemain { margin:0 auto; width:980px; background:#FFF; overflow:hidden;}
#pagemain .loc { float:left; width:958px; margin-bottom:8px; padding-left:20px; height:35px; line-height:35px; clear:both; border-bottom:1px solid #ccc; background:url(../images/home.gif) no-repeat 0 8px;}

#pagemain .title { float:left; font-size:14px;width:100%; text-align:left; clear:both; font-family:"΢ÈíÑźÚ"}
#pagemain .title h3 { margin:0; padding:10px 0;}
#pagemain .content { float:left; width:100%; line-height:24px; clear:both;}
#pagemain .pages { clear:both;}
#pagemain .content h2 { width:968px; padding:5px; background:#f7f7f7;}
#pagemain .content p {}
#pagemain .newscontent ul li { list-style:disc inside;}
#pagemain .newscontent ol li { list-style:decimal inside}

#pagemain .brandbox { float:left; width:980px; line-height:30px; clear:both;}
#pagemain .brandbox ul {float:left; width:975px; border-right:1px #8399AF solid; border-bottom:1px #8399AF solid;}
#pagemain .brandbox ul li { width:320px; float:left; text-align:center;}


.videotype {}