@charset "utf-8";

input[type="text"],input[type="url"],input[type="button"],input[type="email"],input[type="date"],input[type="time"],input[type="tel"],input[type="password"],button{ background-color:transparent; -webkit-appearance:none;}
input::-webkit-calendar-picker-indicator{ opacity:0;}/* 下拉小箭头 */
/*select{ background-color:transparent; -webkit-appearance:none;}*/
textarea{ -webkit-appearance:none;}
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset;}/*去除默认背景色*/
input::-webkit-input-placeholder{ color:#d1d1d1;}
input::-moz-placeholder{ color:#d1d1d1;}
input::-ms-input-placeholder{ color:#d1d1d1;}
img,input,button,select,textarea{ border: none; outline:none;}
li{list-style:none;}
*{ margin: 0; padding: 0; font-size:15px; font-family:"Simhei,SourceHanSansSC-Normal,SourceHanSansCN,Arial,simsun";}
html,body{ width:100%;}
body{ background:#ffffff; color:#333333; line-height:30px;min-height:500px;}
a{ text-decoration:none; color:#333333;}
table{ border-collapse:collapse;}
.clear{ clear:both;}

input::-webkit-input-placeholder{
            color:#cccccc;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#cccccc;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#cccccc;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#cccccc;
        }

@font-face
{
font-family: 'SourceHanSansSC-Normal';
	src: url('../font/SourceHanSansSC-Normal.eot'); /* IE9 Compat Modes */
	src: url('../font/SourceHanSansSC-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../font/SourceHanSansSC-Normal.woff') format('woff'), /* Modern Browsers */
			url('../font/SourceHanSansSC-Normal.ttf')  format('truetype'), /* Safari, Android, iOS */
			url('../font/SourceHanSansSC-Normal.svg#SourceHanSansSC-Normal') format('svg'); /* Legacy iOS */
}

.width1200{ width:1200px;}

.zhishu,.search,h1,.zslist,.sm,.width1200,.nav,.tiaozheng,.menu,.xinzeng{ margin:0 auto;}

.head{ height:40px; background:#ffffff;}
.head div{ height:40px; text-align:right; line-height:40px;}
.head a:last-child{ display:inline-block; text-align:center; margin-left:10px; width:60px; height:26px; line-height:26px; color:#ffffff; background:#449E82;}
.head a:last-child:hover{ background:#198B69; box-shadow:0 0 5px #cccccc;}
.head a:last-child:active{box-shadow:0 0 5px rgba(0,0,0,0.3) inset;}

.zhishu{ width:1198px; border:1px solid #e5e5e5;}

.radio{ display: none;}
.radio+label{ width: 16px; height: 16px; line-height:16px; display:inline-block; text-align: center; vertical-align: bottom; border: 1px solid #449E82; border-radius: 50%; position:relative; top:-8px;}
.radio+label:hover{ cursor: pointer;}
.radio:checked+label{ position:relative; background: #449E82; border: 1px solid #3A8972;}
.radio:checked+label:after{ content: ""; display:block; position:absolute; left:4px; top:4px; background:#ffffff; width:8px; height:8px; border-radius:4px;}

.checkbox{ display: none;}
.checkbox+label{ border-radius:0px; border:1px solid #449E82; width:14px; height:14px; display:inline-block; text-align:center; vertical-align:bottom; line-height:14px; position:relative; top:-6px;}
.checkbox+label:hover{ cursor: pointer;}
.checkbox:checked+label{ background:#449E82;}
.checkbox:checked+label:after{ content:"\2714"; color:#ffffff;}

.search{ width:1200px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; box-shadow:0 10px 20px #f3f3f3;}

.search tr td{ height:80px; border-bottom:1px solid #e5e5e5;}
.search tr td:first-child{ width:100px; padding:0 10px; text-align:right;}
.search li{ float:left; min-width:130px;}
span.date{ display:inline-block; background:#fafafa; border:1px solid #e5e5e5; width:240px; height:36px;}
span.date input[type="text"]{ width:200px; height:34px; line-height:34px;}
span.date input[type="button"]{ background:url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/icon_date.png) no-repeat center; width:38px; height:36px;}
input[type="submit"]{ height:38px; line-height:38px; border-radius:3px; padding:0 20px; background:#449E82; color:#ffffff;}
input[type="submit"]:hover{ background:#198B69;}
input[type="submit"]:active{ box-shadow:0 0 5px rgba(0,0,0,0.2) inset;}

h1{ width:1200px; background:url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/icon_zhishu.jpg) no-repeat 0 center; height:80px; border-bottom:2px solid #449E82; margin:20px auto; position:relative;}
h1 span{ float:left; font:normal 28px/80px "SourceHanSansSC-Normal,Airal"; margin-left:40px; color:#469F83;}
h1 a.shuoming{ float:right; font:normal 16px/80px "SourceHanSansSC-Normal,Airal"; color:#ff6600;}

h1:before{ content:''; display:block; position:absolute; width:5px; height:5px; left:80px; top:78px; transform:rotate(45deg); background:#ffffff; border-right:2px solid #449E82; border-bottom:2px solid #449E82;}

.zslist{ width:1200px; margin-top:10px;}
.zslist td{ height:40px; text-align:center; border:1px solid #E7E7E7;}
.zslist thead td{ background:#EAF9F5;}
.zslist input[type="text"]{ width:100%; height:100%; text-align:center;}
.zslist select{ height:100%; text-align:center;}
td.caozuo{ color:#ff6600; cursor:pointer;}
.sm{ width:1160px; padding:20px; color:#ff6600; border-top:1px dashed #cccccc;}
.date_Choice{ margin:20px auto;}


.nav{ width:1198px; height:40px; padding:20px 0; text-align:center; border:1px solid #e5e5e5; box-shadow:0 5px 10px rgba(0,0,0,0.1); margin-bottom:20px;}
.nav a{ display:inline-block; height:40px; width:120px; line-height:40px;}
.nav a:hover{ background:#198B69; border-radius:20px; color:#ffffff; box-shadow:0 5px 15px #BBD7E8;}
.nav a:active{ box-shadow:0 0 8px rgba(0,0,0,0.1) inset;}


/* -------------------------------------------------------------- 登录 */

.mapbg{ position:absolute; left:0; top:0; width:100%; height:400px; background:#198B69;
	background: -webkit-linear-gradient(left, #198B69 , #449E82); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #198B69, #449E82); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #198B69, #449E82); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #198B69 , #449E82); /* 标准的语法 */
}
.loginmap{ background:url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/loginmap.png) no-repeat center 0; background-size:auto 90%; height:100%;}
.loginname{ margin:4% 0 0 0;}
.loginname img{ display:table; margin:0 auto;}
.login{ width:400px; height:320px; margin:3% auto 1%; background:#ffffff; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,0.1); position:relative; z-index:99;}

h2{ text-align:center; line-height:70px;}
.login div{ width:318px; height:40px; margin:0 auto;}
.login div:nth-child(2),.login div:nth-child(3){ background:#f4f4f4; border:1px solid #DDDDDD; height:40px; line-height:40px; border-radius:5px; margin-bottom:20px;}
.login div:nth-child(2) input,.login div:nth-child(3) input{ width:258px;}
.login div:nth-child(2) span,.login div:nth-child(3) span{ display:inline-block; width:60px; text-align:center; color:#cccccc;}
.login div:nth-child(4) input{ position:relative; top:2px; margin-right:10px;}
.login div:nth-child(5){ border-radius:5px; overflow:hidden;}
.login input[type="submit"]{ width:100%; height:100%; background:#449E82; color:#ffffff;}
.login input[type="submit"]:hover{ background:#198B69;}
.login input[type="submit"]:active{ box-shadow:0 0 10px rgba(0,0,0,0.2) inset;}


/* -------------------------------------------------------------- 客户中心 */

h3{ text-align:center; line-height:60px; font-size:20px; color:#469F83;}

.tiaozheng{ width:1200px; margin:10px auto; overflow:hidden; line-height:36px;}
.tiaozheng dd{ float:left; min-width:100px;}
.tiaozheng .checkbox+label{ position:relative; top:-9px;}
input.shuru{ background:#fafafa; border:1px solid #e5e5e5; height:34px; line-height:34px;}
.tiaozheng input[type="button"]{ height:36px; line-height:36px; border-radius:3px; padding:0 20px; background:#449E82; color:#ffffff;}
.tiaozheng input[type="button"]:hover{ background:#198B69;}
.tiaozheng input[type="button"]:active{ box-shadow:0 0 5px rgba(0,0,0,0.2) inset;}

.submit_bt{ text-align:center; margin:20px auto;}
.submit_bt input{ padding:0 30px; margin:0 10px; height:36px; line-height:36px; background:#449E82; color:#ffffff; border-radius:5px;}
.submit_bt input:hover{ background:#198B69; box-shadow:0 5px 15px #BBD7E8;}
.submit_bt input:active{ box-shadow:0 0 5px rgba(0,0,0,0.1) inset;}
.submit_bt input.now{ color:#ff664b}
/* added by shizg started 2020/4/15 */
.juzhong { text-align:center;}
	.input_class1{
		width:96px; 
		height:30px; 
		border:1px solid #449E82;  
		background-color:#449E82!important;
		border-radius:15px;
		color:#FFFFFF;
	}
	.input_class2{
		width:96px; 
		height:30px; 
		border:1px solid #e5e5e5; 
		background-color:#ffffff!important;
		border-radius:15px;
		color:#000000;
	}
/* added by shizg ended 2020/4/15 */

.page{ display:table; margin:20px auto;}
.page a,.page span{ display:inline-block; padding:3px 12px; border:1px solid #dddddd; margin:0 2px;}
.page span{ background:#fafafa; color:#cccccc;}
.page strong{ display:inline-block; padding:3px 12px; background:#ff9900; border:1px solid #FF6600; color:#ffffff; margin:0 4px;}

.menu{ width:1200px; height:36px; margin-bottom:20px;}
.menu a,.menu dd{ display:inline-block; height:36px; padding:0 20px; line-height:36px;}
.menu a.now,.menu dd.now{ background:#198B69; color:#ffffff; border-radius:20px;}
.menu a.now:hover,.menu dd.now:hover{ box-shadow:0 5px 15px #BBD7E8;}
.menu a.now:active,.menu dd.now:active{ box-shadow:0 0 8px rgba(0,0,0,0.1) inset;}

.function{ height:50px; overflow:hidden;}
.Preservation{ width:100%; margin:10px 0 0 0;}
.Preservation a{ background:#E3F4FF; color:#0099FF; line-height:34px; padding:0 30px; margin:12px 0 0 12px;}
.Preservation a:hover{ background:#CAEAFF;}

.function a{ float:left; display:block; height:34px; border:1px solid #FFCA79; background:#FFF5E8; color:#ff6600; line-height:34px; padding:0 20px; margin:12px 12px 0 0; border-radius:18px;}
.function a:hover{ background:#FFF1E0; color:#ff0000;}
.function .datesubmit{ float:right; margin:12px 0 0 0; overflow:hidden;}
.Preservation .datesubmit{ float:right; margin:0 0 0 0;}
.datesubmit span:first-child,.datesubmit span:nth-child(3){ position:relative; top:3px;}
.datesubmit span:nth-child(2),.datesubmit span:nth-child(4){ display:inline-block; background:#f4f4f4 url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/icon_date.png) no-repeat right 5px; height:36px; border:1px solid #E7E7E7; width:210px; margin:0 12px 0 0;}
.datesubmit input[type="text"]{ width:160px; line-height:34px; height:34px;}
.datesubmit input[type="button"]{ width:40px; height:36px;}
.datesubmit input[type="button"].button{ min-width:72px; height:36px; border-radius:3px; background:#449E82; color:#ffffff;}
.datesubmit input[type="button"].button:hover{ background:#198B69;}
.datesubmit input[type="button"].button:active{ box-shadow:0 0 5px rgba(0,0,0,0.2) inset;}
.datesubmit span,.function .datesubmit input{ float:left;}

.function .datetimesubmit{ float:left; margin:12px 10px 0 0;}
.Preservation .datetimesubmit{ float:left; margin:0 0 0 0;}
.datetimesubmit span:first-child{ position:relative; top:3px;}
.datetimesubmit span:nth-child(2){ display:inline-block; background:#f4f4f4 url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/icon_date.png) no-repeat right 5px; height:34px; border:1px solid #E7E7E7; width:200px; margin:0 12px 0 0;}
.datetimesubmit input[type="text"]{ width:160px; line-height:34px; height:34px;}
.datetimesubmit input[type="submit"]{ width:80px; height:36px; background:#0099FF; color:#ffffff; position:relative;}
.datetimesubmit input[type="submit"]:hover{ background:#0087E1;}
.datetimesubmit input[type="button"]{ width:40px; height:36px;}
.datetimesubmit span,.function .datetimesubmit input{ float:left;}

.list{ padding:10px; height:800px; overflow:hidden;}

.list table{ width:100%;}
.list table td{ border:1px solid #e7e7e7; height:50px; text-align:center;}

.list table thead td{ background:#f4f4f4; text-align:center; line-height:24px; font-size:16px;}
.list table tr td:first-child{ width:50px;}
.list table tr td select{ width:100%; height:50px;}
.list table input[type="text"]{ width:100%; text-align:Center; height:40px;}
.list table input[type="button"]{ color:#ff6600; cursor:pointer;}
.xinzeng{ width:1198px;}
.xinzeng input{ width:100%; border:1px solid #e7e7e7; height:50px; line-height:50px; border-top:none; color:#ff6600; background:#fafafa;}
.xinzeng input:hover{ background:#f3f3f3;}
div.pz_bt{ width:100%; text-align:center; font-weight:bold; line-height:50px;margin-top:20px;font-size:14px;}
div.pz_nr{ float:left; border-bottom:20px; width:100%; margin-left:2.5%;font-size:14px;}
div.pz_nr table tr.table_nr td{ border-bottom:1px solid #ccc;}

input[type="text"].modify{ border:1px solid #e5e5e5; box-shadow:0 2px 5px rgba(0,0,0,0.04) inset; width:94%; margin:0 3%; height:34px; line-height:34px;}

/* .city_add,.city_add2{ position: fixed; top:50%; left:50%; margin:-140px 0 0 -230px; width:460px; border: 1px solid #ccc; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.4); z-index: 1000000; height:280px;}
 */
 .city_add h4,.city_add2 h4{ text-align:center; font-size:16px; background:#fafafa; width:100%; height:50px; line-height:50px; color:#ff6600;}

/* .city_add2{ margin:-250px 0 0 -270px; width:500px; height:540px;} */

.city_addnr{ overflow:hidden;}
.city_addnr label{ display:block; width:100%; height:50px; border-bottom:1px solid #e5e5e5;}
.city_addnr label input[type="text"]{ height:36px; width:260px; line-height:36px; margin:7px 0; border:1px solid #e5e5e5;}
.city_addnr label input[type="checkbox"]{ line-height:36px; margin:7px 0;}
.city_addnr label span{ display:inline-block; width:120px; line-height:50px; text-align:right;}
.city_addnr label select{ height:38px; width:262px; line-height:38px; margin:7px 0; border:1px solid #e5e5e5;}
.city_add2 .city_addnr label span{ width:150px;}

.city_add img{ float:right; margin-right:20px; width:15px; height:15px; margin-top:10px;} 

.pz_button{ width:700px; margin:20px auto; text-align:center; float:left;}

/* --------------------------------------------------------------- 对标数据 */

.area_l{ float:left; width:580px;}
.area_r{ float:right; width:580px;}
.column_t{ padding: 0 0 20px; background: url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/ico_01.png) no-repeat 0 bottom;}
.column_t .column_more{ float: right; font-size: 14px; padding-top: 12px;}
.column_t .column_title{ background: url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/ico_02a.png) no-repeat 0 center; font-size: 26px; color: #449E82; padding-left: 40px;}

.part_01{ padding-top: 5px;}
.part_01 ul.list{ height:240px;}
.part_01 ul.list li{ background: url(https://img.gzjimg.com/steelhome/sjcg_shpi/images/ico_03.png) no-repeat 0 11px; height: 36px; line-height: 36px; overflow: hidden; padding-left: 12px;}
.part_01 ul.list li a{ font-size:16px;}
.part_01 ul.list li .time{ float: right; color: #999999; padding-left: 15px;}


/*

@media screen and (max-width:768px){
}

@media (orientation:landscape) {}

@media screen and (max-width:959px){

*{ font-size:12px;}
.width1200{ width:920px;}
.adminbanner img{ width:80%;}
.main{ width:80%;}
.zhishu{ width:100%;}
}


@media screen and (min-width:960px) and (max-width:1079px) {
*{ font-size:12px;}
.width1200{ width:96%;}
.adminbanner img{ width:80%;}
.main{ width:80%;}
.zhishu{ width:100%;}
}

@media screen and (min-width:1080px) and (max-width:1199px) {
*{ font-size:14px;}
.width1200{ width:94%;}
.adminbanner img{ width:80%;}
.zhishu{ width:90%;}
}

@media screen and (min-width:1200px) {

*{ font-size:14px;}
.width1200{ width:90%; max-width:1200px;}

}
*/