@charset "utf-8";
/* base sytle */
*{ padding:0; margin:0; text-decoration:none; box-sizing: border-box; }
a{color:#333;text-decoration:none;}
a:focus{ text-decoration: none;}
a:hover{color:#0086bd;text-decoration:none;}
a,img,li,tr,button,i,input,select,textarea{ transition:all 0.3s ease-in 0s;}
ul,ol{ margin: 0;}
li{ list-style:none;}
img{ border:none; display:block;}

button{ cursor: pointer;}
.fl{ float:left;}
.fr{ float:right;}
.circle{ border-radius:50%;}
.roundcn{ border-radius: 12px;}
.mr20{ margin-right: 20px !important;}
.mr10{ margin-right: 10px!important;}
.mt0{ margin-top: 0!important;}

.header{ height: 80px; background: #fff; border-bottom: 1px #ddd solid; width:100%; clear: both; position: relative;}
.logo{ width:500px; overflow: hidden;}
.logo img{ width: 26px; height: 26px; float: left; margin-top: 2px; margin-right: 10px;}

	
.txt_ct{ text-align: center;}
.txt_ct h2{ font-size: 36px; font-weight: 200; margin: 15px 0;}
.txt_ct p{  color: #999; margin-bottom: 5px;}
.txt_ct p span{ color: #00a9e1;}
.txt_ct p span a{color: #00a9e1;; text-decoration: underline;}
.txt_ct img{ margin:30px auto 10px;}
.textflow{overflow:hidden; display: block;white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;}
table {border-collapse: collapse;border-spacing: 0; }

.breadcrumb{ background: #f0f0f0; height: 32px; line-height: 32px; border-bottom: 1px #fff solid; overflow: hidden;  color:#999; width:100%;}
.breadcrumb span{ color:#111;}
.step_five{ z-index:0; position:relative;width:900px; margin: 20px auto; overflow: hidden;}
.step_five a{ display: block; width: 240px; height: 90px; border: 1px #eee solid; float: left; background: #fff; position: relative;}
.step_five a h4{ font-size:20px; font-weight: 200; text-align: left; margin: 20px 0 5px 0; color: #111;}
.step_five a p{ font-size:14px; font-weight: 200; text-align: left; margin: 0; color: #999;}
.step_five a .no_sp{ font-size:36px; width: 32px; font-weight: 600; font-style: italic; margin: 20px 20px 0 20px; display: block;}
.step_five a:hover,.step_five a.active{ background: #34a1e6; border-color:#3a7be6;
background: -webkit-linear-gradient(45deg,  #34a1e6 , #3a7be6); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(45deg,  #34a1e6, #3a7be6); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(45deg,  #34a1e6, #3a7be6); /* Firefox 3.6 - 15 */
background-color: linear-gradient(45deg,#34a1e6, #3a7be6);  }
.step_five a:hover h4,.step_five a:hover p,.step_five a:hover .no_sp,.step_five a.active h4,.step_five a.active p,.step_five a.active .no_sp,.step_five a:hover i,.step_five a.active i{ color: #fff;}
.step_five a:hover .triangle:after,.step_five a.active .triangle:after{ border-color:transparent transparent transparent #00a9e1; }
.sp1{ width: 160px; height: 90px; background: url(../images/img_sp1.png) right no-repeat;}
.sp2{ width: 160px; height: 90px; background: url(../images/img_sp2.png) right no-repeat;}
.sp3{ width: 160px; height: 90px; background: url(../images/img_sp3.png) right no-repeat;}
.sp4{ width: 160px; height: 90px; background: url(../images/img_sp4.png) right no-repeat;}
.sp5{ width: 160px; height: 90px; background: url(../images/img_sp5.png) right no-repeat;}
 .triangle { z-index:0;display:block;width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent transparent #ddd;position:absolute; top:38px;right:-17px;z-index: 100}
 .triangle:after{z-index:0;content: ''; display:block; width:0;height:0;border-width: 8px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute; top:-8px;right:-7px;}
.container{ width:900px; margin: 20px auto 0; padding: 0; overflow: hidden; position: relative;}
.tit_nml{ font-size: 22px; color: #555; line-height: 65px;border-bottom: 1px #ddd dashed;font-weight: 200;}
.tit_nml i{ font-size:26px; margin-right:15px;vertical-align: middle;}
.tit_nml span{ font-size:14px; margin: 0 15px; font-weight: normal; color: #999;}
.tit_nml span b{ font-weight: normal; color:#00a9e1;}
.tit_nml span b a{ text-decoration: underline;color:#00a9e1;}
.tit_nmlfj{ font-size: 22px; color: #555; line-height: 40px;border-bottom: 1px #ddd dashed;font-weight: 200;}
.tit_nmlfj span{ font-size:14px; margin: 0 0px; font-weight: normal; color: #999;}
.tbl_fm{ width:100%; margin:15px auto;  font-weight: normal;}
.tbl_fm input,.tbl_fm select,.tbl_fm textarea{ width:210px; height: 30px; background:#fff; border:1px #ddd solid; padding:0 10px; border-radius: 2px;box-shadow: inset 0 1px 4px rgba(153, 153, 153, 0.15); }
.tbl_fm textarea{ resize: none; width: 848px; height: 80px; margin: 0; overflow-y: auto; padding: 3px 10px;font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif; }
.tbl_fm select{ width:230px; padding: 0 5px;}
.tbl_fm input:focus,.tbl_fm select:focus,.tbl_fm textarea:focus{ border-color:#00a9e1;}
.minfont{ font-size:11px;}
.tbl_fm label{ vertical-align:middle;width:170px;}
.tbl_fm th,.tbl_fm td{ padding:10px; border:1px #eee solid;}
.tbl_fm th{ width:180px; text-align: right; line-height: 28px; background:#f9f9f9;font-weight: 200;
color: #666;}
.tbl_fm td{ width:220px; vertical-align: middle; position:relative;}
.tbl_confm{ width:100%; margin:15px auto;  font-weight: normal;table-layout:fixed;}
.tbl_confm th,.tbl_confm td{ padding:10px; border: 1px #ddd solid; color: #333;}
.tbl_confm th{ width:120px; padding-right: 10px; background: #f9f9f9; color: #666; text-align: right; font-weight: normal;}
.tbl_confm input,.tbl_confm select{ border: none; background: none;}
.bg_peio{ background: #e5f1fd; border: 1px #c6d3dd solid;}
.bg_peio h4{ margin:20px; color: #02477f;}
.bg_gongyr{background: #f1fdf3; border: 1px #c6d3dd solid;}
.bg_gongyr h4{ margin:20px; color: #013d0b;}
.ifmarry{ font-weight: bold;color: #00a9e1;}
.iftogether{ font-weight: bold;color: #29964d;}
.ifprovince{ font-weight: bold;}
.yzm{position: absolute;top: 50px; right: 40px; cursor: pointer;}
.yzm_input{ margin-top:5px;}

.ico_spstate{ position: absolute; color:#86b76e;right: 0;top: 25px; font-size: 36px;}
.btn_nml{padding: 0 20px; background: #fff; border-radius: 4px; height: 40px; border: 1px #ddd solid; color: #555; font-size: 16px; margin: 20px auto; cursor: pointer; display: block;}
.btn_nml:hover{ color: #00a9e1;}
.btn_main{ background: #00a9e1; border:none;
 color: #fff;}
.btn_main:hover{ background: #0086bd; color: #fff;}
.infor_uld{ width:580px; margin:20px 0; position: relative;font-size: 14px;}
.infor_uld h5{  height: 30px; font-size: 14px;}
.infor_uld input{background: #fff;width: 100%;}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
	opacity: 0;}
	
.custom-file-label {
    position: absolute;
   
    right: 0;    top:30px;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    
    color: #666;
    background-color: #fff;
    border: 1px solid #ced4da;
	border-radius: .25rem;line-height: 1.5;}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    line-height: 1.6;
    padding: .375rem .75rem;
    
    color: #00a9e1;
    content: "选择并上传";
    background-color: #fff;
    border-left: 1px solid #ced4da;
	border-radius: 0 .25rem .25rem 0;}


/*--footer--*/
.footer{ padding: 40px; border-top: 1px #ddd solid; color:#999; overflow: hidden; margin-top: 60px;}

/*--overlay--*/
.md-modal {position: fixed;top: 25%;left: 50%;width: 800px;z-index:10002;visibility: hidden; margin-left: -400px;}
.md-show {visibility: visible;}
.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 10001;opacity: 0;background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show ~ .md-overlay {opacity: 1;visibility: visible;}

/* Content styles */
.md-content {background: #fff;position: relative;margin: 0 auto; }
.md-content h3 { text-align: left; font-weight: normal; color: #666; line-height: 39px; padding: 0 15px; border-bottom: 1px #ddd solid; overflow: hidden;}
.md-effect .md-content {-webkit-transform: translateY(20%);-moz-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show.md-effect .md-content {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
.btn_close{ border:none; color: #999; background: none;  cursor: pointer;-webkit-transition: all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s; float: right; display: block; line-height: 40px;}
.btn_close:hover{ color:#1a7199;}
.tit_md{  font-weight: normal; color: #ed486f;}
.pall15{ padding: 15px; overflow: hidden; font-size:14px;}
.tarea_all{ width: 770px; margin: 10px auto; overflow: hidden; resize: none; padding: 10px; height: 100px;background:#fff; border:1px #ddd solid; border-radius: 2px;box-shadow: inset 0 1px 4px rgba(153, 153, 153, 0.15); }
.btn_m_yin{-moz-box-shadow:0px 10px 20px rgba(186,227,242,0.8); -webkit-box-shadow:0px 10px 20px rgba(186,227,242,0.8); box-shadow:0px 10px 20px rgba(186,227,242,0.8);}
.txt_n{ text-align: left;}

.step_three a{ width:300px;}
.step_three a h4{ font-size:24px; margin: 15px 0 5px 0;}
.step_three a .no_sp{ font-size:56px; width: 56px; margin: 6px 20px 0 20px;}
.step_three .sp1,.step_three .sp2,.step_three .sp3{ width: 190px;}
.red{ color:#ed486f!important;}
.tbl-main{ background: #fff;  text-align: left;table-layout:fixed;border: 1px #ddd solid; }
.tbl-main th,.tbl-main td{ line-height: 36px;overflow: hidden; padding: 0 10px; border: 1px #ddd solid;}
.tbl-main tr{ color: #666;}
.tbl-main tr:nth-child(even) { background: #f7f7f7;}
.tbl-main tr:hover{ background: #f1f5f8;}
.tbl-main th{ /*background: #e5f1fd;*/ cursor: default; color: #333; line-height: 24px;background: #f9f9f9;}
.btn_edit,.btn_del{ display:inline-block; margin: 0 5px; float: left;text-align: center;}
.btn_edit i,.btn_del i{  color: #999; display:block; width: 24px; height: 24px; line-height: 22px; border: 1px #ddd solid; border-radius: 50%;}
.btn_edit i:hover{ color:#fff; background: #00a9e1; border-color: #00a9e1}
.btn_del i:hover{ color:#fff; background: #ed486f; border-color: #ed486f}
.sub_page{padding:0 0 30px 0; overflow: hidden; }
.sub_page ul{text-align:center;margin:0 auto;overflow:hidden;height:30px;}
.sub_page li{ display:inline-block;height:28px;line-height:28px;}
.sub_page li a{background-color:#FFF; border: 1px #ddd solid; border-radius: 4px; margin:0 1px;padding:4px 8px;color:#666;}
.sub_page li a:hover{background-color:#00a9e1;color:#FFF; border-color:#00a9e1;cursor: pointer;}
.sub_page li.active a{color:#00a9e1;background-color:transparent; border: none;}
.sub_page li.active a:hover{ cursor: default;}
.sub_page li.disabled a{ color:#999; border-color:#eee;}
.sub_page li.disabled a:hover{ cursor: default; background:#fff;}
.num_result{ height: 30px; line-height: 30px; color: #999;}
.num_result a{ margin-left: 15px; color: #00a9e1; text-decoration: underline;}
.tbl_page{ margin: 15px 0; overflow: hidden;}
.bg_fixbtm{ position: fixed; left: 0; bottom: 0; height: 86px; background: #fff; background: rgba(255,255,255,0.9); z-index: 1; width: 100%;-moz-box-shadow:0px -2px 7px rgba(153,153,153,0.1); -webkit-box-shadow:0px -2px 7px  rgba(153,153,153,0.1); box-shadow:0px -2px 7px rgba(153,153,153,0.1);}
.ac_coname{ margin-top: 15px;}
.ac_coname p{  color: #999; margin: 5px 0;}
.ac_coname h4{ font-size: 18px; color: #333; font-weight: normal;}
.btn_tbltit{ height: 28px; line-height: 22px; background: #fff; border:1px #ddd solid; border-radius: 4px; padding: 0 8px; color: #666;}
.btn_tbltit i{ margin-right: 5px; }
.btn_tbltit:hover{ color: #fff;background: #00a9e1; border-color:#00a9e1;}
.tp_sml{ top:10%;}
.tbl_fm .red{ font-style: normal; margin-left: 5px;}
.md-sml{ width:610px;margin-left: -305px;}
/*--jindutiao--*/
.progress{ height: 6px;background: #eee;border-radius: 3px;overflow: visible;position: relative;}
.progress .progress-title{
    padding: 7px 10px;
    margin: 0;
    background: #393a3d;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 7px 7px rgba(0,0,0,0.4);
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: -13px;
    left: 0;
    z-index: 1;
}
.progress .progress-title:after{
    content: "";
    border-left: 17px solid #393a3d;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    position: absolute;
    top: 0;
    right: -17px;
}
.progress .progress-bar{height: 6px; border-radius: 3px;position: relative; -webkit-animation: animate-positive 2s;animation: animate-positive 2s; }
.progress .progress-bar:after{content: "";width: 15px;height: 15px;border-radius: 50%;box-shadow: 0 5px 5px rgba(0,0,0,0.2);background: #fff;position: absolute;right: -5px;top: -6px;}
.progress .progress-value{width: 45px;height: 30px;line-height: 30px;border-radius: 3px;background: #393a3d;box-shadow: 0 5px 5px rgba(0,0,0,0.1);font-weight: 700;color: #fff;text-align: center; position: absolute;bottom: 30px;right: -17px; z-index: 2;}
.progress .progress-value:after{
    content: "";
    border-top: 7px solid #393a3d;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -7px;
    left: 35%;
}

@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}   
.infor_uld h5 a{ font-weight: normal; color: #00a9e1;}
.txt_com{  margin: 10px 0; color: #999;}
.txt_com a{color: #00a9e1; text-decoration: underline;}
.upload3{ width:360px; overflow: hidden; float: left; margin: 20px 0;}
.upload3 p{ color: #999; margin: 2px 0 10px;}
.uld3{ display: block; border: 1px #ddd solid; background: #fff; height: 200px; text-align: center;}
.uld3:hover{ border: 1px #00a9e1 solid;}
.uld3 i{ margin-top: 56px; color: #bbb; display: block; font-size: 56px;}
.mlr60{ margin-left: 60px; margin-right: 60px;}
.md-lgr{ width:900px; margin-left: -600px;}
.tbl_srhsml{ margin: 0 0 12px;}
.tbl_srhsml th{ text-align: right; color: #333; padding-right: 10px;}
.tbl_srhsml input,.tbl_srhsml select,.tbl_srhsml textarea{ width:160px; height: 30px; background:#fff; border:1px #ddd solid; padding:0 10px; border-radius: 2px;box-shadow: inset 0 1px 4px rgba(153, 153, 153, 0.15); }
.tbl_srhsml textarea{ resize: none; width: 848px; height: 80px; margin: 0; overflow-y: auto; padding: 3px 10px;font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif; }
.tbl_srhsml select{ width:230px; padding: 0 5px;}
.tbl_srhsml input:focus,.tbl_srhsml select:focus,.tbl_srhsml textarea:focus{ border-color:#00a9e1;}
.btn_srhsml{ background: #fff; border: 1px #ddd solid; height: 30px; line-height: 26px; padding: 0 15px; border-radius: 4px; color: #666;}
.btn_srhsml:hover{background: #00a9e1; color:#fff; border-color:#00a9e1;}
.tbl_blank{ font-size: 24px; text-align: center; margin: 60px auto; overflow: hidden; font-weight: 200; color: #999;}

.upl_com h4{ font-size:16px; font-weight:200; margin-top:10px;}
.showfilepicbox{ overflow:hidden; width:100%;}
.dropzone{ border:1px #ddd dashed !important; margin:10px 10px 0 0; padding:5px 28px!important; height:80px;}
.needsclick{ font-size:30px; color:#aaa;line-height: 45px!important; margin:10px 0 !important;}
.fj_img{ width:80px; height:80px; margin:10px 10px 0 0;}
.fj_img img{ width:100%; height:100%;}
.upl_com h4 span{ font-size:14px; color:#999; margin-left:10px;}
.fj_del{left: 60px !important;top: -70px !important; z-index:0!important;}
.tit_lgr{ padding: 10px 30px 30px; background: #fff; margin: 20px 0; overflow: hidden; font-size: 16px; line-height: 28px; color: #666;}
.tit_lgr h4{font-size:24px; text-align: center; font-weight: 200; padding: 20px 0; color: #111;}
.mt30{ margin-top: 30px!important;}
.div_l_infor{ overflow: hidden; border-top: 1px #ddd dashed;}
.bg_tr{ background: #f0f0f0; }
.bg_tr td{color: #111;}
.tbl_infor tr{ height: 36px;}
.tbl_infor th,.tbl_infor td{ text-align: center;}
.tbl_srhslt select{ width:140px;}
.div_agt{ border:4px #ddd double; padding: 15px; overflow-y: auto; height: 400px;}
.mk_agt{ line-height: 46px; text-align: center; margin-top: 10px;}
.mk_agt label{ margin: 0 5px; font-size: 16px; letter-spacing: 1px;}
.mk_agt button{ margin: 5px auto 0;}
.txt_disad{ background: none; border: none; width:auto;}
.tit_nml b{ margin: 0 10px;}

.div_nav{ width:1200px; margin: 0 auto;}	
.ul-reset {padding-left: 0;margin-top: 0;margin-bottom: 0;}
nav > ul > li {display: inline-block;font-size: 16px;position: relative;}
nav > ul > li:first-child {padding-left: 0;}
nav > ul > li:last-child {padding-right: 0;}
nav > ul > li > a {
display: block; padding: 0 30px; text-align: center;position: relative;color:#999;line-height: 78px;}
nav > ul > li:hover > a {color: #333;  background: #f9f9f9;}
.mega-menu {background: #f9f9f9;display: none; position: absolute;text-align: left;z-index: 1; border: 1px #ddd solid; box-shadow: 0 2px 7px rgba(221,221,221,0.75);}
.mega-menu ul {float: left;margin-bottom: 20px;margin-right: 40px;}
.mega-menu ul:last-child {margin-right: 0;}
.mega-menu a {padding: 8px 15px;color: #999;display: block;}
.mega-menu a:hover {color: #fff; background: #00a9e1;}
.droppable {position: static;}
.droppable:hover .mega-menu {display: block;}
nav > ul > li > a img{ width:40px; height: 40px; display: inline-block; vertical-align: middle;}
 
.tbl_fm2 input,.tbl_fm select{ width:180px; }
.tbl_fm2 textarea{ width: 800px;}
.tbl_fm2 td{ width:220px; }
.tbl_fm2 th{ width:170px; } 
.jqueryValidataForm .error{border-color: #F17C67;}
.jqueryValidataForm label{
	display: block;
}
/*--loader--*/
.loader {position: fixed; width: 60px; height: 60px; left: 50%; top: 50%; margin:-30px 0 0 -30px; z-index: 99999;display: inline-block; vertical-align: middle; }
.loader-3 .dot { width: 10px; height: 10px; background: #00a9e1; border-radius: 50%; position: absolute; top: calc(50% - 5px); }
.loader-3 .dot1 { left: 0px; -webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite; animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite; }
.loader-3 .dot2 { left: 20px; -webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite; animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite; }
.loader-3 .dot3 { left: 40px; -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite; animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite; }
@-webkit-keyframes dot-jump {
0% { -webkit-transform: translateY(0);transform: translateY(0);}
100% { -webkit-transform: translateY(-15px);transform: translateY(-15px);}}
@keyframes dot-jump {
 0% {-webkit-transform: translateY(0);transform: translateY(0);}
 100% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
 @-webkit-keyframes ball-turn {
 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.overLoading {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f5f5f5;
opacity:0.5;
z-index: 1000;
}

/*--20190621--*/
.containerzq{ padding:0 10px;}


.stepbg{
width:100%; 
height:70px; 
margin-top:20px; border-bottom:1px #ddd solid; 

}
.stepbg .stepbar{

margin: 0 auto;

position: relative;
overflow: hidden;
height:72px;
}
.stepbg .stepbar .stepbarcel{
float:left;
width:257px;
height: 70px; 
}
.stepbg .stepbar .stepbarcel.active{
border-bottom: 4px solid #00a9e1;
}
.iconbg01, .iconbg02, .iconbg03,.iconbg04{
float:left;
width:64px; 
height:64px; 
margin:0 6px;  
}
.iconbg01{
background:url(../images/stepicon01.png) no-repeat; 
}
.iconbg01.active{
background:url(../images/stepicon01s.png) no-repeat; 
}
.iconbg02{
background:url(../images/stepicon02.png) no-repeat; 
}
.iconbg02.active{
background:url(../images/stepicon02s.png) no-repeat; 
}
.iconbg03{
background:url(../images/stepicon03.png) no-repeat;
}
.iconbg03.active{
background:url(../images/stepicon03s.png) no-repeat; 
}
.iconbg04{
background:url(../images/stepicon04.png) no-repeat; 
}
.iconbg04.active{
background:url(../images/stepicon04s.png) no-repeat; 
}
.stepbg .stepbar .stepbarcel .titlediv{
float:left;
}
.stepbg .stepbar .stepbarcel .titlediv .titletext{
margin-top:5px; 
line-height:30px; 
font-size:16px; 
font-weight:bold; 
color:#333;
}
.stepbg .stepbar .stepbarcel .titlediv .tiptext{
font-size:13px; 
font-weight:lighter; 
color:#888;
}
.stepbg .stepbar .steparrow{
float: left;
width:64px;
height:64px;
background:url(../images/steparrow.png) center center no-repeat;
}

/*----------新的合同流程样式-----------*/
.htstepbg{
	width:100%; 
	height:70px; 
	margin-top:20px; 
	/*background:#fafafa;*/
	}
.htstepbg .htstepbar{
	width: 900px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;border-bottom: 1px #ddd solid;
	}
.htstepbg .htstepbar .htstepbarcel{
	float:left;
	width:148px;
	padding:5px 0;margin-bottom: -1px;
	}
.htstepbg .htstepbar .htstepbarcel.active{
	border-bottom: 4px solid #00a9e1;
	color:#337fdf;
	}
.htstepbg .htstepbar .htstepbarcel .hticonbg01, .hticonbg02, .hticonbg03, .hticonbg04, .hticonbg05{
	float:left;
	width:50px; 
	height:50px; 
	
	}
.hticonbg01{
	background:url(../images/hticon01.png) no-repeat; background-size:50px;
	}
.hticonbg01.active{
	background:url(../images/hticon01s.png) no-repeat; background-size:50px;
	}
.hticonbg02{
	background:url(../images/hticon02.png) no-repeat; background-size:50px;
	}
.hticonbg02.active{
	background:url(../images/hticon02s.png) no-repeat; background-size:50px;
	}
.hticonbg03{
	background:url(../images/hticon03.png) no-repeat; background-size:50px;
	}
.hticonbg03.active{
	background:url(../images/hticon03s.png) no-repeat; background-size:50px;
	}
.hticonbg04{
	background:url(../images/hticon04.png) no-repeat; background-size:50px;
	}
.hticonbg04.active{
	background:url(../images/hticon04s.png) no-repeat; background-size:50px;
	}
.hticonbg05{
	background:url(../images/hticon05.png) no-repeat; background-size:50px;
	}
.hticonbg05.active{
	background:url(../images/hticon05s.png) no-repeat; background-size:50px;
	}
.htstepbg .htstepbar .htstepbarcel .httitlediv{
	float:left;
	}
.htstepbg .htstepbar .htstepbarcel .httitlediv .httitletext{
	line-height:70px; 
	font-size:16px; 
	font-weight:bold; 
	/*color:#333;*/
	}
.htstepbg .htstepbar .htsteparrow{
	float: left;
	width:40px;
	height:60px;
	background:url(../images/steparrow.png) center center no-repeat;background-size: 40px;
	}
.tabnewbg{
width:100%; 
height:50px; margin-top:10px;
 border-bottom:1px #ddd solid; 

}
.tabnewbg .tabnewbar{

margin: 0 auto;

position: relative;
overflow: hidden;
height:52px;
}
.tabnew{ height:50px; line-height:50px;float: left;padding: 0 20px; cursor:pointer;font-size: 16px;
border: 1px #ddd solid;box-sizing: border-box;background: #f4f4f4;color: #888;
border-radius: 6px 6px 0 0;margin-right: 5px;font-weight: bold; transition:all 0.3s ease-in 0s;}
.tabnew.active{border-bottom: 1px #fff solid;background: #fff;color: #00a9e1;}
.tabnew:hover{color: #00a9e1;}
.pickbtns{overflow:hidden;height:400px;}
.pickbtns li{ width:50%; float:left; 
height: 170px; margin-bottom:20px;}
.pickbtns li a{ display:block; margin:10px; border:1px #ddd solid; background:#fafafa; height:170px;}
.pickbtns li i{ display:block; width:90px; height:90px; float:left;font-size:90px; color:#ccc;
margin: 40px;}
.pickbtns li h4{ font-size: 30px;
margin-top: 25px;
margin-bottom: 25px;
font-weight: 200;}
.pickbtns li p{ line-height: 26px; color:#888;
font-size: 16px;}
.pickbtns li div{ width:200px;}
.pickbtns li{ width:50%; float:left;}
.pickbtns li a:hover{ border-color:#00a9e1; margin-top:0px;box-shadow:0 3px 4px rgba(153,153,153,0.3);}
.pickbtns li:hover{ cursor:pointer;}
.pickbtns li:hover i{ color:#00a9e1;}
.btn_back_bread{float: right;
position: absolute;
right: 0;
top: 75px;
z-index: 2;}
.div_l_infor h4{ border-bottom:none;}
.banner .title img{ float:left;}
.linecolor{ height: 4px;background: #36ace0;
background: -webkit-linear-gradient(0deg, #36ace0 , #3bcb8c,#f90); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(0deg,#36ace0, #3bcb8c,#f90); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient( 0deg,#36ace0, #3bcb8c,#f90); /* Firefox 3.6 - 15 */
background-color: linear-gradient(90deg,#36ace0, #3bcb8c,#f90); }
.div_top{ background: #f7f7f7; color: #999; height: 32px; line-height: 32px; overflow: hidden; font-size:14px;}
.editfor {width: 70px;right: 10px;bottom: 10px;z-index: 10;position: fixed;}
.editfor a { float: left;display: block;width: 70px;height: 70px;text-align: center;line-height: 70px;background: #ccc;opacity: 0.9;color: #fff;}
.editfor a i {font-size: 36px;}
.editfor a:hover {background-color: #00a9e1;}
.editfor a:hover {color: #fff;}
.htstepbarcel i{ font-size: 40px;
float: left;
margin: 5px 5px 0 0;
vertical-align: middle;
color: #ccc;}
.titlediv{ float:left;}
.titletext{ font-size:16px; font-weight:200; color:#333;}
.tiptext{ color:#999;}
.htstepbg .htstepbar .htstepbarcel.active i,
.htstepbg .htstepbar .htstepbarcel.active .titletext,
.htstepbg .htstepbar .htstepbarcel.overit i,
.htstepbg .htstepbar .htstepbarcel.overit .titletext{color:#00a9e1;}
.stepbarcel i{ font-size: 54px;
float: left;
margin: 5px 5px 0 0;
vertical-align: middle;
color: #ccc;}
.titlediv{ float:left;}
.titletext{ font-size:16px; font-weight:200; color:#333;}
.tiptext{ color:#999;}
.stepbg .stepbar .stepbarcel.active i,
.stepbg .stepbar .stepbarcel.active .titletext,
.stepbg .stepbar .stepbarcel.overit i,
.stepbg .stepbar .stepbarcel.overit .titletext{color:#00a9e1;}
.ico_liucheng{font-size: 30px;height: 63px;
line-height: 63px;
float: left;
color: #ddd;}
.ico_liucheng_at{ color:#00a9e1;border-bottom: 4px solid #00a9e1;
display: block;}