|
|
@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;}
|
|
|
|