@charset "utf-8";
/*总体设置(不可更改)*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;border:0;font-family:"微软雅黑";}
select,input{vertical-align:middle;font-size:12px;}
table,tr,td,th{margin:0;padding:0;font-family:"微软雅黑";}
textarea,td,div,input{font-size:12px;}
body{color:#333;font-size:12px;text-align:center; behavior:url(css/iehoverfix.htc);}
ul,ol{list-style:none; }
img{display:block;}
/**清除浮动**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}
/**链接**/
a{outline: none;text-decoration: none; text-decoration:none; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a:hover{text-decoration:none;}
html { overflow-x:hidden; overflow-y:auto;}


/**--------------头部---------------**/
.head { width:100%; height:100px; background-color:#2b3849; position: fixed; top:0; left:0; min-width:1004px; text-align:left; z-index:99999; background-image:url(../images/div_bg01.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover;}
.logo { font-size:30px; font-weight:bold; color:#fff; display:inline-block; vertical-align:middle; padding:0 0 0 24px; line-height:100px;}
.head_right { float:right; display:inline; line-height:100px; padding:0 24px 0 0; height:100px; overflow:hidden;}
.head_right a { height:34px; border:1px solid #fff; border-radius:1000px; font-size:14px; font-weight:bold; color:#fff; line-height:34px; display:inline-block; vertical-align:middle; padding:0 12px; margin-top:32px;}
.head_right a:hover { background-color:#008df1; border:1px solid #008df1;}
.head_right a img { display:inline-block; vertical-align:middle; width:20px; height:auto; margin-right:8px; position:relative; top:-1px;}


/**--------------左侧菜单----------------**/
.menu { position:fixed; left:0; top:100px; bottom:0; width:180px; height:100%; z-index:1; box-sizing:border-box; text-align:left;  }
.menu ul li { height:70px; font-size:17px; font-weight:normal; line-height:70px; text-align:center;}
.menu ul li a { color:#fff; display:block; height:70px;}
.menu ul li a img { display:inline-block; vertical-align:middle; margin-right:10px; position:relative; top:-1px; width:24px;}
.menu ul li.on a {background-image: linear-gradient(to right, rgba(0, 136, 241, 1) 0%, rgba(0, 136, 241, 1) 50%, rgba(0, 166, 241, 1) 100%);}
.menu ul li a:hover { background-color:#008df1;}


/**------------------------主体--------------------------**/
.content { position: absolute; top:100px; left:180px; right:0; bottom:0; background-color:#fff; z-index:2;   box-sizing:border-box; text-align:left; height:100%; }
a.hide { width:10px; height:44px; background-color:#fff; border-right:none; border-radius:5px 0 0 5px; position:fixed; left:170px; top:50%; margin-top:-22px; overflow:hidden; z-index:4; text-align:right; cursor:pointer; -webkit-transition:none;-moz-transition:none;transition:none;}
a.hide img { display:inline-block; vertical-align:middle; margin-top:17px;  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a.hide.hidecontent { left:0; border:none;}
a.hide.hidecontent img { transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
a.hide2 {width:10px; height:44px;  position:fixed; left:-10px; top:50%; margin-top:-22px; overflow:hidden; text-align:center; cursor:pointer; -webkit-transition:none;-moz-transition:none;transition:none; z-index:4; background-color:#485566; border-radius:0 5px 5px 0;}
a.hide2 img { display:inline-block; vertical-align:middle; margin-top:17px;}
.pic_list { display:block;  padding:0 30px 60px 30px; background-color:#fff;} 
.pic_list h2 { height:70px; border-bottom:1px solid #dddddd; position:relative;}
.pic_list h2 strong { font-size:22px; font-weight:bold; color:#008df1; height:70px; display:inline-block; line-height:70px; border-bottom:1px solid #008df1; position:absolute; left:0; top:0;}
.pic_list h2 span { float:right; display:inline; line-height:70px;}
.pic_list h2 span a { font-size:14px; color:#008df1; font-weight:normal;}
.pic_list h2 span a img { display:inline-block; vertical-align:middle; margin-right:6px;}
.pic_list h2 span a:hover { padding:0 5px 0 0;}

.h2_box { display:block; padding:30px 0; font-size:15px; font-weight:normal; line-height:36px; color:#333;}
.h2_box a { display:inline-block; vertical-align:middle; font-size:15px; font-weight:bold; color:#fff; line-height:36px; height:36px; border-radius:5px;background-image: linear-gradient(to right, rgba(0, 136, 241, 1) 0%, rgba(0, 136, 241, 1) 50%, rgba(0, 166, 241, 1) 100%); padding:0 16px 0 6px;}
.h2_box a:hover {background-image: linear-gradient(to right, rgba(255, 126, 0, 1) 0%, rgba(255, 126, 0, 1) 50%, rgba(255, 156, 0, 1) 100%);}
.h2_box a img { display:inline-block; vertical-align:middle; margin-right:4px; position:relative; top:-3px;}
.h2_box select {background:transparent; background-color:#fff; display:inline-block; vertical-align:middle; height:36px; border:1px solid #ccc; border-radius:5px; padding:0 20px 0 10px; box-sizing:border-box; font-size:15px; font-weight:normal; color:#333; appearance:none;-moz-appearance:none;-webkit-appearance:none; background-image:url(../images/icon07_2.png); background-repeat:no-repeat; background-position:90% 15px; margin:0 5px; }
.h2_box select:focus{outline:none;}
.search_box { float:right; display:inline; border:1px solid #cccccc; border-radius:5px; overflow:hidden;}
.search_box .input01 { display:inline-block; vertical-align:middle; width:250px; height:36px; font-size:14px; font-weight:normal; line-height:36px; border:none; padding:0 14px; box-sizing:border-box; color:#333; font-family:"微软雅黑";}
.search_box .input01:focus{outline:none;}
.search_box .input01::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333333;
}
.search_box .input01:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333333;
}
.search_box .input01::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333333;
}
.search_box .input01:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333333;
}
.search_box .input02 { width:46px; height:36px; background-color:#0088f1;display:inline-block; vertical-align:middle; background-image:url(../images/icon_11.png); background-repeat:no-repeat; background-position:7px 4px; border:none; padding:0; border-radius:5px; cursor:pointer;}

.table_box { overflow:hidden; width:100%;}
.table_box table { width:100%;}
.table_box table td { font-size:14px; font-weight:normal; line-height:22px; background-color:#ffffff; text-align:center; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; padding:14px; font-family:Arial, Helvetica, sans-serif; color:#333;box-sizing:border-box;}
.table_box table td font {color:#008df1;}
.table_box table tr:nth-child(odd) td { background-color:#f5f5f9;}
.table_box table tr:nth-child(1) td { background-color:#dfefff;}
.table_box table td.name { height:40px; line-height:40px;  color:#333333; font-size:15px; font-weight:bold; text-align:center; padding:0;}
.table_box table td a { color:#333; display:block; text-align:center;}
.table_box table td a:hover { color:#e04545; }
.table_box table td a.more { width:70px; height:26px; border:1px solid #00acf1; font-size:13px; font-weight:normal; text-align:center; line-height:26px; display:block; margin:0 auto; border-radius:1000px; background-color:#00acf1; color:#fff; padding:0;}
.table_box table td a.more:hover { background-color:#e04545; color:#fff; border:1px solid #e04545; padding:0;}
.table_box table tr:hover td { background-color:#fff4d0;}
.table_box table tr:hover td.name {background-color:#dfefff;}
.table_box table td a.modify { padding:0 10px; height:26px; border:1px solid #00a5f1; border-radius:5px; font-size:14px; color:#00a5f1; text-align:center; line-height:26px; display:inline-block; vertical-align:middle; margin:3px 5px; display:inline-block; vertical-align:middle;}
.table_box table td a.delete { padding:0 10px;height:26px; border:1px solid #999999; border-radius:5px; font-size:14px; color:#666666; text-align:center; line-height:26px; display:inline-block; vertical-align:middle; margin:3px 5px; display:inline-block; vertical-align:middle;}
.table_box table td a.modify:hover { background-color:#ff9c00; border:1px solid #ff9c00; color:#fff;}
.table_box table td a.delete:hover { background-color:#ff9c00; border:1px solid #ff9c00; color:#fff;}

.table_box2 { overflow:hidden; width:100%;}
.table_box2 table { width:100%; border-bottom:1px solid #eeeeee;}
.table_box2 table td { font-size:13px; font-weight:normal; line-height:30px;  text-align:left; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; padding:20px 14px; font-family:Arial, Helvetica, sans-serif; color:#333;box-sizing:border-box;}
.table_box2 table td font {color:#008df1;}
.table_box2 table td.name { height:40px; line-height:20px;  color:#333333; font-size:13px; font-weight:bold; text-align:center; padding:0;background-color:#dfefff;}
.table_box2 table td a { color:#333; display:block; text-align:center;}
.table_box2 table td a:hover { color:#e04545; }
.table_box2 table td a.more { width:70px; height:26px; border:1px solid #00acf1; font-size:13px; font-weight:normal; text-align:center; line-height:26px; display:block; margin:0 auto; border-radius:1000px; background-color:#00acf1; color:#fff; padding:0;}
.table_box2 table td a.more:hover { background-color:#e04545; color:#fff; border:1px solid #e04545; padding:0;}
.table_box2 table tr:hover td { background-color:#fff4d0;}
.table_box2 table tr:hover td.name {background-color:#dfefff;}
.table_box2 table td input.input05 { display:inline-block; vertical-align:middle; display:inline-block; vertical-align:middle; margin-right:10px; height:36px; font-size:13px; font-weight:normal; line-height:36px; border:none; padding:0 14px; box-sizing:border-box; color:#333; font-family:"微软雅黑"; background:transparent;}
.table_box2 table td input.input05:focus{outline:none;}
.table_box2 table td input.input05::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333333;
}
.table_box2 table td input.input05:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333333;
}
.table_box2 table td input.input05::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333333;
}
.table_box2 table td input.input05:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333333;
}
.table_box2 table tr:hover td input.input05 { background-color:#fff;}
.table_box2 table td textarea {  display:block; width:100%;padding:14px;font-size:13px; font-weight:normal; line-height:20px; border:none;  box-sizing:border-box; color:#333; font-family:"微软雅黑"; background:transparent;}
.table_box2 table td textarea:focus{outline:none;}
.table_box2 table tr:hover td textarea { background-color:#fff;}
.table_box2 table td i { display:inline-block; margin-top:10px; padding:0 4px; background-color:#fff4d0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; color:#333; font-style:normal; border-radius:4px;}
.table_box2 table td i strong { color:#ff9c00; font-family:Arial, Helvetica, sans-serif; margin:0 2px;}
.table_box2 table td select {background:transparent; background-color:#fff; display:inline-block; vertical-align:middle; height:36px; border:none; padding:0 20px 0 10px; box-sizing:border-box; font-size:15px; font-weight:normal; color:#333; appearance:none;-moz-appearance:none;-webkit-appearance:none; background-image:url(../images/icon07_2.png); background-repeat:no-repeat; background-position:96% 15px; margin:0 5px; }
.table_box2 table td select:focus{outline:none;}
.table_box2 table td em { font-size:13px; font-weight:normal; color:#333; font-style:normal;}
.table_box2 table td dl { overflow:hidden; display:block;}
.table_box2 table td dl dt { width:54px; height:24px; display:inline-block; vertical-align:middle;}
.table_box2 table td dl dt a { height:24px; background-image: linear-gradient(to right, rgba(0, 136, 241, 1) 0%, rgba(0, 136, 241, 1) 50%, rgba(0, 166, 241, 1) 100%); display:block; font-weight:bold; color:#fff;border-radius:2px; line-height:24px; text-align:left; padding:0 0 0 2px; font-size:12px;}
.table_box2 table td dl dt a:hover {background-image: linear-gradient(to right, rgba(255, 126, 0, 1) 0%, rgba(255, 126, 0, 1) 50%, rgba(255, 156, 0, 1) 100%); color:#fff;}
.table_box2 table td dl dt a img { width:20px; display:inline-block; vertical-align:middle; margin-right:2px; position:relative; top:-2px;}
.table_box2 table td dl dd { display:inline-block; margin-left:5px;padding:0 4px; background-color:#fff4d0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; color:#333; font-style:normal; border-radius:4px;}

.bu_box { display:block; text-align:center; margin-top:50px;}
.bu_box .submitted { width:110px; height:40px; cursor:pointer;border-radius:5px; border:0px;font-size:16px; font-weight:bold; color:#fff; background-image: linear-gradient(to right, rgba(0, 136, 241, 1) 0%, rgba(0, 136, 241, 1) 50%, rgba(0, 166, 241, 1) 100%); display:inline-block; vertical-align:middle; margin:0 15px; line-height:40px;}
.bu_box a.reset { width:110px; height:40px; border-radius:5px; font-size:16px; font-weight:bold; color:#fff; background-image: linear-gradient(to right, rgba(255, 126, 0, 1) 0%, rgba(255, 126, 0, 1) 50%, rgba(255, 156, 0, 1) 100%); display:inline-block; vertical-align:middle; margin:0 15px; line-height:40px;}
.bu_box a,button { text-align:left; display:block; padding:0 0 0 14px; box-sizing:border-box;}
.bu_box a img { display:inline-block; vertical-align:middle; margin-right:4px; position:relative; top:-2px;}
.bu_box button img { display:inline-block; vertical-align:middle; margin-right:4px; position:relative; top:-2px;}
.bu_box .submitted:hover {filter: drop-shadow(0 0 5px #0088f1);}
.bu_box a.reset:hover {filter: drop-shadow(0 0 5px #ff7e00);}


.page { text-align:center; display:block; font-size:12px; color:#333; margin-top:50px;}
.page strong {margin:0 3px;color:#ff9c00; font-family:Arial, Helvetica, sans-serif;}
.page a { display:inline-block; vertical-align:middle; margin:0 5px; font-size:12px; font-weight:normal; color:#333; line-height:26px; padding:0 10px;  border-radius:1000px; border:1px solid #dddddd; font-family:Arial, Helvetica, sans-serif;}
.page a.on { background-color:#008df1; color:#fff; border:1px solid #008df1;}
.page a:hover { background-color:#f5f5f9; color:#333; border:1px solid #dddddd;}
.page a.on:hover { background-color:#0073ff; color:#fff; border:1px solid #0073ff;}
.page select { width:60px; margin:0 5px; font-size:14px; font-weight:normal; color:#666666; line-height:28px; padding:0 10px; border:1px solid #dddddd; border-radius:1000px; height:28px;  appearance:none;-moz-appearance:none;-webkit-appearance:none; background-image: url(../images/icon07_2.png); background-repeat:no-repeat; background-position:40px 11px; }
.page select:focus{outline:none;}
.page .input03 { width:40px; margin:0 5px; font-size:14px; font-weight:normal; color:#666666; line-height:28px; padding:0 10px; border:1px solid #dddddd; border-radius:1000px; height:28px; text-align:center;}
.page .input03:focus{outline:none;}
.page .input04 { width:64px; background-color:#f5f5f9;  font-size:14px; font-weight:normal; line-height:28px; padding:0 10px; border:1px solid #dddddd; border-radius:1000px; height:28px; text-align:center; margin-left:5px; font-size:12px; font-weight:bold; color:#333; padding:0; cursor:pointer; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.page .input04:hover { width:64px; background-color:#ff9c00;  font-size:14px; font-weight:normal; color:#fff; line-height:28px; padding:0 10px; border:1px solid #ff9c00; border-radius:1000px; height:28px; text-align:center; margin-left:5px; font-size:12px; font-weight:bold; padding:0; cursor:pointer;}


/**-----返回顶部----**/
.returnTop { width:44px; height:44px; position:fixed; right:30px; bottom:40px; overflow:hidden;  z-index:99991; cursor:pointer; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; background-color:#008df1; opacity:0; border-radius:5px;}
.returnTop img { width:28px; height:28px; display:block; margin:0 auto; margin-top:8px;}
.returnTop.on {width:44px; height:44px; 1c2f33 position:fixed; right:30px; bottom:40px; overflow:hidden;  z-index:99991; cursor:pointer; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; opacity:.5; border-radius:5px;}
.returnTop.on:hover {opacity:1;}

.foot { line-height:30px; background-color:#485566; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#f7f8f8;}
.foot a { color:#fff; margin:0 5px;}
.foot a:hover { color:#fff;}


/**---------------------登录页-----------------------**/
.login { position:fixed; width:100%; height:100%; top:0; right:0; bottom:0; left:0; z-index:1; background-image:url(/images/login_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; text-align:left;}
.login_info { width:360px; position:absolute; top:50%; transform: translateY(-50%); left:50%; margin-left:100px; }
.login_info h2 { font-size:24px; font-weight:bold; display:block; text-align:center; color:#fff; line-height:36px; letter-spacing:1.4px;}
.login_info h2 strong { font-size:30px; display:block; letter-spacing:0;}
.login_main {  background-color:rgba(0,16,53,0.4); margin-top:24px; padding:0 60px;box-sizing:border-box; filter: drop-shadow(0 0 10px #002355); -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; }
.login_main:hover {filter: drop-shadow(0 0 30px #06306c); background-color:rgba(0,16,53,0.5);}
.login_main h3 { display:block; height:80px; font-size:24px; font-weight:bold; color:#fff; text-align:center; line-height:80px;}
.login_main ul li { height:66px; display:block;}
.login_main ul li label { height:36px; display:block;}
.login_main ul li label select {background:transparent; background-color:#fff; width:240px; height:36px; border:none;padding:0 10px; box-sizing:border-box; font-size:14px; font-weight:normal; color:#333; appearance:none;-moz-appearance:none;-webkit-appearance:none; background-image:url(../images/icon07_2.png); background-repeat:no-repeat; background-position:220px 16px;}
.login_main ul li label select:focus{outline:none;}
.login_main ul li font { display:block; height:34px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ff9c00; padding:0 0 0 10px; line-height:28px;}
.login_main ul li label input {background:transparent; background-color:#fff; height:36px; border:none;padding:0 10px; box-sizing:border-box; font-size:14px; font-weight:normal; color:#333; appearance:none;-moz-appearance:none;-webkit-appearance:none; }
.login_main ul li label input:focus{outline:none;}
.login_main ul li label input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333333;
}
.login_main ul li label input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333333;
}
.login_main ul li label input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333333;
}
.login_main ul li label input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333333;
}
.login_main ul li label a.a02 { font-size:14px; float:right; display:inline; color:#008df1; line-height:36px;}
.login_main ul li label a.a02:hover {color:#ff9c00;}
.login_main ul li label img { display:inline-block; vertical-align:middle; margin-left:10px;}
.login_main ul li .a01 { height:36px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-image: linear-gradient(to right, rgba(0, 136, 241, 1) 0%, rgba(0, 136, 241, 1) 50%, rgba(0, 166, 241, 1) 100%); display:block; line-height:36px;}
.login_main ul li .a01:hover {background-image: linear-gradient(to right, rgba(255, 126, 0, 1) 0%, rgba(255, 126, 0, 1) 50%, rgba(255, 156, 0, 1) 100%); filter: drop-shadow(0 0 10px #ff7e00);}
.login_main p { line-height:36px; font-size:12px; font-weight:bold; display:block; height:50px;}
.login_main p a { font-size:12px; color:#fff;}
.login_main p a.a03 { float:right; display:inline;}
.login_main p a:hover {color:#ff9c00;}