@charset "utf-8";
/*开放页面样式 包括首页和网站页面*/
@charset "utf-8";
/*全局*/
body{margin:0 auto;padding:0;background:#FFF;color:#333;font:12px "Microsoft YaHei";text-align:center;}
body div{margin:0px auto;text-align:left;} 
div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none;}
table,td,input,textarea{font-size:12px;}
.clear{height:0;clear:both;font-size:0;line-height:0;overflow:hidden;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mr6{margin-right:6px;}
.bg01{color:#00C0EF !important;}
.bg02{color:#f39c12 !important;}
.bg03{color:#dd4b39 !important;}
.bg04{color:#00a65a !important;}
/* 链接颜色 */
a:link { text-decoration: none; color: #333 }
a:visited{ text-decoration: none; color: #333 }
a:hover{ text-decoration:none; color:#0AA7FF; }
/*区块设置 */
.area{margin:0px auto 0; width:1200px;background-color:#FFFFFF;}
.area .areaL{width:200px;float:left;background-color:#FFFFFF;}
.area .areaLM{width:980px;float:left;background-color:#FFFFFF}
.area .areaM{width:770px;float:left;background-color:#FFFFFF;margin-left:10px;}
.area .areaR{width:210px;float:right;background-color:#FFFFFF;margin-left:10px;}
.area .areaLR{width:990px;float:right;background-color:#FFFFFF; margin-left:10px;} 
div.TWAll{width:100%;_width:expression(this.offsetWidth); min-width:1200px;}
div.TArea{margin:0px auto;width:1200px;}

#TopIndex{height:120px; color:#3C3C3C; font-size:16px; float:left; }
#TopIndex #TopIndexArea{height:120px; line-height:120px;}
#TopIndex #TopIndexArea #TopIndexL{width:300px; height:46px; float:left; margin:17px 0;}
#TopIndex #TopIndexArea ul.ListL{float:left; color:#3C3C3C; margin-left:50px;}
#TopIndex #TopIndexArea ul.ListL li {float:left; margin:0 15px;}
#TopIndex #TopIndexArea ul.ListR{width:400px; height:120px; float:left; color:#3C3C3C; margin-left:50px;}
#TopIndex #TopIndexArea ul.ListR li {float:right; margin:0 15px;}

#TopIndex #TopIndexArea #TopIndexR{width:140px; float:right; text-align:center;}
#TopIndex #TopIndexArea #TopIndexR a{width:85px; display:block; float:left; letter-spacing:1px;}
#TopIndex #TopIndexArea #TopIndexR a.btn{width:55px; height:35px; line-height:35px; margin-top:42px; background-color:#2f7be8; color:#FFF; font-size:16px; border-radius:2px;}

.pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; float:right;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}


#Banner{background-color:#2f7be8;}
#Banner #BannerPic{ margin:0px auto;text-align: center; }
#Banner #BannerPic img{height:450px;display: inline-block;}

.col{width:240px; height:120px; margin:0px auto;}
.col .col-tit{width:150px; text-align:center; font-size:26px; line-height:120px; float:left;}
.col span{width:45px; height:2px; margin-top:59px; background-color:#000; float:left;}

.WebType{width:1200px;}
.WebType li{width:200px; height:130px; line-height:130px; float:left; text-align:center; cursor:pointer;}

#agentprogress{ margin-bottom:60px;}
#agentprogress ul{ width:100%}
#agentprogress ul li{ width:12.5%; float:left; font-size:20px; text-align:center; padding-top:25px;}
#agentprogress ul li.dib{ width:10%;padding-top:0px;}
#agentprogress ul li div{text-align:center; line-height:30px;}
#agentprogress ul li span{font-size:40px; }
#agentprogress ul li.dib span{margin-top:0px;}
#agentprogress ul li.dib span{font-size:60px; line-height:70px;}
#agentprogress ul li.dib:hover{font-size:22px;color:#C00 }
#agentprogress ul li.dib:hover span{font-size:70px; color:#C00 }

#Footer{height:240px; margin-top:100px; background-color:#EEE; position:relative; float:left;  z-index:0; color:#333;}
#Footer #FooterArea{margin-top:45px;}
#Footer #FooterArea #FooterL{width:220px; float:left;}
#Footer #FooterArea #FooterL p{width:220px;}
#Footer #FooterArea #FooterL p.b{width:220px; font-size:22px; float:left; letter-spacing:1px; line-height:40px; margin-top:13px;}
#Footer #FooterArea #FooterL p.t{width:220px; font-size:18px; float:left;}
#Footer #FooterArea #FooterL p a{width:100px; height:30px; line-height:30px; text-align:center; background-color:#0AA7FF; border-radius:15px; margin-top:25px; display:inline-block; color:#FFF;}
#Footer #FooterArea #FooterR{width:980px; float:left;}
#Footer #FooterArea #FooterR ul{width:150px; margin-left:45px; float:left;}
#Footer #FooterArea #FooterR ul li{width:150px; line-height:30px; font-size:14px; color:#999;}
#Footer #FooterArea #FooterR ul li.tit{font-size:18px; margin-bottom:10px; color:#333;}

#Footer #FooterArea p a:hover{color:#3cb4f9;}