@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body {  color:#7c7c7c; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;  font-size: 14px; font-size:62.5%; background:#fff; line-height:24px; /*min-width: 1260px; overflow:auto*/}
li, ol { list-style:none; }
i, em, b { font-style:normal; font-weight:normal; }
a {  color: #fff; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
a:hover { cursor:pointer; text-decoration:none; color:#666;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.'; }
img{ padding:0; margin:0; display:block;}
a img { border:none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:12px;}
.fl{float:left;}
.fr{float: right;}
img , input{border:0; display:inline-block; outline:none; font-family:"Microsoft Yahei","微软雅黑"}
div{ display:block;}

/*登录页面 begin*/
.idc-main{ width: 100%; height: 620px; position: relative; background:url(../Images/idc-main-bg-1.gif) no-repeat center bottom #f5f5f5; background-size:100% auto;}
.idc-main-bg{ position: absolute; left:12%; top: 170px; width:80%; }
.idc-main-bg img{width: 100%;}
.idc-main-login{ position: absolute; width: 400px; left: 50%; margin-left: -200px; top: 80px; -webkit-animation: fromBack .6s linear;-moz-animation: fromBack 0.6s linear;-ms-animation: fromBack 0.6s linear; animation: fromBack 0.6s linear;}
.idc-main-login h4{ text-align: center; margin-bottom: 20px;}
.idc-main-login h4 span{ color: #71829d; font-size: 24px; line-height: 24px; padding-top: 5px; display:block}
.idc-main-login .login-m{ width: 100%; margin-bottom: 20px; }
.idc-main-login .login-m ul{ width: 100%; border: 1px solid #e8e8e8; background: #fff; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px; }
.idc-main-login .login-m li{ height: 50px; line-height: 50px; border-bottom: 1px solid #e9e9e9}
.idc-main-login .login-m li span{ display: block; float: left; width: 36px; height: 50px; background: url(../Images/idc-spri.png) no-repeat; background-position: 11px -223px;}
.idc-main-login .login-m li input{ width: 350px; height: 50px; line-height: 50px; float: left; font-size: 16px; color: #666;}
.idc-main-login .login-m li.li-t{ border-bottom: 0;}
.idc-main-login .login-m li.li-dt{}
.idc-main-login .login-m li.li-st{ border-bottom: 0;}
.idc-main-login .login-m li.li-s span , .idc-main-login .login-m li.li-dt soan { background-position:  11px -271px;}
.idc-main-login .login-m li.li-t span , .idc-main-login .login-m li.li-dt soan { background-position:  11px -271px;}
.idc-main-login .login-m li.li-st span{ background-position:  -28px -271px;}
.idc-main-login a.loginBtn{ display: block; width: 402px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; background: #46c3d7; -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius:30px; }
.idc-main-login a.regBtn{ margin-top:1rem; display: block; width: 402px; height: 50px; line-height: 50px; text-align: center; color: #666; font-size: 18px; background: #ededed; -moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius:30px;  }
.idc-main-login a.loginBtn:hover{ background: #39b3c6}
.idc-main-login a.regBtn:hover{ background: #dedede}


@media screen and (max-width: 1640px) {
	.idc-main{ height: 500px; }
}
@media screen and (max-width: 1199px){
	.idc-main{ width: 100%; height: 100%; position: absolute; background:#f5f5f5; background-size:100% auto;}
	.idc-main-bg { display:none;}
	.idc-main-login{ position: absolute; width: 80%; left: 10%; margin:0; top: 8rem; -webkit-animation: fromBack .6s linear;-moz-animation: fromBack 0.6s linear;-ms-animation: fromBack 0.6s linear; animation: fromBack 0.6s linear;}
	.idc-main-login h4{ text-align: center; margin-bottom: 1.5rem;}
	.idc-main-login h4 span{ color: #71829d; font-size: 1.5rem; line-height: 2rem; padding-top: 0.5rem; display:block}
	.idc-main-login .login-m{ width: 100%; margin-bottom: 1.5rem; }
	.idc-main-login .login-m ul{ width: 100%; border: 1px solid #e8e8e8; background: #fff; -moz-border-radius: 0.3rem;-webkit-border-radius: 0.3rem;border-radius:0.3rem; }
	.idc-main-login .login-m li{ height: 3rem; line-height: 3rem; border-bottom: 1px solid #e9e9e9}
	.idc-main-login .login-m li span{ display: block; float: left; width: 3rem; height: 3rem; background: url(../Images/idc-spri.png) no-repeat; background-position: 11px -223px;}
	.idc-main-login .login-m li input{ width: 80%; height: 3rem; line-height: 3rem; float: left; font-size: 1rem; color: #666;}
	.idc-main-login .login-m li.li-t{ border-bottom: 0;}
	.idc-main-login .login-m li.li-t span{ background-position:  11px -271px;}
	.idc-main-login a.loginBtn{ display: block; width: 100%; height: 3rem; line-height: 3rem; text-align: center; color: #fff; font-size: 1.2rem; background: #46c3d7; -moz-border-radius: 1.5rem;-webkit-border-radius: 1.5rem;border-radius:1.5rem; }
	.idc-main-login a.regBtn{ display: block; width: 100%;; height: 3rem; line-height: 3rem; text-align: center; color: #666; font-size: 18px; }

	

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

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

}
@-webkit-keyframes fromBack{
	0%{
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes fromBack{
	0%{
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes fromBack{
	0%{
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@keyframes fromBack{
	0%{
		-webkit-transform: scale(0);
		opacity: 0;
	}
	100%{
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
/*登录页面 end*/









@media screen and (max-width: 2500px) {
		.cTitle {
		width:100%;
		height:100px;
		background:#000;
		padding:0;
		margin:0;
	}
	.cTitle h4 {
		height:60px;
		width:60px;
		margin: 20px 10px 0;
		float:left;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		border-radius:30px;
		overflow:hidden;
	}
	.cTitle h4 a {
		display:block;
		height:60px;
		width:60px;
	}
	.cTitle h4 a img {
		display:block;
		height:60px;
		width:60px;
	}
	.cTitle .cInfo {
		float:left;
	}
	.cTitle .cInfo h5 , .cTitle .cInfo h6 {
		float:left;
		height:60px;
		line-height:60px;
		overflow:hidden;
		line-height:30px;
		padding-top:20px;
		color:#fff;
		margin-right:30px;
	}
	.cTitle .cInfo h5 {
		font-size:18px;
	}
	.cTitle .cInfo h5 a {
		line-height:60px;
	}
	.cTitle .cInfo h6 {
		font-size:12px;
	}
	.cTitle .cInfo h6 a {
		line-height:60px;
	}
	.cTitle .cEwm {
		float:right;
		width:80px;
		margin:10px;
		height:80px;
		background:#fff;
	}
	.cTitle .cEwm a , .cTitle .cEwm img {
		width:80px;
		height:80px;
		display:block;
	}
	.cView {
		width:100%;
		margin-top:10px;
	}
	.cViewTitle {
		width:100%;
		height:36px;
		line-height:36px;
	}
	.cViewTitle {
		width:100%;
		height:36px;
		background:#ededed;
		line-height:36px;
	}
	.cViewTitle h3 span {
		float:left;
		font-size:14px;
		padding-left:12px;
	}
	.cViewTitle h3 a {
		float:right;
		font-size:12px;
		padding-right:12px;
		color:#333;
	}
	.cViewTitle h3 a.cRed {
		color:red;
		font-size:12px;
	}
	.cViewInfo {
		width:100%;
	}
	.cViewInfo ul li {
		width:100%;
		height:36px;
		display:block;
		border-bottom:#dedede 1px dashed;
		list-style:none;
	}
	.cViewInfo ul li a {
		width:100%;
		height:36px;
		padding:0;
		display:block;
	}
	.cViewInfo ul li a:after {
		clear:both;
		content:'';
		zomm:1;
		height:0;
		line-height:0;
	}
	.cViewInfo .cImg {
		float:left;
		width:24px;
		height:24px;
		margin:6px;
		display:inline-block;
		overflow:hidden;
		margin-left:12px;
	}
	.cViewInfo .cImg img {
		width:24px;
		height:24px;
	}
	.cViewInfo .cName {
		line-height:36px;
		font-size:12px;
		float:left;
		color:#333;
		padding-left:12px;
	}
	.cViewInfo label {
		float:right;
		padding-right:12px;
		font-size:12px;
		color:#999;
		line-height:36px;
	}
	.cViewInfo label.rq {
		font-size:12px;;
	}
	.cViewInfo label.cRed {
		color:red;
		font-size:12px;
	}
	.logOut {
		 display: block; width:100%; height: 36px; line-height:36px; margin:10px auto; text-align: center; color: #fff; font-size: 1.4px; background: #46c3d7; 
	}
	.cViewTitle h3 a.f12 {
		font-size:18px;
		color:#999;
	}
	.cViewInfo p {
		text-align:center;
		font-size:12px;
		line-height:36px;
	}
	.mt1 { margin-top:12px;}

}
@media screen and (max-width: 1199px){
	.cTitle {
		width:100%;
		height:8rem;
		background:#000;
		padding:0;
		margin:0;
	}
	.cTitle h4 {
		height:3rem;
		width:3rem;
		margin: 2.5rem 1rem 0;
		float:left;
		-moz-border-radius: 1.5rem;
		-webkit-border-radius: 1.5rem;
		border-radius:1.5rem;
		overflow:hidden;
	}
	.cTitle h4 a , .cTitle h4 a img {
		display:block;
		height:3rem;
		width:3rem;
	}
	.cTitle .cInfo {
		position:absolute;
		height:4rem;
		top:2rem;
		left:5rem;
		right:6rem;
		bottom:1.5rem;
		overflow:hidden;
	}
	.cTitle .cInfo h5 , .cTitle .cInfo h6 {
		float:none;
		height:2rem;
		width:100%;
		overflow:hidden;
		line-height:2rem;
		color:#fff;
		padding:0;
		margin:0;
	}
	.cTitle .cInfo h5 , .cTitle .cInfo h5 a {
		font-size:1.2rem;
		line-height:2rem;
	}
	.cTitle .cInfo h6 , .cTitle .cInfo h6 a {
		font-size:0.9rem;
		line-height:2rem;
	}
	.cTitle .cInfo h6 {
		
	}
	.cTitle .cEwm {
		float:right;
		width:4rem;
		margin:2rem 1rem 2rem 0.5rem;
		height:4rem;
		background:#fff;
	}
	.cTitle .cEwm a , .cTitle .cEwm img {
		width:4rem;
		height:4rem;
		display:block;
	}
	.cView {
		width:100%;
		margin-top:0.5rem;
	}
	.cViewTitle {
		width:100%;
		height:3rem;
		line-height:3rem;
	}
	.cViewTitle {
		width:100%;
		height:3rem;
		background:#ededed;
		line-height:3rem;
	}
	.cViewTitle h3 span {
		float:left;
		font-size:1rem;
		padding-left:0.5rem;
	}
	.cViewTitle h3 a {
		float:right;
		font-size:0.8rem;
		padding-right:0.5rem;
		color:#333;
	}
	.cViewTitle h3 a.cRed {
		color:red;
		font-size:1.2rem;
	}
	.cViewInfo {
		width:100%;
	}
	.cViewInfo ul li {
		width:100%;
		height:3rem;
		border-bottom:#dedede 1px dashed;
	}
	.cViewInfo ul li a {
		width:100%;
		height:2.4rem;
		padding:0.3rem 0;
		display:block;
	}
	.cViewInfo .cImg {
		float:left;
		width:2.4rem;
		height:2.4rem;
		display:inline-block;
		overflow:hidden;
		margin:0;
		margin-left:0.6rem;
	}
	.cViewInfo .cImg img {
		width:2.4rem;
		height:2.4rem;
	}
	.cViewInfo .cName {
		line-height:2.4rem;
		font-size:1rem;
		float:left;
		color:#333;
		padding-left:0.6rem;
	}
	.cViewInfo label {
		float:right;
		padding-right:0.6rem;
		font-size:1.5rem;
		color:#999;
		line-height:2.4rem;
	}
	.cViewInfo label.rq {
		font-size:1rem;
	}
	.cViewInfo label.cRed {
		color:red;
		font-size:1rem;
	}
	.logOut {
		 display: block; width:80%; height: 3rem; line-height: 3rem; margin:1rem auto; text-align: center; color: #fff; font-size: 1.2rem; background: #46c3d7; -moz-border-radius: 1.5rem;-webkit-border-radius: 1.5rem;border-radius:1.5rem;
	}
	.cViewTitle h3 a.f12 {
		font-size:1.6rem;
		color:#999;
	}
	.cViewInfo p {
		text-align:center;
		font-size:1rem;
		line-height:3rem;
	}
	.mt1 { margin-top:1rem;}

}