@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;font-family:"Microsoft YaHei"}
body{padding:0;margin:0;background:#000; font-size:12px; color:#fff;}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none;outline:0;-moz-outline:0}
body,textarea,input,button{color:#fff}
html,body{width:100%;height:auto}
a,a:hover {text-decoration:none;outline:0;-moz-outline:0;font-family:"Microsoft YaHei";}
a { color:#fff; text-decoration:none;font-family:"Microsoft YaHei"}
a:hover{ color:#fff; text-decoration:none;font-family:"Microsoft YaHei"}
.cl{ clear:both}
/*布局*/
.container{width:100%;height:auto; margin:0;padding:0; background:url(../images/bg.jpg) top center no-repeat;}
.main{width:1002px;margin:0 auto;position:relative; text-align:center;}
.mtop{ height:auto; width:100%; position:relative;}
.mtop img{ float:left; width:100%;}
.join{ width:447px; height:171px; background:url(../images/join.png) top center no-repeat; position:absolute;left:277px;top:444px;}
.cond{ text-decoration:underline; font-size:24px; top:595px; position:absolute;left:50%; width:100px; margin-left:-50px;}
.fuli{ width:100%;background:url(../images/mtop_04.jpg) top center no-repeat;height:344px;padding-top:20px;}
.fuli ul{  width:1051px; margin:0 auto;padding:110px 0 0 40px;}
.fuli ul li{ background:url(../images/li.png) top center no-repeat; width:172px; height:174px; float:left; display:inline; margin-left:27px; text-align:center; font-size:20px;padding-top:25px;}
.fuli ul li p{ line-height:22px;padding-top:5px;}
.ico{ width:102px; height:86px; display:inline-block; background:url(../images/ico.png) no-repeat;}
.ico1{ background-position:0 0;}
.ico2{ background-position:0 -86px;}
.ico3{ background-position:0 -172px;}
.ico4{ background-position:0 -258px;}
.ico5{ background-position:0 -344px;}
/*底部*/
.foot{width:100%; height:129px;color:#9e9e9e;background: #000f16;}
.foot .mbox{ width:900px; margin:0 auto;height:129px;}
.f_info,.f_img{float:left;}
.f_img{ width:300px; margin-top:45px;border-right:1px solid #9e9e9e;}
.f_img img{ float:left; display:inline; margin-left:10px;}
.f_info{ width:500px; margin-top:33px;padding-left:30px;}
.f_info p a{ color:#9e9e9e; text-decoration:none}
.f_info p a:hover{ color:#9e9e9e; text-decoration:none}
/*弹层*/
#MaskID{ position:absolute;top:0;left:0; background:#000; opacity:.3; filter:alpha(opacity=30); display: none; z-index:100}
.modal{ position:fixed;top:50%;left:50%; background:#dedede; border:3px solid #006199; margin-left:-240px; display:none; z-index:999}
.close{ width:25px; height:26px; position:absolute;top:5px;right:5px; background:url(../images/close.png) no-repeat; cursor:pointer}
.bmbox{margin-top:-323px;}
.sqbox{margin-top:-307px;}
.tjbox{ height:160px; margin-top:-83px;}
.sqbox .h3{ text-align:center;padding-top:10px;}
.tjbox .modal_body .h3{ text-align:center; font-size:16px; color:#000;padding-top:20px;}
.mtext{ width:100%; margin:0 auto;padding-top:10px;}
.mtext p{ font-size:16px; color:#000; line-height:28px;}
.modal_body{ width:450px; padding:20px 45px 30px;}
.jianjie{font-size: 14px;color: #000;}
.modal_body .h3{ font-size:20px; font-weight:bold; color:#006199; margin-top:10px;}
.modal_body .h3 p{ font-size:14px; color:#000; font-weight:normal}
.form{ width:100%; height:auto; color:#000; font-size:16px;padding-bottom:5px;}
.form-inline{ width:100%; height:auto; position:relative;padding-top:10px;color: #000;}
.label{ width:100px; position:absolute;top:10px;left:0;text-align:right; line-height:23px;}
.col{padding-left:105px;}
.form-control{ height:23px; line-height:23px; width:180px;padding:0 3px; background:#fff;border:1px solid #fff;float:left; display:inline; color:#666; font-size:12px;}
select.form-control{border-color:#8a8a8a; width:110px;}
select.form-control.time{ width:76px;}
textarea.form-control{ width:360px; height:46px;}
.fleft{ float:left; margin:0 10px;}
.fred{ color:#e90000;margin-left:10px; height:23px; line-height:28px; float:left; display:inline; font-size:12px;}
.col.colt{padding-top:30px;padding-left:0;}
.btn{ display:inline-block; height:36px; width:160px; text-align:center; line-height:36px; color:#fff; background:#006199; font-size:16px;}
.btn:hover{ color:#fff; text-decoration:none;}
p.fcenter{ margin-top:30px; text-align:center}
.main:after,.container:after,.fuli:after,.form:after,.form-inline:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}

#thead {position: relative; z-index: 999;}


.colot{font-size: 16px;color: #006199;text-align: center;padding: 30px 0 10px;}