/*Html5扁平化样式库*/

/*框架基础定义*/
section{ width:100%;}    
section article {width:1180px; margin:0 auto;}
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:last-child {border-bottom:0;}
.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:827px; height:400px; border:1px solid #f1f1f1; margin-left:10px;float:right;margin:0 auto;}
.PhotoList ul {}
.PhotoList ul li { display:block; width:259px;  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:0 auto; margin-bottom:50px;}
.F_titleCenter h3{ width:200px; font-size:22px; text-align:center; line-height:25px;position: relative;z-index:10;background:#ffffff; color:#163436;}
.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 { }

.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;}




/*滚动图片*/
.PhotoScroll {}
.PhotoScroll ul {}
.PhotoScroll ul li { width:200px; height:130px;  border:1px solid #cccccc; margin-right:10px;}
.PhotoScroll ul li a { display:block; width:100%; height:100%; overflow:hidden;}
.PhotoScroll ul li a img { display:block;width:100%; height:100%;transition:all 1s;}
.PhotoScroll ul li a b { display:none; width:100%; height:150px; background:rgba(0,0,0,0.3); color:#ffffff; line-height:30px;position:relative; top:-130px; text-align:center;transition:all 1s; padding-top:30px;}
.PhotoScroll ul li span { display:none;}
.PhotoScroll ul li a:hover img { transform: scale(1.2);}
.PhotoScroll ul li a:hover b { display:block;}






/*手机端弹出层*/
#MobiQRcode { width:1000px; height:500px; position:absolute; z-index:99999; left:50%; margin-left:-500px; text-align:center; display:none;}
#MobiQRcode i { font-size:18px; color:#ffffff;position:absolute; z-index:99999; top:-20px; left:50%; margin-left:130px; cursor:pointer; }
#MobiQRcode img { width:250px; height:250px; border:10px solid #ffffff; margin-bottom:10px;}
#MobiQRcode p { font-size:18px; color:#ffffff; text-align:center;}


/*【模式1】页眉右侧导航布局 顶部链接*/
.public_head article .head_right .TopLink { margin-bottom:5px;}
.public_head article .head_right .TopLink ul  { width:100%; height:30px; text-align:right; margin-bottom:20px;}
.public_head article .head_right .TopLink ul li { display:inline-block; margin-right:10px;color:#666666;cursor:pointer; line-height:28px; font-size:12px;}
.public_head article .head_right .TopLink ul li i{ margin-right:3px; color:#004ea2;}
.public_head article .head_right .TopLink ul li a {color:#666666; font-size:12px;}
.public_head article .head_right .TopTel { display:block;width:100%; color:#004ea2; font-size:20px;text-align:right; }



.TopBanner {}

.HotBit { width:100%; height:180px; background:rgba(103,174,0,0.7); margin-top:-180px; position:relative;}
.HotBit ul { width:1160px; height:100%; text-align:center;}
.HotBit ul li { display:block; width:380px; height:180px; float:left; background:rgba(103,174,0,0.5); padding:30px 20px;}
.HotBit ul li:last-child { margin-right:0;}
.HotBit ul li a {}
.HotBit ul li a i { display:block; width:60px; height:130px; float:left; font-size:40px; color:#ffffff; }
.HotBit ul li a b { display:block; color:#ffffff; margin-bottom:5px; }
.HotBit ul li a p { display:block;  height:80px; overflow:hidden; font-size:12px; color:#ffffff; line-height:20px; }

.HotBit ul li:nth-last-child(2) { background:rgba(3,55,51,0.5);}