﻿* {
    margin: 0;
    padding: 0;
}

html {
    font: normal 16px/2 Microsoft Yahei, '宋体', Arial, Georgia, sans-serif;
    color: #555;
}
ul,li{
    list-style: none;
}
body{
  background: #e3fffd;
  min-width: 1200px;
  
}
div {
    border: 0;
}
.top{
 width: 1200px;
  margin: 0 auto;
    background: #fad795;
   
}
.container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
     background: #fff;
}

a {
    text-decoration: none;
    color: #555;
    outline: none;
}

a:visited {
    color: #555;
}

a:hover {
    color: #ff6000;
    -moz-transition: all 0.2s ease-in, all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-in, all 0.2s ease-out;
    -o-transition: all 0.2s ease-in, all 0.2s ease-out;
    transition: all 0.2s ease-in, all 0.2s ease-out;
}

/*头部*/
.header{
    height: 240px;
    background: url(../images/toplogo.jpg) no-repeat;
}
.nav
{
    background: #215e92;
     height: 38px;
}
.nav ul li
{
  
   
    line-height: 38px;
    float: right;

}
.nav ul li a
{
  padding: 0  36px;
  display: block;
   color: #fff;  

}
.nav ul li a:hover
{
    color: #fff;
    background: #ef8d00;

}
.nav ul li.first
{ 
    color: #fff;
    margin-right: 100px;
    /*border-buttom: 2px solid  #ffaa00;
    padding:auto 10px;*/
}
.clearboth{
    clear: both;
    height: 0;
}

/*主要内容区域*/
.maincontent{
 width: 880px;
 float: left;
padding-left:10px;

}
.rightcontent{
 width: 280px;
 float: right;

}
.box{
     border:1px solid #eee;
     padding: 0px 10px 0px 10px;
     margin-bottom: 20px;
     border-radius: 3px;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: #f9f9f9;
}
.title
{
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #0076c9;

}
.title a
{
    margin-right: 5px;
    color: #fff;
     background: #19ade4;
     padding-left:10px;
     padding-right:10px;
     text-align: center;
     line-height: 40px;
     display: inline-block;
     border-top-left-radius: 5px 5px;
     border-top-right-radius: 5px 5px;
}
.rtitle 
{
    color: #000;
    text-align: left;
 



}
.title ul li a
{
    background: #82ccff;
    float:  left;
}
.title ul li.focus a
{
    background: #19ade4;
}
.rightbody{
    line-height: 30px;
    min-height: 150px;
    margin-bottom: 20px;
}

.hotarticle {
    color: #888;
    font-size: 14px;
    width: 390px;
    line-height: 30px;
    margin-right: 50px;
    border-bottom: 1px solid #eee;
    height: 150px;
    padding-bottom: 15px;
    float: left;
}

.hotarticle a {
    color: purple;
}

.hotarticle a:hover {
    color: #ff6000;
}

.hotarticle p.lp {
    width: 180px
}

.hotarticle p.pic {
    width: 200px;
    float: right;
}

.hotarticle img {
    border: 0;
    width: 200px;
    height: 150px;
}


.articlelist
{
 /* height:40.8em;*/
 padding:20px 0;
}
.articlelist p 
{
 display:table-row;
}
.articlelist p span
{
 
 width:500px;

 display:table-cell;
}
.articlelist p a
{
  color:#555;
  text-decoration:none;
  padding-left:10px;
  background:url(../images/aicon.png) 0px 50% no-repeat;
   height:inherit;
  width:500px;
   overflow:hidden;
  text-overflow:ellipsis;
  display:block;

}
.articlelist p a:hover
{
  color :#ff6000;
}
.articlelist p small
{
 
   color:#777;
   font-size:12px;
   margin-left:20px;
  width:280px;
  display:table-cell;
  
   
}
.articlelist p small.fr
{
    text-align:right;
}
.articlelist p small span
{
  height:inherit;
    width:250px;
    overflow:hidden;
    text-overflow:ellipsis;
     display:block;

}

.rightbody ul
{
 list-style:none;
 font-size:14px;
padding-top:10px;
padding-bottom:10px;
}
.rightbody ul li a
{
 color:#555;
 text-decoration:none;
 padding-left:10px;
 background:url(../images/aicon.png) 0px 50% no-repeat;
}
.rightbody ul li a:hover
{
 color:#ff6000;
}
.rightbody ul li span
{
 float:right;
 color:#ccc;
}
#contactus dl
{
 font-size:14px;
 display:table-row;
}
#contactus dt
{

  font-weight:bold;
 display:table-cell;
  text-align:right;
}

#contactus dd
{
display:table-cell;
padding-left:5px;
}

/*底部*/
.footer
{
    width:1200px;
margin:0 auto;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    line-height: 30px;
    border-top:1px solid #eee; clear:both;
    background: #215e92; /* Old browsers */

}

   