.select2-container{
		width:300px;
	}
	@media screen and (max-width: 1400px){
		.content, .footer >div{
			width: 100%;
			min-width:100%;
			padding:30px 50px 50px;
		}
		.header >div{
			width: 100%;
			min-width:100%;
			/*display: block;*/
		    padding: 0 50px;
		}
		.logo {
			float: left;
		    width: 15%;
		    height: 100%;
		}
		.logo img{
			height: 30px;
		}
		.light{
			float: left;
		}
		.header .title{
			font-size: 16px;
			margin-right: 15px;
		    float: left;
   			width: 20%;
   			text-align: center;
		}
		.search-wrap{
		    float: left;
		    width: 30%;
		    margin-right: 3%;
		}
		.search-wrap input{
			height: 40px;
			line-height: 40px;
		}
		.search-wrap img{
		    top: 17px;
		    width: 20px;
		    height: 20px;
		}
		.history-btn{
			float: left;
		    width: 11%;
		    margin-right: 3%;
		    height: 40px;
		    line-height: 40px;
		    font-size: 14px;
		}
		.info{
			float: left;
		    width: 10%;
		    text-align: center;
		}
		.info-head{
			height: 50px;
		}
		.info-head img{
			width: 50px;
		}
		.swiper-other{
			width: 100%;
		}
		.matter-item{
		    width: calc((100% - 100px)/5);
		    font-size: 16px;
		}
		.swiper-button-next{
		    right: 10px;
		    background: url(../img/next.png) rgba(66, 93, 174, 0.3) no-repeat 5px;
		    padding: 35px 10px 35px 20px;
		}
		.swiper-button-prev {
		    left: 10px;
		    background: url(../img/next.png) rgba(66, 93, 174, 0.3) no-repeat 5px;
		    padding: 35px 10px 35px 20px;
		    transform: rotate(180deg);
		}

		/*涓�琛ㄧ敵璇�*/
		.form-item-title{
			margin-right: 10px;
		}
		.radio-detail,.remark-wrap,.form-group .input-group{
		    width: calc(100% - 200px);
		}
		.form-detail .input-item-single input,.form-detail input{
			width: 100%;
		}
		.form-detail select{
			height: 35px !important;
			width: 100% !important;
		}
		.select2-container{
			width: 100% !important;
		}
	}
	@media screen and (max-width: 1200px){
		/*涓�琛ㄧ敵璇�*/
		.form-item-title,.form-group label{
			margin-right: 10px;
			width: 140px;
		}
		.relate-wrap >div:nth-child(2){
			width: calc(100% - 200px);
		}
		.radio-detail,.remark-wrap,.form-group .input-group,.single-item .radio-detail,.relate-wrap{
		    width: calc(100% - 150px);
		}
		#trust_date_time{
			width:220px;	
		}
		.historyList table td{
			line-height:25px !important;
		} 
		.history-cancel,.history-modify{
			width:80px !important;
			font-size:14px;
			border-radius:4px;
		}
	}
	@media screen and (max-width: 1000px){
		.nav-left.light, .nav-middle.light, .nav-right.light,.nav-left, .nav-middle, .nav-right{
			height: 60px;
		}
		.content-nav >div{
			line-height: 20px;
			font-size: 16px;
		}
		.content-title{
			font-size: 20px;
			margin-bottom: 25px;
		}
	}
	@media screen and (max-width: 900px){

		.matter-item{
		    width: calc((100% - 60px)/4);
		    margin-right: 20px;
		    font-size: 14px;
		}
		.matter-img img,.matter-img{
			height: 40px;
		}
		.content .swiper-slide >div:nth-child(5n) {
		    margin-right: 20px;
		}
		.content .swiper-slide >div:nth-child(4n) {
		    margin-right: 0;
		}
		.header .title{
			font-size: 12px;
		}
		.logo{
			margin-right: 30px;
		}
	}
	@media screen and (max-width: 800px){
		.header >div, .content, .footer >div ,body,.header{
		    width: 800px;
		    min-width: 800px;
		}
		.nav-left.light, .nav-middle.light, .nav-right.light,.nav-left, .nav-middle, .nav-right{
			height: 50px;
		}
		.content-nav >div{
			line-height: 18px;
			font-size: 14px;
		}
		.content-title{
			font-size: 16px;
			margin-bottom: 20px;
		}
		.content-title img{
			width: 20px;
			height: 25px;
		}
	}