/* CSS Document */
body { margin:0; font-size:12px; color:#666; font-family:"宋体"; text-align:center;}
ul{ margin:0; padding:0; list-style:none;}
h1{ margin:0; padding:0; font-size:12px; font-weight:normal;}
p{ margin:0; padding:0;}
a{ color:#333; text-decoration:none;}
img{ border:none;}
form{ margin:0; padding:0;}
#bod{ width:100%; margin:0; padding:0;}
#container{ width:100%; text-align:left;}
/*-----头部内容-----*/
#header{ margin:0 auto; width:900px; height:384px; padding:0 1px; background:url(images/bg.jpg) repeat-y; position:relative;}
#top{ width:876px; height:74px; float:left; background:url(images/top.png) no-repeat top; padding:9px 0 0 24px;}
#top img{ float:left;}
#topnav{ width:310px; height:37px; position:absolute; z-index:100; top:51px; right:16px;}
#topnav li{ float:left; margin-right:13px; display:inline;}
#topnav li a{ line-height:36px; color:#666; text-decoration:none;}
#topnav li a:hover{ color:#999;}
#topnav li img{ float:left; margin-right:5px;}
.name{ margin:18px 0 0 15px; display:inline;}
#nav{ float:left; height:30px; width:879px; padding:0 0 0 10px; background:url(images/navr.png) no-repeat right; position:relative;}
#flash{ padding:7px 4px 0 17px; width:610px; height:224px; float:left;}
#bor{ width:608px; height:222px; float:left; border:1px solid #ccc;}
#video{ width:252px; height:224px; float:left; padding:7px 0 0 0;}
#search{ width:195px; height:30px; padding:10px 0 0 21px; float:left;}
.text{ width:120px; height:19px; border:none; background:url(images/text.jpg) no-repeat; margin-right:12px; float:left;}
.sear{ width:43px; height:20px; border:none; background:url(images/sear.jpg) no-repeat; float:left; cursor:pointer;}
/*-----油价滚动-----*/
#demo { overflow:hidden; width:289px; float:left; height:25px; padding:15px 0 0 0;}
#demo a{ display:block; float:left; background:url(images/sign1.jpg) no-repeat left 1px; padding:0 0 0 15px; margin-right:12px; text-decoration:none; line-height:14px; color:#4B70DA;}
#demo a:hover{ text-decoration:underline; color:#4B70DA;}
#indemo { float:left; width:800%;}
#demo1 { float:left;}
#demo2 { float:left;}
/*-----注册登录-----*/
#login{ width:380px; height:30px; padding:10px 0 0 10px; float:left;}
#login span{ display:block; float:left; padding:0 5px 0 0; line-height:14px;}
#login .tx{ padding:4px 0 0 3px;}
.lgtx{ width:80px; height:19px; background:url(images/lgtx.jpg) no-repeat; border:none;}
.lgin{ width:45px; height:19px; border:none; background:url(images/lgin.jpg); cursor:pointer;}
#login .reg{ width:45px; height:19px; display:block; border:none; background:url(images/reg.jpg); cursor:pointer;}
/*-----中间部分内容-----*/
#pagebody{ margin:0 auto;  width:902px; height:1106px; background:url(images/bg.jpg) repeat-y;}
#sideleft{ float:left; width:302px; height:950px;}
#sideleft h1{ width:278px; height:34px;}
#sideleft h1 a{ color:#fff; float:right; margin:12px 14px 0 0;}
#sideleft h1 a:hover{ text-decoration:underline;}
#prize{ width:278px; padding:0 0 0 18px; height:168px; margin-bottom:8px;}
#prize .ptop{ background:url(images/prizetop.jpg) no-repeat;}
#prizepic{ width:272px; height:128px; background:#ADDBFF; padding:6px 0 0 6px;}
#coop{ width:278px; padding:0 0 0 18px; height:243px; margin-bottom:8px;}
#coop .ctop{ background:url(images/ctop.jpg) no-repeat;}
#coopul{ width:272px; height:203px; padding:6px 0 0 6px; background:#ADDBFF;}
#coopul ul{ width:266px; height:188px; background:#fff; padding:9px 0 0 0;}
#coopul ul li{ background: url(images/sign2.jpg) no-repeat 12px 7px; padding:0 0 0 32px;}
#coopul ul li a{ color:#333; line-height:22px;}
#coopul ul li a:hover{ color:#666; text-decoration:underline;}
#college{ width:278px; padding:0 0 0 18px; height:258px; margin-bottom:8px;}
#college .cltop{ background:url(images/htop.jpg) no-repeat;}
#collul{ width:272px; height:218px; padding:6px 0 0 6px; background:#ADDBFF;}
#collul ul{ width:266px; height:210px; background:#fff; padding:2px 0 0 0;}
#collul ul li{ background: url(images/sign3.jpg) no-repeat 8px top; padding:0 0 0 20px; height:25px; width:240px; float:left;}
#collul ul li span{ float:right; margin:9px 5px 0 0;}
#collul ul li a{ color:#666; display:block; padding:7px 0 0 0;}
#collul ul li a:hover{ color:#999;}
#succ{ width:278px; padding:0 0 0 18px; height:243px; margin-bottom:8px;}
#succ .stop{ background:url(images/stop.jpg) no-repeat;}
#succul{ width:272px; height:203px; padding:6px 0 0 6px; background:#ADDBFF;}
#succul ul{ width:266px; height:188px; background:#fff; padding:9px 0 0 0;}
#succul ul span{ float:right; display:block; padding:4px 12px 0 0;}
#succul ul li{ background: url(images/sign2.jpg) no-repeat 12px 7px; padding:0 0 0 32px;}
#succul ul li a{ color:#333; line-height:22px;}
#succul ul li a:hover{ color:#666; text-decoration:underline;}
/*-----右侧内容-----*/
#sideright{ float:left; width:600px; height:950px;}
#sideright h1{ width:581px; height:34px;}
#sideright h2{ width:581px; height:32px; margin:0; padding:0; font-size:12px; font-weight:normal;}
#sideright h2 a:hover{ color:#0099FF;}
#sideright .h1{ background:url(images/rh1.jpg) no-repeat;}
#sideright .h1 a{ width:37px; height:14px; display:inline-block; margin:12px 0 0 248px; float:left; color:#4B70DA; text-decoration:underline;}
#sideright .h2{ background:url(images/rh2.jpg) no-repeat; margin-top:12px;}
#sideright .h2 a{ width:37px; height:14px; display:inline-block; margin:12px 0 0 248px; float:left; color:#4B70DA; text-decoration:underline;}
#sideright .h2 .moretwo{ margin:-14px 0 0 533px;}
#sideright .h3{ background:url(images/rh3.jpg) no-repeat; margin-top:12px;}
#sideright .h4{ background:url(images/cable.jpg) no-repeat; margin-top:7px;}
#sideright .h4 a{ display:block; float:right; margin:12px 10px 0 0;}
#sideright .h5{ background:url(images/sppro.jpg) no-repeat; margin-top:7px;}
#sideright .h5 a{ display:block; float:right; margin:12px 10px 0 0;}
#sideright .h6{ background:url(images/schneider.jpg) no-repeat; margin-top:7px;}
#sideright .h6 a{ display:block; margin:12px 0 0 20px;}
#rh1{ width:576px; height:145px; margin:7px 0 0 4px; background:#fff;}
#rh3{ width:576px; height:108px; margin:7px 0 0 4px; background:#fff; padding:8px 0 0 0;}
#rh4{ width:576px; height:135px; margin:7px 0 0 4px; background:#fff;}
.hdlist{ width:292px; height:145px; float:left; background:url(images/line.jpg) no-repeat right 13px;}
.hdlist ul{ margin-top:4px}
.hdlist li{ background: url(images/sign4.png) no-repeat 8px top; padding:0 0 0 20px; height:22px; width:270px; float:left;}
.hdlist li a{ color:#666; padding:5px 0 0 0; display:block;}
.hdlist li a:hover{ color:#999;}
.hdlist li span{ float:right; margin:7px 5px 0 0;}
.hdnews{ width:284px; height:145px; float:left;}
.hdnews ul{ margin-top:4px}
.hdnews li{ background: url(images/sign4.png) no-repeat 8px top; padding:0 0 0 20px; height:22px; width:260px; float:left;}
.hdnews li a{ color:#666; padding:5px 0 0 0; display:block;}
.hdnews li a:hover{ color:#999;}
.hdnews li span{ float:right; margin:7px 5px 0 0;}
#ssvisit{ padding:10px 0 0 11px; height:135px; width:273px; float:left; }
#ssvisit .pic{ width:160px; text-align:left;}
#ssvisit a{ display:block; float:left; color:#0000a0; text-decoration:underline; width:98px; text-align:right;}
#ssvisit span{ display:block; float:left; width:98px; height:105px; color:#0000a0;}
#ssvisit span h1{ font-weight:bold; color:#6600FF; margin:0; padding:0; line-height:16px;}
/*-----产品滚动-----*/
#prosw{ overflow:hidden; width:560px; height:108px; margin:0 auto;}
#prosw img{ border:1px solid #bdbdbd; width:100px; height:78px;}
#inprosw{ float:left; width:800%;}
#prosw1{ float:left;}
#prosw li{ float:left; width:120px; height:108px;}
#prosw li a{ display:block; text-align:center;}
#prosw li .pname{line-height:32px;}
#prosw2{ float:left;}
/*---------*/
#pros{ overflow:hidden; width:560px; height:108px; margin:0 auto;}
#pros img{ border:1px solid #bdbdbd; width:100px; height:78px;}
#inpros{ float:left; width:800%;}
#pros1{ float:left;}
#pros li{ float:left; width:120px; height:108px;}
#pros li a{ display:block; text-align:center;}
#pros li .pname{line-height:32px;}
#pros2{ float:left;}
/*-----特价产品滚动-----*/
#spr{ overflow:hidden; width:560px; margin:0 auto; padding:7px 0 0 0;}
#spr img{ border:1px solid #bdbdbd; width:100px; height:78px;}
#inspr{ float:left; width:800%;}
#spr1{ float:left;}
#spr span{ float:left; width:120px; display:block;}
#spr span a{ width:120px; display:block; text-align:center;}
#spr span .spname{ line-height:25px;}
#spr2{ float:left;}
/*---------*/
#link{ width:900px; height:126px; float:left; margin-left:1px; display:inline; background:#fff; border-bottom:1px #d9d9d9 solid;}
#link h1{ width:879px; height:31px; background:url(images/link.jpg) no-repeat; margin:14px auto 10px auto;}
#link ul{ width:868px; height:54px; border:1px #d9d9d9 solid; border-left:none; margin:0 auto;}
#link ul li{ width:123px; border-left:1px #d9d9d9 solid; float:left; height:48px; padding:6px 0 0 0;}
#partners{ width:902px; height:30px; background:#fff; float:left;}
#partners span{ float:left; padding:10px 0 0 10px; width:82px; height:30px; display:block;}
#partners ul{ padding:12px 0 0 0; height:18px;}
#partners ul li{ float:left; padding:0 8px;}
#partners ul li a:hover{ text-decoration:underline; color:#666;}
/*-----底部内容-----*/
#footer{ margin:0 auto; width:900px; height:76px; background:#ADDBFF; padding:9px 0 0 0;}
#btnav{ width:864px; height:26px; margin:0 auto; background:url(images/bt.jpg) no-repeat;}
#btnav ul{ padding:7px 0 0 220px;}
#btnav ul li{ float:left; padding:0 20px; background:url(images/split.gif) no-repeat right top;}
#btnav ul .none{ background:none;}
#btnav ul li a:hover{ color:#666;}
#bottom{ width:900px; clear:both; height:50px; position:relative;}
#hlogo{ width:152px; height:42px; float:left; padding:8px 0 0 23px;}
#btcon{ width:475px; height:40px; padding:10px 0 0 0; float:left;}
#btcon p{ line-height:18px; color:#333;}
#btcon p a{ text-decoration:underline; color:#666;}
#btcon p a:hover{ color:#222;}
#la{ position:absolute; right:208px; bottom:0; width:48px; height:12px;}
/*-------导航下来菜单-------*/
#menu {list-style-type:none; padding:0; margin:0;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#fff; position:relative;}
#menu li .sy{ width:43px; height:30px; padding:0 0 0 32px; background:url(images/sybg.png) no-repeat; text-align:left;}
#menu li .sy:hover{ background:url(images/syhbg.png) no-repeat;}
#menu li .none{ background:url(images/linbg.png) no-repeat right;}
#menu li .none:hover{ background:url(images/linhbg.png) no-repeat right;}
#menu li.sub {background:#fff;}

/* for IE5.5 and IE6 only */
#menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:12px;}

#menu li a {display:block; color:#000; background:url(images/libg.png) no-repeat right; height:30px; font-family:arial, sans-serif; font-size:12px; line-height:30px; width:79px; text-decoration:none; text-align:center;}
#menu :hover {color:#4B70DA; background:#fff url(images/lihbg.png) no-repeat right;}
#menu :hover > a {color:#4B70DA; background:#fff url(images/lihbg.png) no-repeat right;}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {position:absolute; left:-9999px; width:79px;}

#menu :hover ul{left:-1px;top:30px; background:url(transparent.gif); border:1px solid #ccc; border-top: none;} /* the background image is for IE7 */
#menu :hover ul li a{ background:#98B8F9; margin-top:1px;}
#menu :hover ul li a:hover{ background:#C5D7FC;}
/*-------在线客服-------*/
#qq{ width:115px; position:absolute; margin-left:460px; z-index:200; display:block;}
#qqlist{ background:url(images/qqbg.jpg) repeat-y; width:115px;}
#qqlist h1{ background: url(images/qqtop.jpg) no-repeat; width:115px; height:36px;}
#qqlist h2{ width:111px; height:30px; background:#ADDBFF; margin:0 auto; padding:0; line-height:30px; font-size:12px; font-weight: bold; border:1px #f0f0f0 solid; border-top:none;}
#qqlist .title{ font-size:12px;}
#qqlist .content li{ background: url(images/qqsign.jpg) no-repeat 8px 5px; height:26px; line-height:26px; text-align:left; padding:0 0 0 38px;}
#qqlist h3{ background:url(images/qqbt.jpg); width:115px; height:31px; margin:0; padding:0;}
/*-------内容页样式-------*/
#banner{ width:867px; height:180px; float:left; padding:7px 0 0 18px;}
#cpagebody{ margin:0 auto; width:902px; overflow:hidden; background:url(images/bg.jpg) repeat-y;}
#csideleft{ float:left; width:266px; background: url(images/csbg.jpg) repeat-y right;}
#csideleft h1{ width:248px; padding:10px 0 0 18px; height:24px; background:url(images/nav.jpg) no-repeat 18px top; float:left;}
#csideleft h2{ width:248px; padding:10px 0 0 18px; margin:0; height:24px; background:url(images/chdxy.jpg) no-repeat 18px top; float:left;}
#csideleft h3{ width:248px; padding:10px 0 0 18px; margin:0; height:24px; background:url(images/csuss.jpg) no-repeat 18px top; float:left;}
#csidenav ul{ padding:9px 0 0 30px; width:236px; float:left;}
#csidenav ul li{ width:204px; height:30px; margin-bottom:6px;}
#csidenav ul li a{ width:172px; height:21px; display:block; padding:9px 0 0 32px; background:url(images/clibg.png) no-repeat;}
#csidenav ul li a:hover{ background:url(images/chlibg.png) no-repeat; color:#666;}
/*-----内容页案例、学院-----*/
#ccollul{ width:260px; height:137px; padding:6px 0 0 6px; float:left;}
#ccollul ul{ width:245px; height:130px; padding:2px 0 0 15px;}
#ccollul ul li{ background: url(images/csidebg.jpg) no-repeat left top; padding:0 0 0 15px; height:25px; width:230px; float:left;}
#ccollul ul li span{ float:right; margin:9px 25px 0 0;}
#ccollul ul li a{ color:#666; display:block; padding:7px 0 0 0; background:none;}
#ccollul ul li a:hover{ color:#999; background:none;}
#csuccul{ width:260px; height:135px; padding:6px 0 0 6px; float:left;}
#csuccul ul{ width:245px; height:110px; padding:9px 0 0 15px;}
#csuccul ul li{ background: url(images/sign2.jpg) no-repeat 2px 7px; padding:0 0 0 22px;}
#csuccul ul li a{ color:#333; line-height:22px; background:none;}
#csuccul ul li a:hover{ color:#666; text-decoration:underline; background:none;}
/*-------内容页右侧-------*/
#csideright{ float:left; width:636px;}
#location{ width:621px; height:24px; float:left; padding:10px 0 0 15px; background: url(images/location.jpg) no-repeat 5px top;}
#main{ width:600px; padding:15px 0 0 15px; float:left;}
#main a{ color:#666666;}
#main a:hover{ text-decoration:underline;}
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}
#spac{ width:902px; float:left; height:20px;}
#cheader{ margin:0 auto; width:900px; height:340px; padding:0 1px; background:url(images/bg.jpg) repeat-y; position:relative;}