.publictit{ height:40px; border-bottom:1px solid #ddd; overflow:hidden;}
.publictit .font{ width:85px; border-bottom:2px solid #26599b; height:38px; font-size:16px; line-height:38px; padding-left:15px; position:relative; color:#26599b;}
.publictit .font i{ height:20px; width:3px; background:#c00; display:block; float:left; position:absolute; left:5px; top:10px;}
.publictit .more{ width:40px; height:11px; display:block; margin-top:10px; background:url(../images/huaao/more.jpg) left top no-repeat; margin-right:10px;}

.publictit .place{ margin-right:10px; height:38px; line-height:38px;}
.publictit .place a{ color:#26599b;}

.public-img{ width:1005px; overflow:hidden;}
.public-img ul li{ width:195px; height:297px; float:left; margin-right:6px; position:relative;}
.public-img ul li a{ display:block; width:195px; height:294px; overflow:hidden;}
.public-img ul li a:hover{-webkit-transition: all 0.32s cubic-bezier(0.25, 0.1, 0.25, 1.0); -o-transition: all 0.32s cubic-bezier(0.25, 0.1, 0.25, 1.0); transition: all 0.32s cubic-bezier(0.25, 0.1, 0.25, 1.0);}
.public-img ul li a .img-font{ height:0px;}
.public-img ul li img{ background:#999; width:195px; height:297px;}
.public-img ul li a:hover .img-font{ background:#000; position:absolute; left:0px; bottom:0px; width:195px; height:147px; padding-top:150px;filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity:0.9; color:#fff;}
.img-t{ height:40px; line-height:40px; font-size:20px; color:#fff; text-align:center; background:#dd4629;}
.img-f{ padding:10px; font-size:12px; line-height:20px; text-indent:2em;}

.list-img{ width:1000px; overflow:hidden;}
.list-img li{ width:230px; height:auto; float:left; margin:0 10px 10px 10px; padding-top:5px; border-bottom:1px dashed #ddd;}
.list-img li .img{ width:230px; height:130px; padding-bottom:15px; background:url(../images/huaao/pro-bg.jpg) center bottom no-repeat;}
.list-img li .img img{ background:#f5f5f5;}
.list-img li .font{ height:25px; line-height:25px; font-size:14px;}
.list-img li .font a{ color:#26599b;}

.show-art-tit{ text-align:center; font-size:16px; line-height:45px;}
.show-art-con{ padding:20px;}

.list-nav{ width:210px; overflow:hidden;}
.list-nav .list-nav-tit{ height:38px; line-height:38px; font-size:18px; text-align:center;}
.list-nav ul li{ height:30px; border-bottom:1px solid #ddd; line-height:30px; text-align:center;}
.list-nav ul li a{ color:#26599b;}

.list-page{ width:770px; overflow:hidden;}

.list-page .list-page-art{ padding:0 20px;}
.list-page .list-page-art li{ line-height:30px; height:30px;}
.list-page .list-page-serv { padding:0 20px;}
.list-page .list-page-serv li{ width:230px; height:125px; overflow:hidden; float:left; position:relative; margin:0 6px 12px 6px;}
.list-page .list-page-serv li img{ width:230px; height:125px; background:#f5f5f5;}
.list-page .list-page-serv li .list-p-s-font{background:#000; position:absolute; left:0px; bottom:0px; width:230px; height:25px; filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity:0.9; color:#fff; line-height:25px; text-align:center;}
.list-page .list-page-serv li .list-p-s-font a{ color:#fff;}

.public-index{ width:320px; height:345px; overflow:hidden;}
.video-index li{ width:80px; text-align:center; font-size:14px; color:#333; float:left;}
.video-index li a{ display:block; width:80px; height:60px; overflow:hidden; color:#333;}
.video-index li a:hover{ color:#333;}
.video-index li i{ height:36px; width:36px; margin:0 auto; display:block;}
.video-index li i.ico1{ background:url(../images/huaao/ico/ico1.gif) left top no-repeat;}
.video-index li i.ico2{ background:url(../images/huaao/ico/ico2.gif) left top no-repeat;}
.video-index li i.ico3{ background:url(../images/huaao/ico/ico3.gif) left top no-repeat;}
.video-index li i.ico4{ background:url(../images/huaao/ico/ico4.gif) left top no-repeat;}

.news-index li{ border:1px solid #ddd; background:#f5f5f5; margin-bottom:10px; padding:5px 10px;}
.n-i-tit{ line-height:24px;}
.news-index li a{  color:#333;}

.page-con{ padding:20px;}

.list-case-con{ padding:0 20px;}