/*Html5扁平化样式库*/

/*框架基础定义*/
section{ width:100%; padding-top:10px;}    
section article {width:1180px;}
section header{}
section footer{}


/*日期图标的新闻列表*/
.NewsList { }
.NewsList ul { }
.NewsList ul li {width:550px; height:100px; margin:10px 0; border-bottom:1px dashed #e0e0e0;vertical-align:middle; }
.NewsList ul li:nth-last-child(1) ,.NewsList ul li:nth-last-child(2) {border-bottom:0;}
.NewsList ul li:nth-child(odd) { float:left; }
.NewsList ul li:nth-child(even) { float:right; }

.NewsList ul li * { border:0px solid #cd0000;}
.NewsList ul li a { display:block; width:450px; float:right; font-size:16px; margin-bottom:5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.NewsList ul li p { display:block; width:450px; height:50px; float:right; overflow:hidden; color:#9b9b9b; line-height:24px; font-size:12px;}
.NewsList ul li span { display:block; width:80px; height:80px; background:#f5f5f5; float:left; padding-top:20px;}
.NewsList ul li span pre:first-child { color:#666666; font-size:22px; text-align:center; line-height:30px;}
.NewsList ul li span pre:last-child {color:#666666; text-align:center;}

/*单页类样式*/
.Content { width:600px;}
.Content h3 { font-size:22px; color:#ffffff; margin-bottom:10px;}
.Content h3 span { margin-left:10px;color:#ffffff;}
.Content p { color:#ffffff; line-height:25px; margin-bottom:10px; font-size:12px;}
.Content .But { display:block; width:200px; height:40px; margin: 20px 0 0 0; line-height:40px; font-size:16px; }
.Content .But i { margin-right:20px;}

/*问答专用样式*/
.FAQ * {font-size:12px;  }
.FAQ .mage_text .ask { font-style:normal; background:#333333; color:#ffffff; padding:2px; margin-right:5px;}
.FAQ .mage_text .ans { font-style:normal; background:#cd0000; color:#ffffff; padding:2px; margin-right:5px;}
.FAQ .mage_text ul li { height:70px;}
.FAQ .mage_text ul li a { height:25px; font-size:16px; line-height:25px;}

/*图片列表*/
.PhotoList { width:1160px; height:400px; border:1px solid #f1f1f1; margin-left:10px;float:right;margin:0 auto;}
.PhotoList ul {}
.PhotoList ul li { display:block; width:277px;  height:185px; overflow:hidden; float:left; margin:10px 0 0 10px;}
.PhotoList ul li a{ display:block;width:100%; height:100%;}
.PhotoList ul li a img{ width:100%; height:100%;transition:all 1s;}
.PhotoList ul li b { display:none; height:30px; line-height:25px; background:rgba(0,0,0,0.6);position:relative; top:-30px; color:#ffffff; font-size:14px;transition:all 1s; text-indent:5px; }
.PhotoList ul li:hover a img{transform: scale(1.2);}
.PhotoList ul li:hover b { display:block;}

.PhotoList.vip { width:340px; height:400px; border:1px solid #f1f1f1;float:left;margin:0 auto;}
.PhotoList.vip ul li{ width:320px;height:380px;}
.PhotoList.vip ul li img{ width:100%; }


/*【传统】楼层标题*/
.F_title{ width:1180px; height:50px;}
.F_title h3{ width:200px; font-size:18px; float:left; line-height:16px; text-indent:10px; border-left:5px solid #cd0000; margin:15px 0;}
.F_title span{width:100px; font-size:14px;float:right; line-height:50px; text-align:center;}
.F_title span a{}

/*【居中】楼层标题*/
.F_titleCenter{ width:1180px; height:50px; margin:40px auto;}
.F_titleCenter h3{ width:200px; font-size:22px; text-align:center; line-height:25px;position: relative;z-index:10;background:#ffffff; color:#0665b6;}
.F_titleCenter p {width:300px; font-size:14px;text-align:center; line-height:25px;}
.F_titleCenter:after {content:''; display:block; width:300px; height:50px; margin:0 auto;position:relative; border:1px solid #cccccc; top:-40px;  }
.F_titleCenter span{ display:block; width:100px;float:right; line-height:50px; text-align:center; position:relative; top:-25px;}
.F_titleCenter span a{ font-size:14px;}

/*带按钮的图文列表*/
.mage_but {}
.mage_but ul {text-align:center;  }

.mage_but ul li { display:inline-block; width:350px; height:370px; background:#ffffff;vertical-align:middle; margin-right:20px; text-align:center; }
.mage_but ul li .pic {display:block;  width:310px; height:180px; margin:20px auto;}
.mage_but ul li .pic img { display:block; width:310px; height:180px;}
.mage_but ul li a b { display:block; width:310px; height:46px; font-size:16px; }
.mage_but ul li p { display:block; width:310px; height:50px; overflow:hidden; color:#9b9b9b; margin-bottom:10px; line-height:24px; font-size:12px;}
.mage_but ul li span { display:none;}

.mage_but ul li .ListButA { display:inline-block; width:120px; background:#0973dc; text-align:center; margin-right:10px;}
.mage_but ul li .ListButB {display:inline-block; width:120px; background:#07b338; text-align:center; }
.mage_but ul li .ListButA ,.mage_but ul li .ListButB { height:25px; color:#ffffff; line-height:25px;border-radius:4px;}

/*带按钮的图文列表*/
.IcoList {}
.IcoList * { border:0px solid #cd0000;font-size:12px;}
.IcoList ul { text-align:center;}
.IcoList ul li { display:inline-block; width:200px; margin-right:30px; padding-bottom:20px;}
.IcoList ul li:hover { background:#f5f5f5;}
.IcoList ul li:last-child { margin-right:0;}
.IcoList ul li img { display:block; width:150px; height:150px; margin:20px auto;border-radius:150px;}
.IcoList ul li a { display:block; width:180px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
.IcoList ul li a b { font-size:16px;}
.IcoList ul li p { width:180px; height:58px; overflow:hidden;margin-bottom:20px; color:#999999; line-height:20px; }
.IcoList ul li span { display:none; width:100%; text-align:center;}
.IcoList ul li span i { margin-right:10px; font-style:normal;}
.IcoList ul li .ListButA { width:150px; height:25px; line-height:25px; background:#16c675; text-align:center; color:#ffffff;border-radius:3px;}
.IcoList ul li .ListButB { display:none; width:150px; height:25px; line-height:25px; background:#14a864; text-align:center; color:#ffffff;border-radius:3px;}