@charset "gb2312";

body{font:14px/1.75 simsun;background:#cafcff; color:#333;_text-align:center;_background-image:url(about:blank);_background-attachment:fixed;}
a{ color:#333;}
a:hover{ color:#f00;}

/*+++++++++++++++++++++ top ++++++++++++++++++++++++++*/
/*top*/
.top{ height:385px; overflow:hidden; min-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<960?"960px":""); border-bottom:3px solid #fff;}
/*header*/
.header{background:url(imagesheader.jpg) top no-repeat; height:333px; min-width:960px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<960?"960px":"");}
/*topbar*/
.topbar{ background:#fff; height:49px; border-top:3px solid #002761;}
.topbar p{ width:900px; margin:0 auto; height:49px; padding:1px 0;_text-align:left;}


/*+++++++++++++++++++++ footer ++++++++++++++++++++++++++*/
.footer{_text-align:left;font:14px/28px Microsoft YaHei,Arial, Helvetica, sans-serif; background:#333; text-align:center; }
.copyrights{ padding:30px 0; color:#fff; width:900px; margin:0 auto;}
.copyrights a,.copyrights a:hover{color:#fff;}
.copyrights span{ padding:0 5px; color:#ff0;}

/*++++++++++++++++++++ index.html ++++++++++++++++++++*/
/*main*/
.wrapper{}
.container{width:900px;margin:0 auto;_text-align:left; padding:40px 30px 60px 30px; position:relative;}

span.red{ color:#e90000!important;}

.more{ float:right;}
.time{float:right;}
.hide{display:none;}

/*form element style*/
.ipt {padding:5px; height:18px; line-height:18px; border:#ccc 1px solid;font-size:14px;background:#fff; width:250px;vertical-align:middle; color:#333;}
.radio{ vertical-align:-2px;}

/*dls*/
.dls{ padding:0 15px; width:870px;}
.dls dt{ font:bold 24px/40px simsun; color:#000;}
.dls dd{ font:16px/30px Microsoft YaHei;color:#5f5f5f; margin-bottom:20px; text-indent:-1.5em; padding-left:1.5em;}

/*step1*/
.step1 .mtit{ font-size:34px; text-align:center; font-weight:bold; color:#000; }
.step1 .abs{ font:18px/30px Microsoft YaHei; color:#414141; text-indent:2em; border-bottom:1px dashed #999; padding:10px 15px; padding-top:0;}
.step1 .dls dd{ position:relative; width:670px;}
.step1 .dls dd .radiobox{ position:absolute; width:110px; right:-180px;top:0;text-indent:0; color:#004ab8;}
.radiobox{ z-index:0; position:relative;}
.radiobox label{ float:left; padding:0 5px;}
.radio-btn input{ visibility: hidden;}
.radio-btn {width: 22px; height: 22px; cursor: pointer;position: relative;overflow: hidden;background: url(imagesradiobg.gif) 1px 0 no-repeat;float:left; margin-top:4px;}
.checkedRadio{ }
.radio-btn i { background: url('imagescheck_mark.png') no-repeat 0 2px; position: absolute;left: 3px;bottom: -21px;width: 22px; height: 22px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    -webkit-transform:rotateZ(-180deg);
    -moz-transform:rotateZ(-180deg);
    -o-transform:rotateZ(-180deg);
    transform:rotateZ(-180deg);
}
.checkedRadio i { bottom: 0px;
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg);
    transform:rotateZ(0deg);
}
.step1 .tip{ background:#fff; height:44px;padding:0 15px; border:1px solid #d6d6d6;font:15px/44px Microsoft YaHei; color:#000; width:840px; margin-left:10px;}
.step1 .tip .btn{ background:#e89d13; width:90px; height:30px; border:1px solid #ccc; color:#fff; float:right; text-align:center; line-height:30px; display:block; margin-top:6px;border-radius:3px;}
.step1 .tip .btn:hover{ text-decoration:none; color:#fff;}

.sbtn{ background:url(imagesbtnbg.gif) repeat-x; font:15px/30px Microsoft YaHei; height:33px; color:#fff; display:inline-table; *display:inline; *zoom:1; padding:0 25px; border:1px solid #fff; cursor: pointer; }
.sbtn:hover{ text-decoration:none; color:#ff0;}

/*step2*/
.step2 .bjd dt{ font:bold 20px/40px Microsoft YaHei; color:#013584;}
.step2 .bjd dd{ font:16px/30px Microsoft YaHei; color:#3868b1; position:relative;width:670px;}
.step2 .bjd dd .radiobox{ position:absolute; width:110px; right:-180px;top:0;text-indent:0; color:#004ab8;}

/*step3*/
.step3 .dls dd{ font:16px/30px Microsoft YaHei;color:#5f5f5f; margin-bottom:20px; text-indent:0; padding-left:1.5em;}

/*step4*/
.step4 .dls dd p{ color:#4687e8; padding-left:1.5em;}

/*step5*/
.step5 .mtit{ background:url(imagesstit.jpg) 0 0 no-repeat; width:864px; height:129px; margin:0 auto; position:relative;}
.step5 .mtit .num{position:absolute;left:165px;top:50px;font:54px/60px Microsoft YaHei; color:#ea0000;}

.formstyle{ width:864px; margin:0 auto; background:#fff; padding:40px 0 60px 0;}
.fromtable{ width:580px; margin:0 auto;}

.formstyle dl{ width:570px;font-family:Microsoft YaHei; font-size:15px;}
.formstyle dl dt{ float:left; width:180px; text-align:right; color:#034aaa; font-weight:bold;}
.formstyle dl dd{ padding-left:185px;padding-bottom:25px;}
.formstyle dl span.cc{ color:#c03; padding-right:3px;}
.formstyle dl span.bc{ color:#6e9cdb;}
.formstyle dl dd h6{ font-weight:normal; color:#7197d0; position:absolute; bottom:0; left:35px; line-height:34px; font-size:14px; white-space:nowrap; z-index:0;}
.formstyle dl dd h5.info{ font-weight:normal; color:#ccc; position:absolute; right:65px;top:0; line-height:38px;}
.formstyle .radiobox{ height:30px;}
.formstyle .radio-btn{ background-image:url(imagesradiobg2.gif); margin-top:2px;}

/*select*/
select{display: none;}
.select_box{width:262px;line-height: 20px;position:relative; color:#333; z-index:999;}
.select_showbox{padding:5px;font-size:14px;border:1px solid #ccc;background:#fff url(imagesselect.gif) no-repeat right;}
.select_option{border: 1px solid #e3e3e3;border-top: none;display: none; position:absolute; left:0; top:32px; background:#fff; width:260px; z-index:999; background:#fff; height:180px;overflow-y:scroll;overflow-x:hidden; }
.select_option li{padding-left: 5px; line-height:30px; width:255px;}
.select_option li.selected{background-color:#ddd;color: #fff;}
.select_option li.hover{background: #6e9cdb; color: #fff;}

.cbtn{ border:none; width:110px; height:36px; color:#fff; font-size:16px; color:#fff;font-family:Microsoft YaHei; background:#174691; margin:0 10px; cursor:pointer}

/*pop-up-window*/
.pop-up-window{position:fixed;top: 0;left: 0;z-index:99999;width: 100%; height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background-color:rgba(0,0,0,0.6); color:#fff;_position: absolute;_top: expression(eval(document.documentElement.scrollTop)); display:none;}
.pop-up-window .bg{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC333333', endColorstr='#CC333333');width:400px; height:200px; position:absolute; top:50%; left:50%; margin-left:-200px; margin-top:-100px; z-index:99999;}
:root .pop-up-window .bg{ filter:none;background-color:rgba(51,51,51,0.8);}
.pop-up-window .close{ width:32px; height:32px; position:absolute; top:2px; right:2px;cursor:pointer; background:url(imagesclose.gif) 0 0 no-repeat;}

.pop-up-window .con{ padding:40px 40px 0; color:#fff;}
.pop-up-window .btn{ background:#3f88e6; color:#fff; line-height:30px; padding:0 20px; border:0; font-family:Microsoft YaHei; font-size:14px; display:inline-block; *display:inline; *zoom:1;}
.pop-up-window .btn:hover{ text-decoration:none; color:#fff;}
.pop-up-window .con a,.pop-up-window .con a:hover{ color:#fff;}

.floatMenu{ width:50px; height:185px; position:absolute; right:-50px; top:15%;}


.indBlock { width: 1000px; margin: 0 auto;}
.indBg { background: url(../images/bg_gary.jpg) left top repeat-x;} 
.hasMoreTab { width:1000px;}
.hasMoreTab .hd{ height:252px; position:relative; background: #edecec;}
.hasMoreTab .hd .left { width: 165px; height: 232px; float: left; background: #57b2fe; text-align: center; color: #FFFFFF; padding: 20px 0 0; font-size: 20px; line-height: 2em;}
.hasMoreTab .hd .left span { font-size: 12px; color: #0350dd; display: block;}
.hasMoreTab .hd ul{ float: right; width: 800px; z-index:5; height: 232px; overflow:hidden; zoom:1; padding: 20px 0 0; }
.hasMoreTab .hd li{ float:left; width: 200px; text-align: center; cursor:pointer; font-size: 16px; color: #5b5a5a; height: 38px; line-height: 38px; margin-bottom: 20px;}
.hasMoreTab .hd li.on{ height:38px; line-height:38px; background: #fd9003; color:#fff;  }
.hasMoreTab .bd { padding: 10px 0 0; clear:both; position:relative;}
.hasMoreTab .bd h2 { background: url(imagesicon_ind01.jpg) left center no-repeat; padding: 0 0 0 50px; height: 40px; line-height: 40px; font-family: "΢ÈíÑźÚ","ºÚÌå"; font-size: 20px; color: #038cfe; margin-bottom: 20px;}
.btnNext { background: url(imagesbtn_ind01.gif) left top no-repeat; width: 143px; height: 45px; line-height: 45px; text-align: center; border: none; font-size: 20px; color: #FFF; cursor: pointer;}

.table_basic01 { width: 100%; border-collapse: collapse; border: #57b2fe 1px solid; border-bottom: #57b2fe 3px solid; line-height: 1.5em; text-align: center;}
.table_basic01 th { background: #57b2fe; padding: 10px 5px; color: #FFFFFF; text-align: center; line-height: 1.8em;}
.table_basic01 th span { display: block; cursor: pointer;}
.table_basic01 td { border: #57b2fe 1px solid; padding: 3px; background: #FFFFFF; font-size: 12px; height: 42px; color: #666666;}
.table_basic01 td span { display: block; background: #f7f7f7; height: 42px; line-height: 42px;}
.table_basic01 td span.on { display: block; background: #e5f0cf; color: #519f49; height: 42px; line-height: 42px; cursor: pointer;}
.table_basic01 td span.on:hover { display: block; background: #67bb2e; color: #fff; height: 42px; line-height: 42px; cursor: pointer;}
.table_basic01 td span.onhover { display: block; background: #67bb2e; color: #fff; height: 42px; line-height: 42px; cursor: pointer;}

.table_basic02{ width: 100%; border-collapse: collapse;}
.table_basic02 td { padding: 20px 10px;}

.table_basic03{ width: 100%; border-collapse: collapse;}
.table_basic03 th { padding: 15px 5px; text-align: right; line-height: 1.8em;}
.table_basic03 th span { color: #ff0404;}
.table_basic03 td { padding: 15px 5px;}
.table_basic03 td span { color: #7f807d; font-size: 12px;}

.text01{ width:280px; height:36px; line-height: 36px; border: #bbbbbb 1px inset; vertical-align: middle;}
.text02{ width:150px; height:34px; line-height: 34px; border: #bbbbbb 1px inset; vertical-align: middle;}
.text03{ width:80px; height:34px; line-height: 34px; border: #bbbbbb 1px inset; vertical-align: middle;}
.text04{ width:250px; height:34px; line-height: 34px; border: #bbbbbb 1px inset; vertical-align: middle;}
.text05{ width:370px; height:34px; line-height: 34px; border: #bbbbbb 1px inset; vertical-align: middle;}
.text06{ width:550px; height:34px; line-height: 34px; border: #bbbbbb 1px inset; vertical-align: middle;}