﻿/*欢迎使用飞驰网站内容管理系统 皮肤组件框架*/








/*==============================Html5 开放式(响应式)基本布局==============================*/
section { width:100%; height:500px; background:#ffffff; padding-top:50px; overflow:hidden; margin:0 auto;}
section header {margin-bottom:20px; height:80px;}
section header div { width:1180px; text-align:center; margin:0 auto;}
section header div h3 { color:#1c5fb1;font-size:30px; line-height:40px; font-weight:normal; text-align:center; }
section header div p { color:#666666; line-height:30px;text-align:center; }

section article { width:1180px; margin:0 auto;}






/*==============================Html5 传统基本布局==============================*/
.bg{background-image:url('/images/bg.png')}

/*纯文本风格*/
.text article p {color:#999999; line-height:30px; margin-bottom:10px; text-indent:2em;}
 
/*相册风格*/
.photo {}
.photo article {height:330px;}
.photo article ul li{width:205px;height:120px;border:0px solid red;float:left;position:relative;margin:24px 15px ;overflow:hidden; float:left;}
.photo article ul li img{width:205px;height:120px;}
.photo article ul li b{ display:block;position:absolute;left:0;top:-100%;width:100%;background:rgba(43,58,83,0.9);text-align:center;color:#ffffff;overflow:hidden;}
.photo article ul li a b{-webkit-transition: 0.5s;	transition:0.8s ;}
.photo article ul li a:hover b { display:block; height: 100%;line-height:120px; display:block;	top:0; font-weight:normal;word-wrap:break-word}

/*图标图片风格*/
.ico {}
.ico article {height:330px;}
.ico article ul {}
.ico article ul li { width:250px; height:320px; text-align:center;  float:left; margin:0 20px;}
.ico article ul li i { display:block; width:180px; height:180px; border-radius:180px;border:1px solid #ffffff; margin:0 auto; text-align:center;font-size:80px; line-height:180px;margin-bottom:20px; background:#4c83c7; color:#ffffff}
.ico article ul li i:hover {background:#1c5fb1;}
.ico article ul li img { display:block; width:180px; height:180px; border-radius:180px;border:0px solid #ffffff; margin:0 auto;margin-bottom:30px;}
.ico article ul li img:hover {width:190px; height:190px;}
.ico article ul li b { font-size:18px; line-height:30px;font-weight:normal; }
.ico article ul li p { font-size:14px; line-height:30px; color:#7b7b7b;text-align:center; } 

/*文章列表风格*/
.list_txt {}
.list_txt article {}
.list_txt article .list { width:350px;}
.list_txt article .list .h {width:100%; height:30px;margin-bottom:10px;}
.list_txt article .list .h h3 { width:80px; font-size:16px; color:#1c5fb1;  float:left;}
.list_txt article .list .h span { float:right;}
.list_txt article .list ul{}
.list_txt article .list ul li {height:30px;}
.list_txt article .list ul li a { display:block; width:70%; float:left; color:#777777; font-size:14px; line-height:26px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.list_txt article .list ul li span { float:right; color:#777777;line-height:26px;}


/*图标列表风格*/
.list_ico {}
.list_ico article {}
.list_ico article ul { width:1160px; border-width:1px 0 0 1px;border-style: solid;border-color: #e6e6e6;}
.list_ico article ul li{width:192px;height:150px;float:left;position:relative;overflow:hidden; text-align:center;border-width:0 1px 1px 0;border-style: solid;border-color: #e6e6e6;}
.list_ico article ul li i { font-size:50px; margin:30px 0;}
.list_ico article ul li img { width:192px; height:150px}
.list_ico article ul li b { display:block; font-size:14px; font-weight:normal}
.list_ico article ul li p {position:absolute;left:0;top:0;width:100%;background:rgba(43,58,83,0.9);text-align:center;color:white;overflow:hidden;border:0 solid red;display:none; }
.list_ico article ul li a { color:#777777}

.list_ico article ul li a:hover p  {height: 100%;line-height:150px;display:block;top:0;}

/*图文风格*/
/*多功能图文列表*/
.pic_text {width:100%;}
.pic_text ul { margin:10px 0px 0px 10px; }
.pic_text ul li {  width:560px; height:100px;margin-bottom:10px; float:left; margin-left:20px;}
.pic_text ul li img {width:130px;height:80px;float:left;margin-right:10px;}
.pic_text ul li b {display:inline-block;width:65%;height:30px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:18px; font-weight:normal;}
.pic_text ul li p {display:inline-block;width:65%;height:40px;text-align:left;line-height:20px;color:#666666;overflow:hidden;text-overflow:ellipsis; font-size:14px;}
