/*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:#0276bc; float:left; padding-top:15px; border-radius:3px;}
.NewsList ul li span pre:first-child {font-size:22px; text-align:center; line-height:30px; color:#ffffff;}
.NewsList ul li span pre:last-child {text-align:center; color:#ffffff;}

.ListStyle_210 {}
.ListStyle_210 ul {}
.ListStyle_210 ul li {display: block; width: 100%; height: 95px; border-bottom: 1px dashed #cccccc; margin-bottom: 10px;}
.ListStyle_210 ul li .data { display: block; width:80px; height:80px; background:#f1f1f1; float:left; padding-top:15px; border-radius:3px; margin-right: 10px;}
.ListStyle_210 ul li .data b {display: block; color: #666666; text-align: center; font-size: 18px; font-weight: normal; }
.ListStyle_210 ul li .data b i {color: #666666; font-style: normal; line-height: 25px; font-size: 16px; }

.ListStyle_210 ul li a { display: block; float: left; width: 1000px; height: 30px; font-weight: bold; font-size: 18px; }
.ListStyle_210 ul li a b {color: #666666;}
.ListStyle_210 ul li p { display: block; float: left; width: 1000px; height: 50px; font-size: 14px; color: #979797; line-height: 25px;}
.ListStyle_210 ul li .info {display: none;}

/*单页类样式*/
.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:18px; text-align:center; line-height:25px;position: relative;z-index:10;background:#ffffff; color:#5694b9;}
.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:0px 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;}



.MagePic  ul li { display:inline-block; width:540px; height:80px; background:#ffffff;vertical-align:middle; margin-right:20px; text-align:center; }
.MagePic  ul li .pic {display:block; width:100px; height:70px; overflow:hidden; float:left; margin-right:10px; }
.MagePic  ul li .pic img { width:100%; }
.MagePic  ul li .title { display:block; float:left; width:300px; margin-bottom:5px; }
.MagePic  ul li .title b { font-size:14px;color: #0276bc}
.MagePic  ul li p {display:block; float:left; width:430px; height:35px; overflow:hidden; font-size:12px; line-height:18px;}
.MagePic  ul li span { display:none;}



/*带按钮的图文列表*/
.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:0px 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; font-size:14px;}






/*手机端弹出层*/
#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;cursor:pointer; line-height:28px; font-size:12px;}
.public_head article .head_right .TopLink ul li i{ margin-right:3px;}
.public_head article .head_right .TopLink ul li a {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);}





.HotIco { width:100%; height:200px; }
.HotIco article {}
.HotIco ul {}
.HotIco ul li { display:inline-block; width:230px; height:200px; border-right:1px solid #ffffff;background:#dfeff8;}
.HotIco ul li:last-child {border-right:0}
.HotIco ul li .Box { display:block; width:230px; height:200px; overflow:hidden;}
.HotIco ul li .Box img { display:block; height:200px; position:relative; z-index:0;top:0;opacity: 0.1; transition:0.8s;}

.HotIco ul li .Box p { width:230px; height:200px; padding-top:50px; position:relative; z-index:100; top:-200px;}
.HotIco ul li .Box p i {display:block;width:70px;height:70px; margin-bottom:10px; color:#ffffff; font-size:40px; text-align:center; line-height:70px; transition:0.8s;}
.HotIco ul li .Box p span {display:block; text-align:center; color:#6aa9dc;font-size:14px;}

.HotIco ul li:nth-last-child(5) .Box p i{ background:#449fe5;border-radius:5px; }
.HotIco ul li:nth-last-child(4) .Box p i{ background:#449fe5;border-radius:5px; }
.HotIco ul li:nth-last-child(3) .Box p i{ background:#449fe5;border-radius:5px; }
.HotIco ul li:nth-last-child(2) .Box p i{ background:#449fe5;border-radius:5px; }
.HotIco ul li:nth-last-child(1) .Box p i{ background:#449fe5;border-radius:5px; }

.HotIco ul li.sel .Box img { transform:scale(1.1);opacity: 1;}
.HotIco ul li.sel .Box p { top:-200px; }
.HotIco ul li.sel .Box p i { -webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg);}
.HotIco ul li.sel .Box span { color:#ffffff;}

.HotIco ul li a { display:block;position:relative; width:100%; height:200px; top:-200px; z-index:100; }




#HotIcoMore {display:none; width:100%; height:350px;position:fixed; z-index:9999;top:20%;background:#f5f5f5; padding-top:20px;}
#HotIcoMore header {height:100px;}
#HotIcoMore header h3 { text-align: center; font-size: 28px; color: #1AAD19}
#HotIcoMore header p {text-align: center;color:#979797;}

#HotIcoMore article {height:100px; margin-bottom:50px; }
#HotIcoMore ul {text-align:center;}
#HotIcoMore ul li { display:inline-block; width:230px; height:100px; border-right:1px solid #cccccc;}
#HotIcoMore ul li:last-child {border-right:0}

#HotIcoMore ul li .Box { display:block; width:230px; height:100px; overflow:hidden;}
#HotIcoMore ul li .Box p { width:230px; height:100px; padding-top:10px; position:relative; z-index:100;}
#HotIcoMore ul li .Box p i {display:block;width:70px;height:40px; margin-bottom:10px; font-size:40px; color:#1AAD19; text-align:center; line-height:40px; transition:0.8s;}
#HotIcoMore ul li .Box p span {display:block; text-align:center; color:#979797;font-size:14px;}

#HotIcoMore ul li:hover {background:rgba(0,0,0,0.03);}
#HotIcoMore ul li:hover a  {display:block; width:100%; height:100px;position:relative; top:-100px;z-index:999; }
#HotIcoMore ul li:hover .Box p i { -webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg);}


#HotIcoMore footer a { display:block; width:200px; height:40px;line-height:38px; background:#1AAD19;text-align:center; color:#ffffff;}



.MageBit { height:450px;  margin-bottom:30px; padding-top:30px;}
.MageBit .main { width:1180px;  }
.MageBit .WordBit { width:550px; height:400px;float:left; overflow:hidden; }
.MageBit .WordBit .lt_tab { height:40px; margin-bottom:20px; border-bottom:1px solid #f1f1f1; }
.MageBit .WordBit .lt_tab li { display: inline-block; width:120px; text-align:center; line-height:39px; font-size:18px; margin-right:10px; }
.MageBit .WordBit .lt_tab li.hover {border-bottom:1px solid #cd0000; color:#0276bc; font-size:18px;}
.MageBit .WordBit .photo {width:200px; height:300px; overflow:hidden; float:left; }
.MageBit .WordBit .word {width:330px; height:305px; overflow:hidden; float:right;}
.MageBit .WordBit .word p { font-size:14px; line-height:24px; text-indent:2em;}
.MageBit .WordBit .more { display:block; color:#0276bc; font-size:12px;text-align:right; }

.MageBit .IcoGroup { width:550px; height:390px;  float:right; padding-top:40px;}
.MageBit .IcoBit { width:265px; height:150px; background:#0a7fd9; overflow:hidden;border-radius:4px;border-top-left-radius:25px;border-bottom-right-radius:25px; }

.MageBit .IcoBit.P1 { float:left; margin-bottom:20px;  background:url('/UploadFile/Image/HomeICO/IcoB_1.jpg')}
.MageBit .IcoBit.P2 { float:right; margin-bottom:20px;  background:url('/UploadFile/Image/HomeICO/IcoB_2.jpg')}
.MageBit .IcoBit.P3 { float:left; background:url('/UploadFile/Image/HomeICO/IcoB_3.jpg')}
.MageBit .IcoBit.P4 { float:right; background:url('/UploadFile/Image/HomeICO/IcoB_4.jpg')}

.MageBit .IcoBit .surface { width:100%; height:100%; padding:10px; }
.MageBit .IcoBit .surface h3 { width:100px; height:35px; color:#ffffff; font-size:14px;text-shadow:0px 2px 3px #00548d; margin-left:1px; position:relative;z-index:10;}
.MageBit .IcoBit .behind {  width:100%; height:100%; background:rgba(0,70,141,0.5); position:relative;transition:0.3s;top:0px;}
.MageBit .IcoBit .behind a { display:block; width:100%; height:100%;  font-size:14px; color:#ffffff; padding:100px 0px 0 200px; }
.MageBit .IcoBit:hover .behind { display:block; top:-150px; }