html, body { color:#222; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; margin:0; padding: 0; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
img { border:0; }
ol, ul { list-style: none outside none; margin:0; padding: 0; }
a { color:#000000; text-decoration: none; }
.clr { display:block; clear:both; height:0; overflow:hidden; }
.copyright { padding:8px; text-align:center; font-size:14px; color:#666; }
.copyright a { color:#666; }
h2 { font-size:16px; }

.clearboth { clear:both; display:block; height:0;font-size:0; overflow:hidden;}


/*网站顶部*/
#top{ width:100%;height:45px; background-color:#FFF; border-bottom:1px #E3E3E3 solid;}
#logo{ float:left;padding:0px; padding-top:2px;    height:40px; }/*不要加内边距，就会撑开*/
#logo img{ width:100%;  max-width:249px;  height:40px; padding-left:4%;}



        /*footer*/
        .tool-box{text-align:center; position:fixed; left:0px; bottom:0px; width:100%; height:48px; background:url("../../../pic/fbg.gif")/*tpa=http://www.chinakeon.com/wap/images/fbg.gif*/ bottom repeat-x; z-index:999999}
        .tool-cn{text-align:center;overflow:hidden;}
        .tool-cn a{position:relative;float:left;padding-top:26px;color:#333;font-size:12px;}
        .tool-cn a.link-home {width:20%;}
		.tool-cn a.link-news {width:20%;}
		.tool-cn a.link-invest {width:20%;}
		.tool-cn a.link-pro {width:20%;}
		.tool-cn a.link-lianxi {width:20%;}
        .tool-cn a:before{content:"\0020";position:absolute;top:7px;left:50%;margin-left:-8px;width:16px;height:16px;}
        .tool-cn .link-home:before{background-position:-60px -150px;}
        .tool-cn .link-news:before{background-position:-60px -170px;}
        .tool-cn .link-pro:before{background-position:-60px -190px;}
		.tool-cn .link-invest:before{background-position:-60px -132px;}
		.tool-cn .link-lianxi:before{ background-position:-60px -112px;}
		
        /* new nav */
        .nav-list li:before,
        .tool-cn a:before{background:url("../../../pic/main.png")/*tpa=http://www.chinakeon.com/wap/images/main.png*/ no-repeat 0 0;background-size:90px 210px;}
        /*main nav*/
        .nav-list{margin:8px 8px 0 2px;overflow:hidden;}
        .nav-list li{position:relative;float:left;width:33.333333%;border-left:6px solid #f2f2f2;margin-bottom:6px;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
        .nav-list li:before{content:"\0020";position:absolute;z-index:10;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}
        .nav-list li div{width:100%;height:100%;line-height:32px;border-radius:3px;color:#fff;font-size:15px;text-align:center;}
        .nav-list li div a{color:#FFF;}
        .nav-list li:nth-child(1),
        .nav-list li:nth-child(2),
        .nav-list li:nth-child(3),
        .nav-list li:nth-child(10),
        .nav-list li:nth-child(11){height:120px;}

        .nav-list li:nth-child(4),
        .nav-list li:nth-child(5),
        .nav-list li:nth-child(6),
        .nav-list li:nth-child(7),
        .nav-list li:nth-child(8),
        .nav-list li:nth-child(9){height:65px;}

        .nav-list li:nth-child(12){height:58px;}
        .nav-list li:nth-child(13){height:57px;}

        .nav-list li:nth-child(1):before{top:50px;width:49px;height:42px;background-position:0 0;}
        .nav-list li:nth-child(2):before{top:57px;width:57px;height:29px;background-position:0 -50px;}
        .nav-list li:nth-child(3):before{top:58px;width:50px;height:27px;background-position:0 -80px;}
        .nav-list li:nth-child(4):before{top:36px;width:18px;height:18px;background-position:-60px 0;}
        .nav-list li:nth-child(5):before{top:39px;width:29px;height:12px;background-position:-60px -20px;}
        .nav-list li:nth-child(6):before{top:38px;width:31px;height:15px;background-position:0 -190px;}
        .nav-list li:nth-child(7):before{top:35px;width:18px;height:20px;background-position:-60px -40px;}
        .nav-list li:nth-child(8):before{top:36px;width:28px;height:19px;background-position:-60px -65px;}
        .nav-list li:nth-child(9):before{top:36px;width:19px;height:19px;background-position:-60px -90px;}
        .nav-list li:nth-child(10):before{top:52px;width:44px;height:35px;background-position:0 -110px;}
        .nav-list li:nth-child(11):before{top:50px;width:35px;height:39px;background-position:0 -150px;}
        .nav-list li:nth-child(12):before{top:34px;width:21px;height:18px;background-position:-60px -110px;}
        .nav-list li:nth-child(13):before{top:32px;width:17px;height:17px;background-position:-60px -130px;}
        .nav-list li:nth-child(1) div{background-color:#ff6073;}
        .nav-list li:nth-child(2) div{background-color:#3d98ff;}
        .nav-list li:nth-child(3) div{background-color:#8a95ff;}
        .nav-list li:nth-child(4) div{background-color:#ff7081;}
        .nav-list li:nth-child(5) div{background-color:#01bce4;}
        .nav-list li:nth-child(6) div{background-color:#82a8ff;}
        .nav-list li:nth-child(7) div{background-color:#62c500;}
        .nav-list li:nth-child(8) div{background-color:#84d018;}
        .nav-list li:nth-child(9) div{background-color:#ff8a44;}
        .nav-list li:nth-child(10) div{background-color:#22ac38;}
        .nav-list li:nth-child(11) div{background-color:#5ebe00;}
        .nav-list li:nth-child(12) div{background-color:#ff9f08;}
        .nav-list li:nth-child(13) div{background-color:#ffb517;}

        .nav-list li .point{margin:0 2px;font-size:14px;}

body {background-color:#eee; }
body .mainmenu:after { clear: both; content: " "; display: block; }

body .mainmenu li{ float:left;margin-left: 2.5%; margin-top: 3.5%; width: 30%;  border-radius:3px; overflow:hidden;}

body .mainmenu li a{ display:block;  color:#FFF;   text-align:center }
body .mainmenu li a b{ display:block; height:80px;}
body .mainmenu li a img{ margin: 15px auto 15px; width: 50px; height: 50px;}
body .mainmenu li a span{ display:block; height:30px; line-height:30px;background-color:#FFF; color: #999; font-size:14px; }

body .mainmenu li:nth-child(8n+1) {background-color:#688ce2}
body .mainmenu li:nth-child(8n+2) {background-color:#678ce1}
body .mainmenu li:nth-child(8n+3) {background-color:#8c67df}
body .mainmenu li:nth-child(8n+4) {background-color:#376098}
body .mainmenu li:nth-child(8n+5) {background-color:#14c760}
body .mainmenu li:nth-child(8n+6) {background-color:#f3b613}
body .mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
body .mainmenu li:nth-child(8n+8) {background-color:#fc5366}  /*菜单上部的背景颜色*/
/*此处用到的公式 nth-child(xn+x)*/



/*首页新闻图文列表  图片大小大约是 100px 80px */
.inm {width:95%;  margin:2% 2.5%; margin-top:2.5%; }

.inm innlist {float:left; width:100%; margin:0px;  padding:0px;   }

.inpic{ float:left;  /*width:33%;*/ width:30%; height:80px; margin:0px; padding:0px; margin-bottom:2.5%; background:#FFFFFF;    }
.inpic img{ float:left; /*width:112px;*/ width:100%;  height:80px; margin:0px; padding:0px; /*margin-left:-1px; border-right:#efefef 1px solid;*/ }

.intex{ float:left; width:65%; height:64px; margin:0px; margin-bottom:2.5%;  padding:6px 1.5%; padding-left:3.5%;
 padding-bottom:10px;  background:#FFFFFF; overflow:hidden; border-bottom:#efefef 1px solid;}
.intit { margin-top:0px; text-align: justify; }
.intit a{ line-height:23px; color:#000; }
.intee { margin:3px 0px; color:#999 ;  }
.intee a{ line-height:23px; color:#999; font-size:13px; }
.intee a:hover{ line-height:23px; color:#999; font-size:13px; }



/*新闻列表 图片大小大约是 100px 80px */
.ninm {width:95%;  margin:2%  2.5%; margin-top:0px; }

.inm ninnlist {float:left; width:100%; margin:0px;  padding:0px;   }

.ninpic{ float:left;  /*width:33%;*/ width:30%; height:80px; margin:0px; padding:0px; margin-bottom:2.5%; background:#FFFFFF;    }
.ninpic img{ float:left; /*width:112px;*/ width:100%;  height:80px; margin:0px; padding:0px; /*margin-left:-1px; border-right:#efefef 1px solid;*/ }

.nintex{ float:left; width:65%; height:64px; margin:0px; margin-bottom:2.5%;  padding:6px 1.5%; padding-left:3.5%;
 padding-bottom:10px;  background:#FFFFFF; overflow:hidden; border-bottom:#efefef 1px solid;}
.nintit { margin-top:0px; text-align: justify; }
.nintit a{ line-height:23px; color:#000; }
.nintee { margin:3px 0px; color:#999 ;  }
.nintee a{ line-height:23px; color:#999; font-size:13px; }
.nintee a:hover{ line-height:23px; color:#999; font-size:13px; }



table{border-collapse: collapse; width:100%;}/*为表格设置合并边框模型*/
table td{
	border: 1px solid #ddd;
	padding:2px 3px;
	font-size:14px;
	text-align:left;
	}