/*============ gonggong ============ */
*{margin:0;padding:0;}
.clear {clear:both}
a {text-decoration: none;color:#666666;}
a img{ border:none;}
a:hover{ color:#ab0808;}
li {list-style-type: none;}
ul{padding:0;margin:0}
p{ text-indent:20px;}

/*============ head ============ */
body{text-align:left; margin:0 auto; background-color:#898896; line-height:22px; font-size:12px; color:#666666;}
.box {background-position: center;margin:0 auto;width:1000px;background-color:#ffffff;}
.head{width:1000px;height:80px; background:url(../images/headbg.jpg) repeat-x;}
.logo{margin:10px 6px 10px 7px;width:60;float:left;}
.logog{margin:6px;width:300;float:left;}
.logo_phone{width:150;float:right;margin:6px 10px;}
#nav {width:920px;float:right;height:30px;background: url(../images/nav.jpg) no-repeat;list-style:none;margin-top:5px;}
#nav li {float:left;position:relative;text-align:-9999px;}
#nav li a {display:block;height:30px;text-indent:-9999px;}
#nav li .a {width:129px;}
#nav li .b {width:132px;}
#nav li .c {width:131px;}
#nav li .d {width:131px;}
#nav li .e {width:140px;}
#nav li .f {width:121px;}
#nav li .g {width:131px;}
#nav li .a:hover {background:url(../images/nav_a.jpg) no-repeat;}
#nav li .b:hover {background:url(../images/nav_a.jpg) no-repeat -130px 0;}
#nav li .c:hover {background:url(../images/nav_a.jpg) no-repeat -261px 0;}
#nav li .d:hover {background:url(../images/nav_a.jpg) no-repeat -392px 0;}
#nav li .e:hover {background:url(../images/nav_a.jpg) no-repeat -523px 0;}
#nav li .f:hover {background:url(../images/nav_a.jpg) no-repeat -661px 0;}
#nav li .g:hover {background:url(../images/nav_a.jpg) no-repeat -784px 0;}
#nav li dl {width:130px;background:#333;display:none;position:absolute;top:30px;left:2px;}
#nav li:hover dl {display:block; width:130px; height:auto;padding-bottom:10px;position:absolute;}
#nav li:hover dl dd{display:block; width:130px; height:22px;}
#nav li dl dd a {height:28px;text-indent:0;font-family:"宋体";font-size:12px;color:#ccc;text-decoration:none;line-height:30px;text-indent:30px;}
#nav li dl dd a:hover{height:28px;background:#666;}
#bannert{ width:1000px; height:36px;background:url(../images/car_bar.gif) no-repeat;}
.mainleft{float:left;margin:10px 0px 0px 10px; padding-bottom:10px;width:765px; background:url(../images/bg-main.jpg) no-repeat bottom;}
.mainnew{float:left;width:310px; padding-right:10px;}
.mainnew img{float:left;}
.bg-title{ float:right;width:230px; background:url(../images/bg-title.jpg) repeat-x; margin-top:7px;height:4px;}
.mainnew ul{ width:290px;padding:10px 6px;}
.mainnew ul li{ background:url(../images/icon.gif) no-repeat;width:280px; padding-left:10px; font-weight:bold;}
.mainnew ul p{ font-size:12px; text-indent:0;font-weight:normal;}
.maingz {float:left;width:435px; margin-right:0px;}
.maingzgz img{float:left;}
.bg-titlel{float:right;width:360px; background:url(../images/bg-title.jpg) repeat-x; margin-top:7px;height:4px;}
.maingzt {padding-top:16px; float:left;padding-left:10px;}
.maingztext { width:300px;padding:12px 0 6px 10px;float:left;}
.maingztext p{text-indent:0;}
.maingztext a{font-size:14px; color:#1c74a1;}
.maingztext a:hover{color:#196389;}
.maingzimg{padding-left:10px;}
.mainright{ background:url(../images/bg-right.jpg) no-repeat; width:200px; height:230px;float:left; margin-top:14px;}
.mainright ul{width:180px; height:180px;float:left; padding:12px 10px 0 4px;}
.mainright li{height:20px;line-height:20px;background: url(../images/bg-listyle.jpg) repeat-x bottom;padding:8px 20px;}
.mainrimg{ margin-left:20px;}
.foot{width:1000px;height:auto; background-color:#CCCCCC; text-align:center;margin-top:10px;}
.maincpzs{margin-left:6px;width:290px;height:126px; border:1px solid #d5d5d5; text-align:center;}
.maincpzs h4{ font-size:18px;color:#c82432; font-weight:bold;padding:30px 0 5px;}
.maincpzs p{ text-indent:0;}
.maincpzs img{ margin-left:90px; margin-top:10px;}
.mainydt{padding-left:10px;margin-top:6px;}
/*newlist*/
.main{ width:1000px;height:auto; background:#ffffff;margin-top:5px}
.banner {width:1000px;overflow:hidden}
.newleft{width:245px;float:left; margin-top:4px; padding-left:10px;border-right:1px solid #d9d9d9;}
.newleft ul{width:235px;margin-top:10px;}
.newleft li{line-height:26px;background: url(../images/menu_item_bg.jpg) no-repeat;text-indent:20px;}
.newleft dl {width:230px; margin-left:3px; margin-top:6px;}
.newleft dd li{line-height:26px;background:#dce6ef;text-indent:20px;margin-bottom:1px;}
.newleftt{ width:230px; margin-top:10px; margin-left:6px;}
.newleftt img{ border:4px solid #d9d9d9;}
.newright {padding-left:16px;width:712px; float:left;}
.titledot{width:712px;height:10px;background:url(../images/dothui.jpg) repeat-x;}
.newlist {width:712px;border:solid 1px #888; text-indent:10px;}
.newlist li{ width:712px;border-top:solid 1px #888; line-height:30px;}
.listtitle{ width:712px; height:25px; background:url(../images/bg_itemlist.gif) repeat-x;}
.newlist li a:hover{text-decoration: underline;}
.newlist span{ float:right; padding-right:69px;}
.newlist li span{ float:right; padding-right:40px;}
/*article*/
.newart {width:712px;}
.title{text-indent:10px;width:712px; height:25px; background:url(../images/bg_itemlist.gif) repeat-x; margin-bottom:6px;}
.text{ min-height:436px; height:auto !important; height:436px;background:#f8f8f8; border-left:#d6d6d6 1px solid;border-right:#d6d6d6 1px solid; padding:30px;}
.text p{text-indent:0px;}
.text h1{line-height:50px; font-size:20px; text-align:center;color:#444;}
.newt{font-size:14px;font-weight:bold; letter-spacing:2px;text-indent:10px;}
/*prolist*/
.proleft{width:245px;float:left; margin-top:4px; padding-left:10px;border-right:1px solid #d9d9d9;}
.proleft ul{width:235px;}
.proleft li{line-height:24px;background: url(../images/menu_pro_1.jpg) no-repeat;text-indent:30px;}
.proleft li ul {margin-top:0px;padding-left:0px;}
.proleft li ul li{line-height:24px;background: url(../images/menu_pro_2.jpg) no-repeat;text-indent:50px;}
.proleft li ul li a:hover{text-decoration: underline;}
.syf {width:235px;height:18px;}
.proleftt{ width:230px; margin-top:10px; margin-left:6px;}
.proleftt img{ border:4px solid #d9d9d9;}
.proli{padding:10px 6px; float:left;}
.proli ul{float:left;}
.proli li{float:left; text-align:center;width:136px;}
.proul{padding:10px 6px; float:left;}
.proul ul{float:left;}
.proul li{float:left; text-align:left;height:100px;}
.proulleft{width:170px;float:left; text-align:center;}
.proulright{width:480px;float:left;}
.proulright h3{color:#ab0808;}
.proli li img{ border:4px solid #d9d9d9;}
.proli h3{ font-size:13px; font-weight:normal;}
.proimg{float:left; width:234px; height:187px;}
.text_1 {width:436px;padding:0 10px 0px 16px;; float:left;}
.text_1_img{float:left;width:234px;}
.protitle{text-indent:10px;width:712px; height:25px;background:url(../images/bg_itemlist.gif) repeat-x; margin-bottom:6px; margin-top:10px; font-size:12px; font-weight:bold;}
/*proart*/
.probox{padding-top:10px;}
.probox p{text-indent:0px;}
#page-wrap { width: 440px; margin: 20px auto; }
.probox ul { list-style: none;}
.proboxul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
.proboxul li a:hover { background: #fe4902; color: white; }
.proboxul li:last-child a { border: none; }
.probox #organic-tabs { background: #eee; padding: 10px; margin: 0 0 15px 0;}
.probox #explore-nav { overflow: hidden; margin: 0 0 10px 0;}
.probox #explore-nav li { width: 97px; float: left; margin: 0 10px 0 0;cursor:pointer;}
.probox #explore-nav li.last { margin-right: 0;}
.probox #explore-nav li a {display: block; padding: 5px; background: #959290; color: white; font-size: 13px; text-align: center; border: 0;}
.probox #explore-nav li a:hover { background-color: #111; }
#jquerytuts, #core, #classics { display: none; }
#explore-nav li#ex-featured a.current, ul#featured li a:hover { background-color: #0575f4; color: white; font-size:14px;}
#explore-nav li#ex-core a.current, ul#core li a:hover { background-color: #d30000; color: white;  font-size:14px;}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; font-size:14px; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { background-color: #FE4902; color: white; font-size:14px;}
.news_dy{ width:315px; height:200px; float:left;padding:20px;}
.news_dy ul{width:310px;margin-top:6px;}
.news_dy li{line-height:26px;background:#dce6ef;text-indent:10px;margin-bottom:1px;}