/* `XHTML, HTML4, HTML5 Reset

===================================================================================================*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,
h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,
td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {  border: 0;  margin: 0;  padding: 0;  font-size: 100%;}
table,tr,td{ border:1px #CCCCCC solid; padding:5px;}
html,body { height: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;}

img {  color: transparent;  font-size: 0;  vertical-align: middle;/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,ul {  list-style: none;}

li {/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;}

table { border-collapse: collapse;  border-spacing: 0;}
th,td,caption { font-weight: normal; vertical-align: top; text-align: left;}
q { quotes: none;}
q:before,q:after {  content: "";  content: none;}
sub,sup,small {  font-size: 75%;}
sub,sup {  line-height: 0;  position: relative;  vertical-align: baseline;}
sub { bottom: -0.25em;}
sup { top: -0.5em;}
svg {/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;}




/* `XHTML, HTML4, HTML5 Columns
===================================================================================================*/



/* `Container
---------------------------------------------------------*/
.wrap{  margin-left: auto;  margin-right: auto; width:100%}
.container {  margin-left: auto;  margin-right: auto;  width: 1000px;}

/* `Grid >> Global
---------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.one_half,.one_Quarter,.one_Fifth,.one_sixth{  display: inline;  float: left;  margin-left: 5px;  margin-right: 5px;}


.fl{ float:left}
.fr{ float:right; clear:both}
.ml_1{ margin-left:1px}
.ml_2{ margin-left:2px}
.ml_3{ margin-left:3px}
.ml_4{ margin-left:4px}
.ml_5{ margin-left:5px}
.ml_10{ margin-left:10px}
.ml_15{ margin-left:15px}
.ml_20{ margin-left:20px}
.ml_25{ margin-left:25px}
.ml_30{ margin-left:30px}
.ml_35{ margin-left:35px}
.ml_40{ margin-left:40px}
.ml_45{ margin-left:45px}
.ml_50{ margin-left:50px}

.mr_1{ margin-right:1px}
.mr_2{ margin-right:2px}
.mr_3{ margin-right:3px}
.mr_4{ margin-right:4px}
.mr_5{ margin-right:5px}
.mr_10{ margin-right:10px}
.mr_15{ margin-right:15px}
.mr_20{ margin-right:20px}
.mr_25{ margin-right:25px}
.mr_30{ margin-right:30px}
.mr_35{ margin-right:35px}
.mr_40{ margin-right:40px}
.mr_45{ margin-right:45px}
.mr_50{ margin-right:50px}

.mb_1{ margin-bottom:1px}
.mb_2{ margin-bottom:2px}
.mb_3{ margin-bottom:3px}
.mb_4{ margin-bottom:4px}
.mb_5{ margin-bottom:5px}
.mb_10{ margin-bottom:10px}
.mb_15{ margin-bottom:15px}
.mb_20{ margin-bottom:20px}
.mb_25{ margin-bottom:25px}
.mb_30{ margin-bottom:30px}
.mb_35{ margin-bottom:35px}
.mb_40{ margin-bottom:40px}
.mb_45{ margin-bottom:45px}
.mb_50{ margin-bottom:50px}

.mt_1{ margin-top:1px}
.mt_2{ margin-top:2px}
.mt_3{ margin-top:3px}
.mt_4{ margin-top:4px}
.mt_5{ margin-top:5px}
.mt_10{ margin-top:10px}
.mt_15{ margin-top:15px}
.mt_20{ margin-top:20px}
.mt_25{ margin-top:25px}
.mt_30{ margin-top:30px}
.mt_35{ margin-top:35px}
.mt_40{ margin-top:40px}
.mt_45{ margin-top:45px}
.mt_50{ margin-top:50px}



/* `Grid >> 24 Columns
---------------------------------------------------------*/

.container .grid_1  {  width: 30px;}
.container .grid_2  {  width: 70px;}
.container .grid_3  {  width: 110px;}
.container .grid_4  {  width: 150px;}
.container .grid_5  {  width: 190px;}
.container .grid_6  {  width: 230px;}
.container .grid_7  {  width: 270px;}
.container .grid_8  {  width: 310px;}
.container .grid_9  {  width: 350px;}
.container .grid_10 {  width: 390px;}
.container .grid_11 {  width: 430px;}
.container .grid_12 {  width: 470px;}
.container .grid_13 {  width: 550px;}
.container .grid_14 {  width: 590px;}
.container .grid_15 {  width: 630px;}
.container .grid_16 {  width: 670px;}
.container .grid_17 {  width: 710px;}
.container .grid_18 {  width: 750px;}
.container .grid_19 {  width: 790px;}
.container .grid_20 {  width: 830px;}
.container .grid_21 {  width: 870px;}
.container .grid_22 {  width: 910px;}
.container .grid_23 {  width: 950px;}
.container .grid_24 {  width: 990px;}
.container .one_half {  width: 490px; }
.container .one_Quarter {  width: 240px; }
.container .one_Fifth {  width: 190px;}


/* `Clear Floated Elements
-------------------------------------------------------*/
.clear {  clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}
.clearfix:before,.clearfix:after,.container:before,.container:after {  content: '.';  display: block;  overflow: hidden;  visibility: hidden;  font-size: 0;  line-height: 0;  width: 0;  height: 0;}
.clearfix:after,.container:after {  clear: both;}
.clearfix,.container {  zoom: 1;}



/* `XHTML, HTML4, HTML5 Style
===================================================================================================*/
body { background: #fff; color: #333; font-size: 12px;  height: auto; padding-bottom: 0px; line-height:21px;font-family:"微软雅黑"; }
a { color: #fff; text-decoration: none;}
a:hover {  text-decoration:none}
h1 { font-family: Georgia, serif; font-weight: normal; padding-top: 20px; text-align: center;}
h2 {  padding-top: 20px; text-align: center;}
p { overflow: hidden;  padding: 10px 0;}
.container {background-repeat: repeat-y;  margin-bottom: 20px; }
.logo{ background-color:#fff; padding-bottom:5px;}
.logo .left{ float:left}
.logo .right{ float:right; margin-top:30px; margin-right:20px;}
.menu{ width:100%;   height:39px;background-image: url(/images/menubg.jpg); overflow:hidden}
.menu li{ list-style:none;text-align:center; line-height:38px; width:99px;  float:left; clear:right;background-color:#30F; overflow:hidden;background:url(/images/menuline.jpg) no-repeat right;  }
.menu li a{ color:#CCC; font-size:14px; font-family:"微软雅黑"; }
.menu li a:hover{ color:#FFF; }
.i_about{background-image: url(/images/i-aboutbg.png);background-repeat: no-repeat; height:450px }
.i_about_l{ margin-left:0px; margin-right:10px; padding:30px 0px 10px 0px}
.i_about_l span{ font-size:24px;font-family:"微软雅黑"; float:left; clear: right; margin-bottom:20px;padding:0px 0px 10px 20px}
.i_about_l p{ font-size:14px;padding:0px 10px 20px 20px; text-align:left; line-height:200%}
.i_about_l p a{ color:#900;line-height:50px}
.i_about_r{ margin-left:0px; margin-right:0px}
.i_about_c{ margin-left:0px; margin-right:10px}
.i_p1{ margin-top:100px}
.ipspan{ float:left;margin-top:20px; margin-bottom:20px;width:100%; text-align:center}
.ipspan a{  color:#000;}
.i_p2{ margin-top:50px; text-align:center}

.i_n_t>.title{ font-size:15px; height:30px; color:#CCC;background-image: url(/images/i_n_t_bg.jpg);background-repeat: no-repeat; list-style:none; line-height:30px; padding-left:20px; }

.i_n_t>.content{ background-color:#f7f7f7;list-style:none; padding:20px 10px 40px 10px; height:460px;  overflow:hidden;-webkit-box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.8);-moz-box-shadow: 0px  1px 6px -1px rgba(0, 0, 0, 0.8);box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.8);margin-bottom: 0px 0px 10px 10px;z-index: 1000;position: relative;
-moz-border-radius: 0px 0px 5px 5px;/* Gecko browsers */-webkit-border-radius:0px 0px 5px 5px;   /* Webkit browsers */border-radius:0px 0px 5px 5px; behavior: url(/images/css/PIE.htc); 
}
.i_n_t>.content li{ line-height:30px; list-style: outside circle; margin-left:20px;}
.i_n_t>.content a{ color:#000}
.i_n_t .picture{background-color:#f7f7f7;list-style:none; padding:20px 10px 20px 10px;height:480px; overflow:hidden;-webkit-box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.8);-moz-box-shadow: 0px  1px 8px -1px rgba(0, 0, 0, 0.8);box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.8);
-moz-border-radius: 0px 0px 5px 5px;/* Gecko browsers */-webkit-border-radius:0px 0px 5px 5px;   /* Webkit browsers */border-radius:0px 0px 5px 5px; behavior: url(/images/css/PIE.htc); }
.i_n_t .picture li{ list-style:none;text-align:center;}
.i_n_t .picture li a{  color:#000; line-height:30px;}

.i_p_t>.title{ font-size:15px; height:30px; color:#CCC;background-image: url(/images/i_n_t_bg1.jpg);background-repeat: no-repeat; list-style:none; line-height:30px; padding-left:20px; }
.i_p_t>.content{ background-color:#f7f7f7;list-style:none; height:235px; overflow:hidden;-moz-border-radius: 0px 0px 5px 5px;/* Gecko browsers */-webkit-border-radius:0px 0px 5px 5px;   /* Webkit browsers */border-radius:0px 0px 5px 5px; behavior: url(/images/css/PIE.htc); padding-left:5px;-webkit-box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.8);-moz-box-shadow: 0px  1px 6px -1px rgba(0, 0, 0, 0.8);box-shadow: 0px 1px 6px -1px rgba(0, 0, 0, 0.8);}
.i_p_t>.content li{ float:left; width:115px; height:100px; overflow:hidden; margin:10px 3px 10px 3px;}
.iptt a{ float:left; clear:right; text-align:center; width:115px; overflow:hidden}
.i_p_t>.content li a{font-size:12px; color:#333}

.cutepage {	TEXT-ALIGN: left; padding-right:0px; margin-bottom:20px; margin-right:20px; float:right}
.cutepage A {MARGIN-LEFT: 5px; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; background-color:#ccc; TEXT-DECORATION: none; color:#000; font-family:Arial, Helvetica, sans-serif}
.cutepage A:hover {	TEXT-DECORATION: none; background-color:#d00000 ;color:#fff;}
.cutepage A.selected {COLOR: #fff; TEXT-DECORATION: none; background-color:#d00000 }
.cutepage INPUT {WIDTH: 25px; height:20px;MARGIN-LEFT: 3px; BORDER: #AFAFAF 1px solid; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif}

.go{ float:right; margin-top:10px;}
.more{ float:right; margin-right:10px;}
.mlink { margin-left:120px;}

.bottom{ background-color:#1e1e1e;	border-radius:10px;margin-bottom:10px; 	behavior: url(/images/css/ie-css3.htc);}
.bottom li a{ color:#CCC}
.bottom .left{ width:290px;  margin:20px 20px 10px 20px;float:left;}
.bottom .left li{ width:140px; float:left; list-style:none; margin-left:5px; line-height:25px;color:#CCC}

.bottom .center{ width:290px; margin:20px 15px 10px 15px;float:left;}
.bottom .center li{ width:100%; float:left;list-style:none;margin-left:5px; line-height:25px; color:#CCC }

.bottom .right{ width:290px; margin:20px 25px 10px 20px;float:right;}
.bottom .right li{ width:285px;  float:right;list-style:none;line-height:20px;color:#CCC; }

.bottom .down{ color:#CCC; text-align:center; width:90%; padding:20px 50px 30px 50px;text-align:center; border-top: 1px dotted #666666; margin-top:20px; }



.leftbox{ background-color:#FFF; margin-bottom:10px;}
.leftbox>ul{  background-color:#fff; margin-bottom:20px; padding:20px 0 0px 0px; }
.leftbox ul p{ padding:0 20px 20px 20px;}
.leftbox ul .title{ font-size:18px; padding:0px 0 20px 40px; margin-bottom:20px;background:transparent url(/images/basic_inforico5.png) 10px 3px  no-repeat; border-bottom:1px #CCCCCC solid}
.leftbox ul li{ border-bottom:1px #ccc dotted; list-style:none; padding:8px 10px 8px 40px;background:transparent url(/images/left_liyd2.png) 20px center  no-repeat;}
.leftbox ul li:hover{ background-color:#d1d3d4}
.leftbox ul li a{ font-size:15px; color:#333}


.leftbox1{ background-color:#FFF; margin-bottom:10px;}
.leftbox1>ul{  background-color:#fff; margin-bottom:20px; padding:20px 0 0px 0px; }
.leftbox1 ul p{ padding:0 20px 20px 20px;}
.leftbox1 ul .title{ font-size:18px; padding:0px 0 20px 40px; margin-bottom:20px;background:transparent url(/images/basic_inforico5.png) 10px 3px  no-repeat; border-bottom:1px #CCCCCC solid}
.leftbox1 ul li{ border-bottom:1px #ccc dotted; list-style:none; padding:9px 10px 8px 26px;background:transparent url(/images/left_liyd2.png) 12px center  no-repeat;}
.leftbox1 ul li:hover{ background-color:#d1d3d4}
.leftbox1 ul li a{ font-size:13px; color:#333}

.rightbox{border:1px #ccc solid;background-color:#FFF; overflow:hidden}
.rightbox>.link{  background-color:#000; color:#ccc; padding:5PX 0 5PX 20PX}
.rightbox>.top{ height:200PX; overflow:hidden}
.rightbox>.content{ height:130PX;padding:30px; text-align:left;text-align:justify;text-justify:inter-ideograph ; overflow:hidden;font-size:14px}
.rightbox>.content p{ color:#333}
.rightbox .content,.content2 a{ color:#ee5201}
.rightbox .content2{ padding:30px; text-align:left;text-align:justify;text-justify:inter-ideograph; font-size:14px }
.rightbox>.content>.title{ font-size:24px}
.rightbox>.content2>.title2{ text-align:center;color:#ee5201;font-size:24px;margin-bottom:0px; margin-left:10px; border-bottom:1px #ccc dotted; padding-bottom:20px; width:690px;}
.rightbox>ul{text-align:center; padding:20px;}
.rightbox>ul>li{ width:205px; list-style:none;margin-left:15px;margin-right:14px; margin-bottom:5px; float:left; padding:0px;}
.rightbox>ul>li .pimg{width:205px; height:130px; float:left;-webkit-box-shadow: 0px 0px 8px 0px;  -moz-box-shadow: 0px 0px 8px 0px;  box-shadow: 0px 0px 8px 0px; border:1px #fff  solid}
.rightbox>ul>li .ptitle a{color:#000; line-height:40px;}
.rightbox>ul>li .ptitle a:hover{color:#ee5201; }
.udate{ padding-top:20px; border-bottom:1px #CCCCCC dotted; line-height:50px;}


.rightbox .nnews ul{ font-size:18px;  background-color:#e7e7e7; margin-left:0px; margin-bottom:10px ; height:40px;}
.rightbox .nnews ul li{text-align:left;float:left;padding:10px 20px 10px 20px; list-style:none; width:660px;  }
.rightbox .nnews li a{color:#000; font-size:15px}
.rightbox .nnews li a:hover{color:#ee5201; }
.rightbox .nnews li span{ font-size:12px;}

.n_list{ float:right;  margin-right:0}

.title3{ color:#ee5201;font-size:24px; text-align:center; margin-bottom:30px; margin-left:10px; border-bottom:1px #ccc dotted; padding-bottom:20px; width:690px;}

.ico_count{background:transparent url(/images/icon_count.png) left center  no-repeat; width:50px; float:left ;margin-right:10px; padding-left:24px;}
.ico_author{background:transparent url(/images/icon_author.png) left center  no-repeat;width:50px;float:left  ;margin-right:10px;padding-left:24px;}
.ico_data{background:transparent url(/images/icon_data.png) left center  no-repeat; width:85px;float:left; margin-right:10px;padding-left:24px;}

.pt{ font-size:13px;line-height:22px; margin-bottom:-10px; }
/* `XHTML, HTML4, HTML5 TEXT
===================================================================================================*/

/* `Basic HTML
-----------------------------------------------------*/

body { font: 12 "宋体", Arial, FreeSans, sans-serif;}
pre,code {  font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;}
hr { border: 0 solid #ccc; border-top-width: 1px; clear: both; height: 0;}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {  font-size: 25px;}
h2 {  font-size: 23px;}
h3 {  font-size: 21px;}
h4 {  font-size: 19px;}
h5 {  font-size: 17px;}
h6 {  font-size: 15px;}
/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal;}
ul { list-style: disc;}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,address,fieldset,figure { margin-bottom: 20px;}