@charset "utf-8";

@font-face {
  font-family: 'PingFang';
  src: url("../fonts/PingFang-SC-Regular.otf");
  font-weight: 400;
}


/* CSS Document */
html{-webkit-text-size-adjust:none; font-family:"微软雅黑"}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; -webkit-text-size-adjust:none; background:#EEF5F9}
img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}
h2 { font-weight:600}

input,textarea,button { outline:none; border:0; font-family:"微软雅黑"}
input:focus,textarea:focus,button:focus { outline:none; border:0;}


a { outline:none;-moz-outline:none; color:#333; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none}
a:hover { color:#FF6601}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1276px; margin:0 auto}

@media all and (max-width:1200px){

}
@media all and (max-width:800px){

}


.login { position:absolute; top:50%; height:400px; width:1100px; left:50%; margin-left:-550px; margin-top:-200px; background:#fff; box-shadow:0 0 10px #666; border-radius:10px}
.login img { display:block; margin-top:110px; height:200px; margin-left:80px; float:left}
.login .login_s { float:right; width:480px}
.login .login_s h2 { padding-top:60px; font-size:18px; font-weight:bold; line-height:40px; height:50px; width:400px;}
.login .login_s h2 span { position:relative; z-index:222}
.login .login_s h2 a { display:block; margin:0 auto; width:50%; line-height:40px; font-size:18px; position:relative; text-align:center; color:#333; cursor:pointer}
.login .login_s h2 a.on i { display:block; position:absolute; bottom:10px; height:7px; width:40px; left:50%; margin-left:-20px; background:#007bff; z-index:1}
.login .login_s h2 a.on {}


.login .login_li { padding-top:10px; width:400px;}
.login .login_li ul li { position:relative; height:42px; border-bottom:1px #ddd solid; width:300px; margin:0 auto 20px auto}
.login .login_li ul li i { display:block; line-height:40px; font-size:18px; color:#888; width:30px; text-align:center; float:left}
.login .login_li ul li .inp1 { width:250px; line-height:40px; height:40px;}
.login .login_li ul li a { color:#007bff}

.login .login_li .tijiao { width:300px; margin:0 auto; margin-top:50px}
.login .login_li .tijiao input { line-height:30px; text-align:center; display:block; width:100%; background:#007bff; color:#fff; font-size:16px; border-radius:5px; cursor:pointer}


footer { height:40px; position: absolute; left:0; bottom:0; right:0; background:#f5f5f5; z-index:11; text-align:center; line-height:40px; font-size:14px;}

header { height:70px; position: absolute; left:0; top:0; right:0; background:#1E88E5; z-index:666; text-align:right; line-height:70px; color:#eee}
header .head_logo { width:240px; height:70px; background:#1C81D9; float:left}
header .head_logo img { display:block; margin:0 auto; padding-top:16px}
header a { color:#fff; text-decoration:underline; margin-right:20px; margin-left:10px}

.index_l { position:absolute; left:0; width:240px; top:70px; bottom:0; background:#fff; box-shadow:0 0 10px #ccc; overflow-y: scroll; z-index:66;}
.index_l::-webkit-scrollbar {
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
.index_l::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #1E88E5;
  }
.index_l::-webkit-scrollbar-track {
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #EFEFEF;
  }

.index_l h3 { text-align:center; padding-top:15px; line-height:34px; color:#888; padding-bottom:10px}
.index_l h3 a { padding:0 20px}


.index_l ul { width:200px; margin:0 auto}
.index_l ul li { padding:0 5px; overflow:hidden}
.index_l ul li a.tn { display:block; height:42px; line-height:42px; font-size:16px}
.index_l ul li i { display:block; float:left; line-height:42px; font-size:16px; color:#888; text-align:center; width:40px}
.index_l ul li.nav_on a.tn { background:#26C6DA; color:#fff; border-radius:5px; box-shadow:0 0 10px #ccc}
.index_l ul li.nav_on i { color:#fff}

.index_l ul li h4 { display:none}
.index_l ul li h4 a { padding-left:40px; line-height:34px; display:block; color:#888}
.index_l ul li h4 i { display:none; color:#888; float:right; line-height:34px; padding-right:0px}
.index_l ul li.nav_on h4 i { color:#888;}

.index_l .kefu { width:132px; height:34px; text-align:center; margin:0 auto; padding-top:20px}
.index_l .kefu a { display:block; background:#FFB22B; color:#fff; text-align:center; border-radius:5px; box-shadow:0 0 5px #ccc; height:34px; line-height:34px}


.index_r { position:absolute; right:20px; left:260px; top:90px; bottom:20px; background:#fff; border-radius:5px; box-shadow:0 0 10px #ccc; overflow:hidden; border:1px #ccc solid}



.index_r .index_gg { float:right; width:25%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0; }


body.b1 { background:#fff;}
body.b1::-webkit-scrollbar {
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
body.b1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #1E88E5;
  }
body.b1::-webkit-scrollbar-track {
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #EFEFEF;
  }

.r_cn { padding:20px 30px}
.r_cn h2 { font-size:18px; line-height:16px; margin-bottom:30px; margin-top:10px;}
.r_cn h2 i { display:block; float:left; width:3px; margin-right:15px; background:#1E88E5; height:16px}

.r_cn .xt_xx { border:1px #ddd solid;}
.r_cn .xt_xx ul li { border-bottom:1px #ddd solid; line-height:38px}
.r_cn .xt_xx ul li h3 { border-right:1px #ddd solid; float:left; width:200px; padding-right:10px; margin-right:20px; background:#eee; text-align:right}

.index_r .index_gg .gg_text { padding:0 20px 10px 20px; font-size:14px; line-height:30px}
.index_r .index_gg .gg_text b { color:red}

.index_r .index_zx { float:left; width:70%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0}
.index_r .index_zx ul { margin:0 20px}
.index_r .index_zx ul li { font-size:16px; line-height:38px; overflow:hidden}
.index_r .index_zx ul li p { display:block; float:left; border:1px #ddd solid; border-radius:5px; margin-right:15px; text-align:center; margin-top:10px; font-size:14px; padding:5px 15px; line-height:20px}
.index_r .index_zx ul li h3 { float:left; width:80px; text-align:right; padding-right:10px; color:#888}
.index_r .index_zx ul li i { color:red}
.index_r .index_zx ul li span { color:#FF6A00}
.index_r .index_zx ul li p:hover { background:#26C6DA; color:#fff; cursor:pointer}



.index_r .index_jl { float:left; width:70%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0; margin-top:30px}
.index_r .index_jl ul { margin:0 20px}
.index_r .index_jl ul li { height:46px; line-height:46px; text-align:center; border-bottom:1px #ddd solid}
.index_r .index_jl ul li h3 { float:left; width:40%; text-align:left; padding-left:20px}
.index_r .index_jl ul li h4 { float:left; width:20%}
.index_r .index_jl ul li.jl_t { height:38px; line-height:38px; background:#eee}




.index_r .index_cx { float:left; width:70%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0;}
.index_r .index_cx h2 { font-size:14px; line-height:24px; padding:0; height:34px; border-bottom:1px #ddd solid}
.index_r .index_cx h2 a { display:block; padding:0 20px; float:left; font-weight:normal}
.index_r .index_cx h2 a.on { color:#1E88E5; font-weight:bold; border-bottom:2px #1E88E5 solid; height:32px}

.index_r .index_cx .cx_zy { background:#FFEDDF; width:90%; margin:0 auto; padding:0 20px; line-height:32px; text-align:right; border-radius:5px; font-size:12px}
.index_r .index_cx .cx_zy h3 { float:left; font-size:12px}

.index_r .index_cx .cx_cn { width:90%; margin:0 auto; padding:20px 20px 0 20px;}
.index_r .index_cx .cx_cn textarea { background:#f5f5f5; display:block; width:100%; margin:10px 0; line-height:20px}
.index_r .index_cx .cx_cn ul { margin-top:20px}
.index_r .index_cx .tijiao { width:210px; text-align:center; margin:0 auto; padding-top:20px}
.index_r .index_cx .tijiao input { display:block; width:100%; font-size:16px; background:#FFB22B; color:#fff; text-align:center; border-radius:5px; box-shadow:0 0 5px #ccc; height:38px; line-height:34px}



.index_r .index_fl { float:left; width:70%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0;}
.index_r .index_fl .text1 { background:#f5f5f5; display:block; width:100%; margin:10px 0; line-height:20px; width:90%; margin:0 auto; height:300px; padding:10px 20px}




.index_r .index_dd { float:left; width:70%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0;}
.index_r .index_dd ul { margin:0 20px}
.index_r .index_dd ul li { height:46px; line-height:46px; text-align:center; border-bottom:1px #ddd solid}
.index_r .index_dd ul li h3 { float:left; width:11.5%;}
.index_r .index_dd ul li.dd_t { height:38px; line-height:38px; background:#eee}
.index_r .index_dd ul li a { color:#1E88E5}

.index_r .index_xx { float:left; width:70%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0;}
.index_r .index_xx ul{ margin:0 20px}
.index_r .index_xx ul li { font-size:16px; line-height:38px; overflow:hidden}
.index_r .index_xx ul li h3 { float:left; width:80px; text-align:right; padding-right:10px; color:#888}
.index_r .index_xx .xx_text { padding:20px; font-size:14px; line-height:32px; text-align:center; background:#FFEDDF; width:90%; margin:20px auto}
.index_r .index_xx .xx_text a { margin:0 10px; color:#1E88E5; text-decoration:underline}


.index_r .index_jk { float:left; width:70%; background:#fff; border:1px #ccc solid; border-radius:5px; padding:20px 0;}
.index_r .index_jk .jk_text { padding:0 20px 20px 20px}







.pages { text-align:center}
.pages a { padding:5px; border:1px #ddd solid; border-radius:3px; margin:0 3px}
.pages a.thisclass { border:1px #333 solid; background:#333; color:#fff}

.pageContent { padding:20px 0px; width:90%; margin:0 auto}
.pageContent h2 { height:60px}
.pageContent h2 a{ font-size:16px; line-height:32px; text-align:center; margin-bottom:30px; margin-top:10px; width:100px; border:1px #26C6DA solid}
.pageContent h2 a.on { background:#26C6DA; color:#fff;border-radius:5px}
.pageContent h2 i { display:block; float:left; width:3px; margin-right:15px; background:#26C6DA; height:16px}



.table { background:#eee}
.table td { padding:5px; background:#fff}
.table tr:hover td { background:#f5f5f5}


.panelBar { padding:15px 0; overflow:hidden}
.panelBar ul li { padding-right:10px; float:left}
.panelBar ul li a { display:block; width:80px; line-height:28px; color:#fff; background:#26C6DA; text-align:center; border-radius:5px; font-size:12px}


.formBar { text-align:center; clear:both}
.formBar button { display:block; width:80px; line-height:28px; color:#fff; background:#26C6DA; text-align:center; border-radius:5px; margin:0 auto; margin-bottom:10px; cursor:pointer}
.tijiao2 { display:block; width:180px; line-height:28px; color:#fff; background:#26C6DA; text-align:center; border-radius:5px; margin:0 auto; margin-bottom:10px; cursor:pointer}

.pageFormContent { clear:both}
.pageFormContent ul li { padding-bottom:15px; overflow:hidden; text-align:center}
.pageFormContent ul li .inp2 { text-align:center; display:block; border-bottom:1px #ddd solid; line-height:32px; height:32px; width:40%; background:#f5f5f5}
.pageFormContent ul li .inp2:focus { border-bottom:2px #26C6DA solid; background:#fff}
.pageFormContent ul li .inp3 { display:block; border-bottom:1px #ddd solid; width:100%; background:#f5f5f5}
.pageFormContent ul li .inp3:focus { border-bottom:2px #26C6DA solid}

.pageFormContent2 { clear:both}
.pageFormContent2 ul li { padding-bottom:15px; overflow:hidden; text-align:right}
.pageFormContent2 ul li h3 { float:left}


.pageFormContent ul li h3 { padding-bottom:10px}
.pageFormContent ul li label { display:block; float:left; padding-right:30px}

.pageFormContent3 { clear:both; border:1px #ddd solid; border-bottom:0 none}
.pageFormContent3 ul li { overflow:hidden; text-align:center; border-bottom:1px #ddd solid; line-height:40px; background:#f9f9f9}
.pageFormContent3 ul li h3 { float:left; width:28%; border-right:1px #ddd solid; background:#fff}
.pageFormContent3 ul li h4 { float:left; width:22%; border-right:1px #ddd solid;}
.pageFormContent3 ul li h4:nth-child(2) { background:#f5f5f5}
.pageFormContent3 ul li h4:nth-child(3) { background:#fff}



.pageFormContent4 { clear:both; border:1px #ddd solid; border-bottom:0 none}
.pageFormContent4 ul li { overflow:hidden; text-align:center; border-bottom:1px #ddd solid; line-height:50px; background:#f9f9f9}
.pageFormContent4 ul li h3 { float:left; width:100px; border-right:1px #ddd solid; background:#fff; text-align:left; padding-left:10px}
.pageFormContent4 ul li h3 img { display:block; width:40px; height:40px; margin-right:15px; border-radius:50%; float:left; margin-top:5px}
.pageFormContent4 ul li span { display:block; float:left; line-height:40px}
.pageFormContent4 ul li h4 { float:left; width:11%; border-right:1px #ddd solid;}
.pageFormContent4 ul li h5 { float:left; width:30px; border-right:1px #ddd solid}
.pageFormContent4 ul li h4:nth-child(6) { background:#fff}
.pageFormContent4 ul li h4:nth-child(4) { background:#fff}


.index { overflow:hidden; max-width:90%; margin:0 auto; padding:20px 0}
.index ul li { border-bottom:1px #ddd solid; padding:15px 0; overflow:hidden}
.index ul li h3 { font-size:16px; font-weight:bold; padding-bottom:10px}
.index ul li h4 { float:right; width:25%; height:32px; line-height:32px}
.index ul li h4 a { display:block; color:#fff; border-radius:5px; width:90%; text-align:center; float:right}
.index ul li h4.a1 a { background:#EF7B84}
.index ul li h4.a2 a { background:#FFCE7B}
.index ul li h4.a3 a { background:#94CEE7}
.index ul li h4.a4 a { background:#7BE7BD}
.index ul li h5 { clear:both; font-size:12px; line-height:20px; overflow:hidden; padding:10px 0}
.index ul li h5 span { display:block; float:left}
.index ul li h5 img { display:block; float:left; margin-left:5px; width:20px; height:20px; border-radius:50%; border:1px #999 solid; padding:1px}


a.s1 { padding:10px 20px; background:#333; color:#fff; border-radius:5px}





.index2 { overflow:hidden; max-width:90%; margin:0 auto; padding:20px 0}
.index2 h2 { display:block; padding:0 20px; float:left; font-weight:normal; background:#26C6DA; color:#fff; border-radius:5px}
.index2 ul { clear:both}
.index2 ul li { float:left; width:20%; padding-top:15px; text-align:center}
.index2 ul li img { display:block; max-width:60%; margin:0 auto; border-radius:50%; border:2px #fff solid}
.index2 ul li.on { color:#26C6DA;}
.index2 ul li.on img { border:2px #26C6DA solid}
.index2 ul li.on h3 { font-weight:bold}
.index2 .tijiao { clear:both; text-align:center; padding-top:15px}
.index2 .tx { padding:10px 0; clear:both}
.index2 .tx input { width:60%; margin:0 auto; line-height:30px; height:30px; background:#f5f5f5; border-radius:5px; display:block; text-align:center}






.pageFormContent6 { overflow:hidden}
.pageFormContent6 .tac img { display:block; width:100px; height:100px; margin:0 auto; border-radius:50%}
.pageFormContent6 h2 { font-size:16px; height:40px; line-height:40px}

.pageFormContent6 ul { overflow:hidden}
.pageFormContent6 ul li { float:left; width:20%; text-align:center; padding-top:10px}
.pageFormContent6 ul li img { display:block; width:60%; margin:0 auto; border-radius:50%}
.pageFormContent6 ul li h3 { font-size:12px; height:30px; line-height:30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.formBar2 { text-align:center}
.formBar2 a.s1 { padding:10px 20px; background:#26C6DA; color:#fff; border-radius:5px; margin:0 5px}
.formBar2 a.s3 { padding:10px 20px; background:#333; color:#fff; border-radius:5px; margin:0 5px}
.formBar2 span { display:block; background:#eee; text-align:center; font-size:18px; line-height:34px; border-radius:5px}
.formBar2 i { color:red}