@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
html,body{ width:100%; /*max-width:640px;*/ margin:auto; font-size:22px; line-height:1.45; font-family:"微软雅黑","Microsoft Yahei","sans-serif"; color:#222;}
body{ background-color:#FFF;}
@media screen  and (max-width: 320px){html,body{ font-size:12px;}}
@media screen  and (min-width: 321px) and (max-width: 420px){html,body{ font-size:16px;}}
@media screen  and (min-width: 421px) and (max-width: 500px){html,body{ font-size:19px;}}
@media screen  and (min-width: 501px){html,body{font-size:22px;}html{background-color:#282828}body{background-color:#666}}
a{ color: #666; text-decoration: none; outline:none; }
a:hover{ color: #cc0000;}
input{ outline:none; margin:0; padding:0; outline:none;}
ul li{ list-style: none; outline:none;}
img{border:0; outline:none; vertical-align:middle;}
.img100{ width:100%;}.img100 img{ width:100%;}
.blk,.blk3,.blk5,.blk6,.blk8,.blk10,.blk14,.blk15,.blk20,.blk25,.blk30,.blk36,.blk50{clear: both; font-size: 1px;line-height: 1px; display:block;}
.blk3{height: 3px;}.blk5{height: 5px;}.blk6{height: 6px}.blk8{height: 8px}.blk10{height: 10px}.blk14{height: 14px}.blk15{height: 15px}.blk20{height: 20px}.blk25{height: 25px}.blk30{height: 30px}.blk36{ height:36px;}.blk50{ height:50px;}
.clearfix{_zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both}


.w1366{ width:1366px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}.w1100{ width:1100px; margin:0 auto;}.w1000{ width:1000px; margin:0 auto;}.w800{ width:800px; margin:0 auto;}
.w100{ width: 100%;}

.fr{ float:right;}.fl{ float:left;}.tc{ text-align: center;}.tl{ text-align: left;}.tr{ text-align: right;}.cb{ clear: both;}

.pr{ position: relative;}.pa{  position: absolute;}.di{ display: inline-block;}.vm{ vertical-align: middle;}.oh{ overflow: hidden;}.tdlt{ text-decoration: line-through;}.tdn{text-decoration: underline;}.fw{ font-weight: 600;}.wsn{ white-space: nowrap;}.fwn{ font-weight: normal;}.ti2{ text-indent: 2em;}.db{ display: block;}.dn{ display: none;}.fsn{font-style:normal}.vam{ vertical-align: middle;}

.flex{ display:flex;}.flex1{ flex:1;}.flex2{ flex:2;}.flex2{ flex:3;}
.flex-ss{display:flex; align-items: flex-start; justify-content:flex-start;}
.flex-sc{display:flex; align-items: flex-start; justify-content:center;}
.flex-sb{display:flex; align-items: flex-start; justify-content:space-between;}
.flex-stc{display:flex; align-items: stretch; justify-content:center;}
.flex-cs{display:flex; align-items: center; justify-content:flex-start;}
.flex-cc{display:flex; align-items: center; justify-content:center;}
.flex-ce{display:flex; align-items: center; justify-content:flex-end;}
.flex-cb{display:flex; align-items: center; justify-content:space-between;}
.flex-ca{display:flex; align-items: center; justify-content:space-around;}

.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.f30{ font-size: 30px;}

.m0a{ margin: 0 auto;}
.m15{ margin: 15px;}
.mt2{ margin-top: 2px;}
.mt3{ margin-top: 3px;}
.mt4{ margin-top: 4px;}
.mt5{ margin-top: 5px;}
.mt7{ margin-top: 7px;}
.mt8{ margin-top: 8px;}
.mt9{ margin-top: 9px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt18{ margin-top: 18px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt35{ margin-top: 35px;}
.mt40{ margin-top: 40px;}
.mt60{ margin-top: 60px;}
.mt90{ margin-top: 90px;}
.mt130{ margin-top: 130px;}
.mb2{ margin-bottom: 2px;}
.mb3{ margin-bottom: 3px;}
.mb4{ margin-bottom: 4px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}.mb50{ margin-bottom: 50px;}.mb60{ margin-bottom: 60px;}.mb70{ margin-bottom: 70px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr30{ margin-right: 30px;}
.mr65{ margin-right: 65px;}
.ml3{ margin-left: 3px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml50{ margin-left: 50px;}
.ml100{ margin-left: 100px;}
.ml150{ margin-left: 150px;}
.ml180{ margin-left: 180px;}
.mr130{ margin-right: 130px;}
.p10{ padding: 10px;}
.p0_8{ padding: 0 8px;}.p0_10{ padding: 0 10px;}
.p5_0{ padding: 5px 0px;}.p10_0{ padding: 10px 0px;}
.pt25{ padding-top:25px;}.pt30{ padding-top:30px;}
.pb4{ padding-bottom: 4px;}.pb6{ padding-bottom: 6px;}.pb10{ padding-bottom: 10px;}.pb15{ padding-bottom: 15px;}.pb35{ padding-bottom: 35px;}
.pl10{ padding-left: 10px;}.pl20{ padding-left: 20px;}

.tit-Agba{ 
position:absolute; left:0; right:0; bottom:0; padding-left:8px; padding-right:8px; text-align:center; color:#FFF; box-sizing:border-box;
background: #000;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);; /*FireFox*/
background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  /* Opear */
background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/
zoom: 1; 
}
:root.tit-Agba{ filter: none; /* IE9下需要关闭滤镜，否则会与背景色同时生效 */ }
.tit-Agba a{ color:#FFF;} /* 常用透明度对应16进制关系：.0（00） .1（19） .05（0C） .15（26） .2（33） .3（4C） .25（3F） .35（59） .4（66） .5（7F） .45（72） .55（8C） .6（99） .7（B2） .65（A5） .75（BF） .8（CC） .9（E5） .85（D8） .95（F2） */
.tit-Agba-img{ position:absolute; left:0; right:0; bottom:0; text-align:center; color:#FFF; background:url(title-Agba-bg.png) center bottom repeat-x;}

.footer{}
.footer .top{ width: 100%; min-width: 1200px; height: 205px; background: #29a1ff; text-align: center; padding-top: 45px;}
.footer .top strong{ display: block; font-size: 48px; color: #fff; }
.footer .top img{ margin-top: 20px; height:60px;}

.footer .bottom{ width: 1200px; margin: 0 auto; height: 70px; margin-top: 20px; }
.footer .bottom .adr{line-height: 20px; font-size: 12px; color: #999; float: left;}
.footer .bottom .adr p:last-child{ padding-top:12px;}
.footer .bottom .link{ float: right; margin-top:12px;}
.footer .bottom .link a{ padding: 0 50px; border-right: 1px #999999 solid; color: #999; height: 20px; line-height: 40px;}
.footer .bottom .link a:last-child{ border-right: none;}
.footer .bottom .link a:hover{ color: #209ff0;}
