blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight: normal;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,'Hiragino Sans GB',"Microsoft Yahei",\5b8b\4f53,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
li {display: list-item;text-align: -webkit-match-parent;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#12a7eb;}
.fl{float: left; display: inline;}
.fr{float: right; display: inline;}
.clear { clear: both; float: none; overflow: hidden; height: 0px; font-size: 0; }
.my-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.my-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.my-ellipsis-3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
body,html{height: 100%;}
.mainbg{
	width: 100%;
	height: 100%;
	background:url(../images/bg3.jpg) no-repeat center center;
	background-size:100% 100%; 
}
.login{
	width: 960px;
	height: 480px;
	background:rgba(0,0,0,0.6);
	position: absolute;
	left: 50%;
	margin-left:-480px;
	top:50%;
	margin-top:-240px;
}
.loginLeft{
	width: 60%;
	height: 480px;
	/*padding: 70px 87px 0 87px;*/
	padding:7% 10% 0 10%;
}
.loginRight{
	width: 40%;
	/*background:rgba(255,255,255,0.1);*/
	height: 480px;
}
.loginLogo{
	width: 100%;
	margin-bottom:40px;
}
.loginLeft .form-inline{
	width: 300px;
	margin:0 0 20px 33px;
}
.loginLeft .form-group{
	width: 100%;
	overflow: hidden;
}
.loginLeft .input-group{
	width: 100%;
}
.loginLeft .form-control{
	height: 42px;
	border-radius: 0;
}
.loginLeft .input-group-addon{
	border-radius: 0;
	background: #dbdbdb;
	padding: 6px 3px;
}
.loginLeft .input-group-addon .iconfont{
	color:#fff;
	font-size: 24px;
}
.loginLeft  .checkbox{
	padding-left: 33px;
	margin:0;color:#fff;
}
.loginLeft  .forgot{
	margin-left: 108px;
}
.loginLeft  .forgot li{
	float:left;color:#ccc;
}
.loginLeft  .forgot li a{
	color:#fff;
}
.loginLeft  .loginLine {
	margin:0 5px;
}
.btn-login{
	width: 300px;
	margin-left:33px;
	height: 50px;
	font-size: 18px;
}
.loginRight{
	padding: 90px 40px 0
}
.loginRight button.key-button {
    background: #fff;
    border: none;
    width: 100%;
    height: 70px;
    font-size: 30px;
}
.loginRight .col-md-4{
	position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}
.loginRight button.but_huishan{
	background: #ccc;
	color:#fff;
}
.loginRight button.but_huishan .icon-huishan{
	font-size: 42px;
}
.loginRight button.but_qingkong{
	background: #f08519;
	color:#fff;
	font-size: 20px;
}
.loginbg1{
	width: 920px;
	background:rgba(0,0,0,0.3);
	height: 15px;
	position: absolute;
	left: 50%;
	margin-left: -460px;
	top:-15px;
}
.loginbg2{
	width: 880px;
	background:rgba(0,0,0,0.2);
	height: 25px;
	position: absolute;
	left: 50%;
	margin-left: -440px;
	top:-25px;
}

.header{
	position: relative;
	top: 0;
	left:0;
	right: 0;
	background: rgba(0,0,0,0.5);
	height: 140px;
}

.logoImg{
	position: absolute;
	left:0;
	width: 25%;
	padding: 20px;
	height: 140px;
	display: flex;align-items: center;
}
.logoImg img{
	width: 100%;
	max-width: 285px;
}
.menu {
	width: 70%;
	float: right;
}
.menu li a{
	float:left;
	display: block;
	height: 140px;
	width: 16.66%;
	line-height: 140px;
	color:#fff;
	font-size: 18px;
	text-align: center;
}
.menu li a i{
	margin-right: 5px;
	font-size: 32px;
}
.menu li a i.icon-xitongshezhi,.menu li a i.icon-tuichu{
	font-size: 28px;
}
.menu li a:focus{
	background: rgba(0,0,0,0.7);
	text-decoration: none;
	border-bottom: 4px solid #00a2e9;
	color:#00a2e9;
}


.main{
/*	width:1024px;
	margin:0 auto;*/
	position: relative;
	padding:0 5%;
}
.itemPro{
	height: 250px;
	width: 250px;
	background:rgba(0,0,0,0.5);
/*	background: -webkit-linear-gradient(left, #00a2e9, #e40082);
	background: -o-linear-gradient(left, #00a2e9, #e40082);
	background: linear-gradient(to right, #00a2e9, #e40082);*/
	border-radius: 50%;
	position: absolute;
	text-align: center;
/*	border: 5px solid rgba(255,255,255,0.5);*/
}
.itemPro1{top:200px;left:10%;}
.itemPro2{top:200px;left:50%;margin-left: -125px;}
.itemPro3{top:200px;right:10%;}

.itemPro1 i{color:#33b899;}
.itemPro2 i{color:#e37a40;}
.itemPro3 i{color:#e54c47;}

.itemPro i{
	font-size: 80px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -40px;
}

.itemPro p{
	color:#fff;
	font-size: 22px;
	text-align: center;
	margin-top: 160px;
}

.footer{
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.5);
	height: 40px;
}

.footText{
	padding: 0 20px;
	line-height: 40px;
	color:#fff;
	font-size: 14px;
}
.footText i{
	margin-right:5px;
}

.mainLeft{
	background: rgba(0,0,0,0.5);
	padding:20px;
	height: auto;
	width:320px;
	overflow: hidden;
}

.mainLeft .form-group input{
	height: 40px;
	border-radius: 0;
	margin-bottom: 10px;
	width: 274px;
	float: left;
	margin-left: 3px;
}
.mainLeft button.btn-primary{
	height: 50px;
	border-radius: 0;
	width: 274px;
	float: left;
	background: #00a2e9;
	color:#fff;
	border-color: #00a2e9;
	margin-left: 3px;
	margin-top: 10px;
	font-size:20px;
}

.operationTop{
	margin-top: 3%;
}
.operationLeft{
	width: 30%;
	float: left;
}
.operationSearchTit{
	width: 100%;
	background: rgba(0,0,0,0.7);
	padding:8px 20px;
	float:left;
	color:#fff;
	font-size: 18px;
	text-align: center;
}
.operationSearch{
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding:27px 20px;
	overflow: hidden;
	float: left;
}
.operationSearch .form-group input{
	width: 70%;float: left;border-radius:0;
}

.operationSearch .form-group button{
	width: 25%;float: right;border-radius:0;
	background: #f08519;border-color:#f08519;
}

.operationBtn{
	width: 65%;
	float:right;
}
.operationTit{
	float: left;
/*	background: #00a2e9;*/
	background: rgba(0,0,0,0.7);
	height:131px;
	line-height: 60px;
	color:#fff;
	width:10%;
	text-align: center;
	font-size: 20px;
	writing-mode:tb-rl;
}
.operationBtnBg{
	width: 90%;
	padding:10px;
	float: left;
	background: rgba(0,0,0,0.5);
}
.operationBtnBg .operaDiv{
	padding: 3px 0;
    font-size: 14px;
    background: #FFF;
    float: left;
    margin:5px;
    width: 14%;
    text-align: center;
}

.operationBtnBg .active{
	background: #00a2e9;
	border-color: #00a2e9;
	color:#fff;
}


.operationTab{
	background: rgba(0,0,0,0.5);
	margin-top:20px;
	padding:10px;
	color:#fff;
	font-size: 14px;
}
.operationTab .table>tbody>tr>td{
	border-top:none;	
}

.operationTab .table{
	margin-bottom: 0;
}
.operationBottom{
	background: rgba(0,0,0,0.5);
	width: 100%;
	padding:20px;
	margin-top: 20px;
	color:#fff;
	text-align: center;
	font-size: 14PX;
}
.operationFoot{
	background: rgba(0,0,0,0.5);
	width: 100%;
	padding:10px;
	margin-top: 20px;
	color:#fff;
	text-align: center;
	font-size: 14PX;
	overflow:hidden;
}
.operationFoot ul li {
	float: left;
	margin-right:20px;
}
.operationBottom span{
	font-size: 18px;
}
.queryTop{
	background: rgba(0,0,0,0.5);
	margin-top:5%;
	height: 172px;
}
.queryText{
	width: 85%;
	float: left;
	height: 172px;
	padding: 20px;
}
.queryText .control-label{
	font-size: 14px;
	font-weight: normal;
}
.queryText .form-control,.input-group-addon{
	border-radius: 0;
}
.queryText .btn-primary{
	border-radius: 0;
	background: #f08519;
	border-color: #f08519;
}
.queryBtn{
	width:15%;
	background: #00a2e9;
	float: right;
	height: 172px;
}
.queryBtn a{
	display: block;
	width: 100%;
	height: 172px;
	color:#fff;
	font-size:30px;
	text-align: center;
	line-height:172px;
}

.queryTop label,.queryTop{color:#fff;}

.queryTop .date input{color:#555;}

.queryTab{
	background: rgba(0,0,0,0.5);
	padding:20px;
	margin-top: 20px;
	color:#fff;
	font-size: 14px;
}
.queryTabY{
	height:280px;
	overflow-y: auto;
}
.queryTab .table{
	margin-bottom:0;
}
.queryTab .table>tbody>tr>td{
	border-top:none;	
}
.queryTab .table>thead>tr>th{
	border-bottom:none;	
}
.queryTab th,.queryTab td{
	text-align: center;
}
.queryTab th{
	font-size: 14px;
}
.queryTab td a{
	display: block;
	padding:2px 0;
	background: #f08519;
	color:#fff;
	width:80px;
	margin:0 auto;

}
.clothingIcon{
	margin-top:3%;
	height: 542px;
	overflow-y: auto;
	padding-left:4%;
}
.clothingIcon li{
	float: left;
	width: 14%;
	background:rgba(0,0,0,0.5);
	margin:8px;
}
.clothingIcon li a{
	display: block;
	text-align: center;
	color:#fff;
	height:120px;
	padding-top: 10px;
}
.clothingIcon li a:focus{
	border-bottom:2px solid #00a2e9;
	color:#00a2e9; 
	background:rgba(0,0,0,0.7);
}
.clothingIcon li a i{
	font-size: 42px;
}
.clothingIcon li a span{
	font-size: 14px;
}

.pageCenter{
	text-align: center;
}
.pageCenter .pagination{
	border-radius: 0;
}	
.pagination>li:first-child>a, .pagination>li:last-child>a{
	border-radius: 0;
}
.pagination>li>a{
	background:rgba(0,0,0,0.5);
	color:#fff;
	border:none;
	margin-left:0;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	background:rgba(0,0,0,0.7);
	color:#00a2e9;
}


.formBox{
	background:rgba(0,0,0,0.5);
	margin-top:5%;
	padding: 50px 0;
	height: 500px;
}
.formBox label{
	color:#fff;
	font-size: 14px;
    font-weight: normal;
}
.formBox .form-control{
	border-radius:0;
}
.formBox .formSubmit{
	width: 100%;
	border-radius: 0;
	height: 40px;
	margin-top:20px;
	font-size: 16px;
	background: #f08519;
	border-color: #f08519;
}


.homebg{
	width: 100%;
	height: 100%;
	background:url(../images/bg4.jpg) no-repeat center center;
	background-size:100% 100%; 
}

.homeLogoImg{
	justify-content: center;
	height: 25vh;
	display: flex;
	align-items: center;
}
.homeMain{
	display: flex;
	width: 960px;
	margin:0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
.homeMain-item{
	position: relative;
	display: flex;
	flex-direction: column;
    color:#fff;
    font-size: 150%;
    width: 30%;
    height: 30vh;
    margin-bottom:5vh;
}

.homeMain-icon-item{
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 23vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.homeMain-item span{
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 7vh;
	line-height: 7vh;
	text-align: center;
}

.homeMain-item:hover{
	color:#fff;
}
.homeMain-item:hover span{
	background: #00a2e9;
}

.homeMain-item i{
	font-size: 80px;
	margin-right: 10px;
}

/*.homeMain-item1 i{
	color: #01B7DF;
}
.homeMain-item2 i{
	color: #56DFA9;
}
.homeMain-item3 i{
	color: #FF7659;
}
.homeMain-item4 i{
	color: #F9CD36;
}
.homeMain-item5 i{
	color: #F36073;
}
.homeMain-item6 i{
	color: #A179C2;
}*/

@media (min-width: 768px){
	.modal-dialog {
	    width: 352px;
	}
	.modal-content {
	    -webkit-box-shadow:none;
	    box-shadow:none;
	    background: none;
	    border:none;
	}
	.close{color:#fff;text-shadow:none;}
}

@media (min-width: 1440px){
	.clothingIcon{margin-top:6%;}
	.queryTabY {height: 360px!important;}
}

@media only screen and (min-width: 1024px) and (max-width: 1439px){
    .menu li a{font-size: 16px;line-height: 120px;height: 120px;}
    .menu li a i{font-size: 26px;}
    .menu li a i.icon-xitongshezhi,.menu li a i.icon-tuichu{font-size: 22px;}
    .header{height: 120px;}
    .logoImg{height: 120px;}
    .itemPro {height: 200px;width: 200px;}
    .itemPro i{top:20px;}
    .itemPro p{margin-top:130px;}
    .itemPro2{margin-left: -100px;}
	.login{width: 800px;margin-left: -400px;}
	.loginbg1{width: 760px;margin-left:-380px;}
	.loginbg2{width: 720px;margin-left:-360px;}
	.loginLeft{padding: 7% 7% 0 7%;}
	.clothingIcon{margin-top:3%;height:560px;}
	.clothingIcon li{margin:10px;}
}