@charset "utf-8";
/* CSS Document */

body{ background:#f2f2f2;margin: 0px; padding: 0px;font-family: "Microsoft YaHei","Lato","Helvetica Neue",Helvetica,Arial,sans-serif; min-width:1400px;}
ul{ list-style:none;}
a{ text-decoration:none;}

.red{ color:#f00}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}


.index_con{ width:90%; margin:0 auto; margin-top:30px; margin-bottom:40px;}
.indexPart_01{ height:375px; color:#fff;}


.col1{ background:#2794f1; width:25%; height:375px; float:left;}
.col2{ background:#aac750; width:18%; height:375px; margin:0px 0.5%; float:left; line-height:45px;}
.col3{ width:18.5%; float:left;}
.col4{  background:#5cbefd; height:183px; width:100%; border: 1px solid #5CBEFD; line-height: 45px;}
.col5{ background:#ffaf5a; height:183px; margin-top:5px; width:100%; border: 1px solid #FFAF5A; line-height: 45px;}

.col4 span, .col5 span{ font-size:20px; width:100%; display:block; text-align:center; margin-top:45px;}
.col4 font, .col5 font{ font-size:26px; width:100%; display:block; text-align:center; }


.col2 span{ font-size:20px; width:100%; display:block; text-align:center; margin-top:45px;}
.col2 font{ font-size:26px; width:100%; display:block; text-align:center; }
.col2 p{ display:block; width:145px; height:145px; margin:0 auto; margin-top:30px; background:url(../images/col2_02.png) no-repeat center; background-size:100% 100%;  text-align:center;}
.col2 p img{ margin-top:40px;}
.col2 p i{ background:url(../images/col2_01.png) no-repeat center; display:block; width:56px; height:56px; margin:0 auto; margin-top:20px;}


/*个人信息*/
.index_proinfo{ background:#68b4f5; height:150px;}
.index_proinfo i{ background:#0096eb url(../images/col1_icon.png) no-repeat center; display:block; width:100px; height:100px; border-radius:50px;float: left;
    margin-left: 40px;
    margin-top: 25px;}
.index_proinfo  div{ float:left; width:150px;margin-top: 40px;  margin-left: 20px;}
.index_proinfo  div font{ width:100%; display:block; height:30px; line-height:30px;}

.col1 ul li{line-height:30px; height:30px; font-size:14px;}
.col1 h3{ padding-left:30px;}



/*第二部分*/
.index_wg{ background:#fff; border:1px solid #d8d8d8; margin-top:5px;}
.indexPart_02{ margin-top:30px;}
.indext_tit{ background:#e1e1e1; width:99%; height:40px; color:#000;     border-radius: 5px 5px 0px 0px; line-height: 40px; padding-left:1%; font-weight: bold;}

.index_play{ width:100%; margin-top:5px;}
.index_play li{ width:20%; float:left; text-align:center; height:120px; margin-top:20px;}
.index_play li font{ display:block; width:100%; text-align:center; margin-top:10px;}
.index_play li a{ color:#000;}


/*第三部分*/
.indexPart_03{ margin-top:30px;}
.index_Matter table{ width:100%;}
.index_Matter table th{ text-align:left; height:45px; line-height:45px; color:#b0b0b0; padding-left:3%; border-bottom:1px solid #d6dae6;}
.index_Matter table td{ text-align:left;padding-left:3%; height:35px; line-height:35px; font-size:14px; border-bottom:1px solid #d6dae6;}


/*第四部分*/
.indexPart_04{ margin-top:30px; height:362px;}
.indexPart_04_left{ width:25%; float:left;height:200px;}
.indexPart_04_lleft{float：left; width:49%;margin-top:30px; height:362px;}
.indexPart_04_right{ width:74%; float:right; height:200px;}
.indexPart_04_rright{ float：left;width:49%; margin-top:30px; height:362px;}
.index_info table{ width:100%;}
.index_info table th{ text-align:left; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #f2f2f2;padding-left:3%}
.index_info table td{ text-align:right; font-size:14px; height:40px; line-height:40px;  border-bottom:1px solid #f2f2f2; padding-right:3%}

.index_tj{ height:328px;}




.fleft {float:left;}
.fright {float:right;}
.flbox {width:34%;position:relative;}
.frbox {width:64%;position:relative;}
.clearfix {clear:both;overflow:hidden;}
.pd {padding: 15px;}
.mt {margin-top:15px;}
.show-num-mod {
    margin: 25px 15px 0px 0px;
}
.columns-mod .bd{background-color:#fff;}

.columns-mod .hd a.menu-opt-area{cursor:pointer;background:url(../images//menu_opt.png) no-repeat; position:absolute; right:0px; top:0px; display:block; width:30px; height:30px;}
.columns-mod .hd a.menu-opt-area:hover{ background-position:-30px 0px; text-decoration: none; border-bottom: 0px;}
.shortcut li {width: 20%;
    float: left;
    text-align: center;
    height: 120px;margin-top:5px;}
.shortcut li a {display:block;padding-top:16px;color:#404040;}
.shortcut li a:hover {border:none;color:#3EAFE1;}
.shortcut li img {width:50px;height:50px;}
.shortcut li font {    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;}

.systemsinfo th,.systemsinfo td {font-size: 14px;
    height: 40px;
    line-height: 40px;}    
.systemsinfo th{
    text-align: left;    
    padding-left: 3%;
    width:30%;
}
.systemsinfo td {    
    text-align: right;
    width:60%;
    padding-right: 3%;}
.wait table {width:100%;text-align:center;}
.wait td {line-height:32px;}
.wait th {line-height:60px;}
.wait a{color:#3EAFE1;text-decoration:underline;}
.wait a:hover {cursor:pointer;}
.wait td:first-child{width:20%;}
.wait td:nth-child{width:60%;}
.wait td:last-child{width:20%;}
.personal{box-sizing:border-box;}
.personalinfo i img{ margin-top:10px;}
.personalinfo i{ display:block; width:80px; height:80px; background:#f1f5f7; border-radius:80px; text-align:center; vertical-align:middle; float:left;}
.personal .personalinfo span{}
.personalinfo{height: 85px;
    margin-top: 25px;}
.personal .personalinfo span:first-child{font-size:16px;}
.personal .personalinfo span:last-child{font-size:16px;color:#3EAFE1;}
.personal li {line-height:28px; font-size:14px; color:#222;}
.personal  .per_l{ width:40%; padding:10px 0px 0px 5%;float:left;}
.personal  .per_r{ width:50%; float:right; border-left: 1px dashed #ddd; height:255px;}
.personal .per_wel  { background: #f1f5f7;
    float: left;
    padding: 3px 20px;
    border-radius: 20px;
    margin-top: 25px;
    margin-left: 10px; }

.datatit{    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #ddd;
    width: 252px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px; }
    
.datatit img{    margin-top: 5px;
    margin-right: 10px;
    float: left;}
.shortcutfram {border-radius:4px;}
.layui-layer-setwin a {border:none;}
.warntable{ width:100%;  }
.warntable th, .warntable td{ text-align: center;  }
.warntable th{ height: 30px; line-height: 30px; text-align: center;  }
.warntable td a{ color: #3EAFE1; }

.warntable th:first-child, .warntable td:first-child {width:96px;}
.warntable th:last-child, .warntable td:last-child {width:333px;}