.banner{ float:left; clear:both; width:100%; min-width:1200px; height:338px;}
.banner img{ width:100%; height:338px; display:block;}
.demo{ float:left; clear:both; width:100%; min-width:1200px; height:76px; border-bottom:1px solid #b7b7b7;}
.demo .demo01{ float:left; clear:both; width:1200px; text-align:center;}
.demo .demo01 li{ display:inline-block;  padding:0 40px;}
.demo .demo01 li a{ font-size:18px; line-height:76px; display:inline-block;}
.demo .demo01 li:hover a, .demo .demo01 li.at a{ border-bottom:2px solid #04c7ff; color:#04c7ff; line-height:74px;}

.article{ float:left; clear:both; width:100%; min-width:1200px;}
.article-total{ float:left; clear:both; width:1180px; padding:32px 10px;}
.article-total .navigation{ float:left; clear:both; width:1180px; color:#999;}
.article-total .navigation span{ color:#666; padding:0 4px;}
.article-total .navigation a{ color:#666;}
.article-total .navigation a:hover{ color:#04c7ff; }
.artical-count{ clear:both; width:1000px; padding:48px 0;margin:0 auto;}
.artical-count .artical-title{clear:both; width:1000px; font-size:32px; line-height:36px;text-align:center;margin:0 auto;}
.artical-count .artical-data{clear:both; width:1000px; font-size:18px; line-height:26px; padding:10px 0; color:#999;text-align:center;margin:0 auto; }
.artical-count .artical-txt{clear:both; width:1000px; font-size:16px; line-height:32px; padding:15px 0 0;margin:0 auto;}
.artical-count .artical-txt p{margin:0 0 1em;}
.artical-count .artical-txt img{height:auto; width:auto; max-width:1000px;}
.xian{border-top:#b7b7b7 1px solid; width:1000px; clear:both; float:left; padding-top:20px;}
.next-pian{font-size:16px;margin-bottom:5px;}
.next-pian a{ line-height:24px; color:#666; }
.next-pian a:hover{color:#04c7ff}