html,body{ background: #fff; font-family:"微软雅黑", Arial; border: 0;padding: 0;margin: 0; font-size: 12px; color: #333}
ul,ol,li {list-style:none;margin:0;padding:0;line-height:26px;}
dd,dl,dt{margin:0px;padding:0px; border:0px}
p,h3,h1,h2,h3,h4,table,td,tr{border:0; padding:0; margin:0}
em,i{ font-style: normal;border:0; padding:0; margin:0}
img{border:0px; padding:0; margin:0}
a{ text-decoration:none; color: #333}
input{font-family:"微软雅黑", Arial; margin: 0; padding: 0; border: 0}
.clearfloat:after {display: block;clear: both;content: "";visibility: hidden;height: 0;}
.nobr{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fl{ float: left;}
.fr{ float: right;}
.pt30{ padding-top: 30px;}
.pb30{ padding-bottom: 30px;}
.pt20{ padding-top: 20px;}
.pt15{ padding-top: 15px;}
.pt10{ padding-top: 10px;}
.pl20{ padding-left: 20px;}
.pl15{ padding-left: 15px;}
.pl10{ padding-left: 10px;}
.pl5{ padding-left: 5px;}
.pt5{ padding-top: 5px;}
.mt30{ margin-top: 30px;}
.mb30{ margin-bottom: 30px;}
.mt20{ margin-top: 13px;}
/*.mt15{ margin-top: 15px;}*/
.mt10{ margin-top: 10px;}
.mt5{ margin-top: 5px;}

#container{ width: 98%; height: auto;  margin: 0 auto; padding: 0}
    
/*头部*/
.top_bar{ width: 100%; height: 97px; margin-top:10px;}
.top_bar .topcon{ width: 1200px; height: 73px; margin: 0px auto}
.top_bar .topcon .logo{ width: 158px; height: 73px; float: left;}
.top_bar .topcon .topBOX{ width: 705px; height: 27px; float: right; padding-top: 23px; line-height: 27px;}
.top_bar .topcon .topBOX li{height: 27px; float: left; border-right: 1px solid #e5e5e5; padding: 0 12px;}
.top_bar .topcon .topBOX a:hover{ color: #2577e3}
.top_bar .topcon .topBOX b.phone{ color: #ff6633; font-size: 16px;}
.top_bar .topcon .topBOX span.phone_ico{ width: 27px; height: 27px; display: inline-block; vertical-align:inherit; background: url(../images/ico_png.png) -10px -10px no-repeat; float: left; padding-right: 6px;}
.top_bar .topcon .topBOX span.wt_ico{ width: 27px; height: 27px; display: inline-block; vertical-align:inherit; background: url(../images/ico_png.png) -47px -10px no-repeat; float: left; padding-right: 6px;}
.top_bar .topcon .topBOX span.wx_ico{ width: 27px; height: 27px; display: inline-block; vertical-align:inherit; background: url(../images/ico_png.png) -82px -10px no-repeat; float: left; padding-right: 6px;}
.top_bar .topcon .topBOX span.wb_ico{ width: 27px; height: 27px; display: inline-block; vertical-align:inherit; background: url(../images/ico_png.png) -118px -10px no-repeat; float: left; padding-right: 6px;}

/*导航*/
.navbox{ height: 55px; background: #003c81; width: 100%; position: relative;}
.navcon{ width: 1200px; margin: 0 auto; position: relative;}
.nav { width:1020px; float: left; }
.nav li{ float: left; width: 125px; border-right: 1px solid #135096; line-height: 55px; height: 55px;}
.nav li a{ color:#fff; font-size: 14px; text-align: center; width: 125px; display: inline-block;}
/*.nav li a.down{ background: url(../images/nav_bg.png) no-repeat 95px center;}*/
.nav li a.down{ background-color:#2577e3;}
.current{background: url(../images/nav_bg.png) no-repeat 95px center;}
.nav li a:hover{color:#f5b940;}
.navsmall{ width: 100%; background: #2577e3; height: 70px; line-height: 70px; position: absolute; top: 55px; left: 0;z-index: 999}
.navsmall .nav_s_c{ width: 100%; margin: 0px auto;z-index: 999; }
.navsmall .nav_s_c a{ width: 150px; display:inline-block; font-size: 16px; text-align: center; color: #fff}

.user_in{ width: 179px; height: 51px; padding-top: 10px; position: absolute; right: 0; top: -6px; background: url(../images/ico_png.png) 0 -121px no-repeat;}
.user_in .u_pic{ width: 42px; height: 42px; float: left; padding-left: 17px;}
.user_in .u_links{ width: 85px; float: left; color: #fff; padding-left: 12px;}
.user_in .u_links a{ color: #fff; font-size: 14px;}
.user_in .u_links a:hover{ text-decoration: underline;}

.footer{ width: 100%; height: 215px; padding-top: 20px; padding-bottom: 25px; background: #003c81;}
.footer .footcon{ margin: 0 auto; height: 215px; text-align: left; color: #f8c354}
.footer .footcon a{ color: #f8c354; font-size: 14px; line-height: 25px;}
.footer .footcon a:hover{ color: #f2a70b; text-decoration:underline;}
.footer .footcon dt{ font-size: 16px; padding: 20px 0 30px 0}
.footer div.li_about{ float: left; border-right: 1px solid #135096; height: 215px; width: 135px; padding-left:55px;}
.footer div.li_join{float: left; border-right: 1px solid #135096; height: 215px; width: 365px; padding-left: 40px;}
.footer div.li_contant{float: left; border-right: 1px solid #135096; height: 215px; width: 110px; padding-left: 50px;}
.footer div.li_service{float: left; border-right: 1px solid #135096; height: 215px; width: 240px; padding-left: 30px;}
.footer div.li_Code{float: left; height: 215px; width: 191px; padding-left: 45px;}

.date_in{ background: url("../images/datePicker.png") no-repeat scroll 110px center rgba(0, 0, 0, 0);
    border: 1px solid #cccccc;
    color: #666;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    vertical-align: middle;
    width: 120px;
    }
    

#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 350px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}