body,html{-background: red; }
*{padding:0;}
.tanc_con{
     /*margin: 16px;*/
         margin: 16px 22px;
    font-size: 14px;
}

.layui-layer.layui-layer-page.layui-layer-demo{
    height:auto!important;
    
}
.layui-layer.layui-layer-page.layui-layer-demo .layui-layer-content{
    height:auto!important;
    /*padding: 20px 0!important;*/
    max-height: 520px!important;
}
	
.jg_table{
    width:92%;
    margin:20px auto;
    border-collapse: collapse;
}
.jg_table tr td {
    border: 1px solid #333;
        padding: 5px;
    font-size: 14px;
    text-align: center;
}
.jg_table tr th{
    border: 1px solid #333;
        padding: 5px;
    font-size: 14px;
    text-align: center;
}
.header{
	display: flex;
    align-items: center;
    justify-content: space-around;
    padding-right: 0!important;
    padding-left: 0!important;
}
.header span:nth-child(1){
    position: relative;
    left:100px;
}
.header span:nth-child(2){
    position: relative;
    left:-100px;
}
.pmwj{
	width: 45%!important;
	margin: 6% auto!important;
	min-width: 250px!important;
}
input.input2{
	margin: 1% auto!important;
	min-width: 250px;
}
.column.middle form{
	height: calc(100% - 91px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.column.upper{
	min-width:auto!important;
}
.column.middle p{ 
	width: 100%;
	margin: 0;
}
.vs30left{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    align-items: flex-start;
    overflow:hidden!important;
}
.vs30left_l{
    width: calc(100% - 818px);
    width: 45%;
    float:left;
    
}
.vs30left_r{
    width: 782px;
    height: auto;
    float:right;
    width: 53%;
}
.column.vs30left{
    -height: 514px!important;
    height: auto!important;
}
.vs30right{
    -height: 514px!important;
}
.ind_sjxz{
    width: 98%;
    height:auto;
    overflow: hidden;
    border:2px solid #000;
    box-sizing:border-box;
    margin:auto;
    background:#fff;
}
.ind_sjxz>h2{
    text-align:center;
    -border-bottom:2px solid #000;
}
.ind_sjxz_b{
    width: 100%;
    height:auto;
    overflow: hidden;
    border-top:2px solid #000;
}
.ind_sjxz_b_l{
    width:calc(100% - 18%);
    height:auto;
    border-right:2px solid #000;
    float:left;
    overflow: hidden;
    box-sizing:border-box;
    padding: 20px;
}
.ind_sjxz_b_li_l button{
    margin: 0;
}
.ind_sjxz_b_r{
    width:18%;
    float:right;
    padding: 0 20px;
}
.ind_sjxz_b_li{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top:30px;
    border-bottom: 1px solid #000;
    padding-bottom: 30px;
}
.ind_sjxz_b_l .ind_sjxz_b_li:nth-child(1){
    margin-top: 0px;
}
.ind_sjxz_b_l .ind_sjxz_b_li:last-child{
    border-bottom:none;
    padding-bottom: 0;
}
.ind_sjxz_b_li_l{
    -background: red;
    width: 58%;
    width: 50%;
}
.ind_sjxz_b_li_r{
    width: 40%;
    width:32%;
}
.column.middle input{
        white-space: break-spaces;
}
#long{
    margin-right:20px!important;
}
.vs30left_l p:nth-child(1){
    margin-top: 0px!important;
}
.ind_sjxz_b_li_l p:nth-child(1){
    margin-top: 0px!important;
}
.column.left form{
    text-align: center;
}
.column.middle button{
   margin:1% auto;
}
.vs30gg g{
    -transform: rotateZ(10deg);
    display: inline-block;
        font-style: oblique;
}
.vs30gg l{
    -transform: rotateZ(10deg);
    display: inline-block;
    font-size: 14px;
        font-style: oblique;
}
.vs30gg k{
    font-size: 14px;
    display: inline-block;
    margin-left: 2px;
}
.xian.vs30gg g{
    text-decoration: underline;
}
.xian.vs30gg l{
    text-decoration: underline;
    font-size: 12px;
}
.xian.vs30gg k{
    text-decoration: underline;
    margin-left: 0px;
    font-size: 12px;
}
h2 .vs30gg{
    position: relative;
    top: 2px;
}
.vs30gg.text l{
    zoom: .8;
}
.vs30gg.text k{
    zoom: .8;
}
#columnleft .columnleftBtn{
    margin: 8px 0;
}
.ind_gccd{
    margin-bottom:20px;
}
.ind_gccd_b{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top: 2px solid #000;
}
.ind_gccd_b_l{
   width: calc(100% - 18%);
    height: auto;
    border-right: 2px solid #000;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px;
}
.ind_gccd_b_r{
    width: 18%;
    height:auto;
    overflow: hidden;
    float: right;
    padding: 0 20px;
}
@media (max-width: 1400px) {
    .vs30left_r{
        -width:70%;
    }
    .vs30left_l {
        -width: calc(70% + 20px);
        
    }
    .vs30left_l p{
        margin: 5px 0;
        -font-size: 13px;
    }
    .vs30left_l h2{
        font-size:15px;
    }
    .vs30left_l button{
        font-size:14px;
        
    }
}
@media (max-width: 1300px) {
	.column.left select{
		min-width:auto!important;
		width:100px!important;
	}
	.column.left input{
		min-width:auto!important;
		width:70px!important;
	}
	.column.left table tr td:nth-child(2){
		min-width:auto!important;
		width:80px!important;
	}
	.column.left table tr td:nth-child(3){
		min-width:auto!important;
		width:80px!important;
	}
	.column.left table tr td:nth-child(4){
		min-width:auto!important;
		width:100px!important;
	}
	.column.left table tr td:nth-child(5){
		min-width:auto!important;
		width:100px!important;
	}
	.column.left{
		-padding:10px!important;
		min-width:auto;
	}
}


@media (max-width: 1260px) {
    .column.vs30left {
        height: 434px!important;
        height:auto!important;
    }
    .vs30right {
        -height: 434px!important;
        -height:auto!important;
    }
}
@media (max-width: 1200px) {
	.column.middle{
		-width:30%;
		min-width: auto;
	}
	.column.right{
		-width:28%;
		min-width:auto;
	}
	.column.upper{
		margin-top: 0px!important;
	}
	.pmwj{
	}
	.column.middle button{
		width:90%;
	}
	.column.middle input{
		width:90%!important;
	}
	.ind_sjxz_b_li_l p{
	   font-size:14px;
	       
	}
	.ind_sjxz_b_li_l button{
	    min-width: 180px;
	    font-size:14px;
	    padding: 12px 10px;
	}
	.column.middle input.pmwj{
	    width:60%!important;
	}
}
@media (max-width: 1170px) {
    .vs30left_r {
        -width:65%;
    }
}
@media (max-width: 1100px) {
    .column.left{
       -float: none;
    }
	.column.left input{
		width: 65px!important;
	}
	.column.left select{
		width:95px!important;
	}
}

@media (max-width: 1050px) {
	.header{
		border: 1px solid #000;
	}
	.header span:nth-child(1){
        left:0px;
    }
    .header span:nth-child(2){
        left:0px;
    }
	.vs30left_l p{
	    font-size:15px;
	}
	.column.upper{
		border: 1px solid #000;
	}
	.column.left{
		width: 98%;
		border: 1px solid #000;
    	border-top: none;
    	margin-bottom:0;
    	height:auto;
    	padding-bottom: 10px;
	}
	.column.middle{
		width: 98%;
		border: 1px solid #000;
    	border-top: none;
    	float: none;
        margin: auto;
       overflow: hidden;
       height:auto;
       padding-bottom: 10px;
	}
	.column.right{
		width: 98%;
		border: 1px solid #000;
    	border-top: none;
    	float: none;
        margin: auto;
        overflow: hidden;
        height:auto;
        padding-bottom: 10px;
	}
	#maincontent h2{
		text-align:center;
	}
	.column.vs30upper{
	    border: 1px solid #000;
	    min-width:auto;
	    
	}
	.column.vs30left{
	    border: 1px solid #000;
        border-top: none;
	}
	.column.vs30right{
	   border: 1px solid #000;
        border-top: none;
        border-left: none;
	}
	.column.vs30left{
	    width: 98%;
        box-sizing: border-box;
        height: auto!important;
        float: none;
        min-width: auto;
        border-right: 1px solid #000;
        margin-bottom: 0;
	}
	.column.vs30right{
	    border: 1px solid #000;
        border-top: none;
        border-left: none;
        width: 98%;
        min-width: auto;
        float: none;
        height: auto!important;
        margin: auto;
        border-left: 1px solid #000;
    	}
	.footer{
	    border:1px solid #000;
	}
	.ind_sjxz{
	    border:1px solid #000;
	        margin: 1%;
	}
	.ind_sjxz_b{
	    border-top:1px solid #000;
	}
	.ind_sjxz_b_l{
	       border-right: 1px solid #000;
	}
	
}
@media (max-width: 1050px) {
	body,html{-background: yellow;overflow-x:hidden;}
	*{margin:0;}
	.header{
	   margin: 15px;
	   padding: 10px!important;
	}
	.header span{
	    width:auto;
	}
	.header h1{
	    font-size: 15px;
	    margin: 6px 0;
	    margin-right: 34px;
	}
	.header span{
	    font-size:13px!important;
	}
	#maincontent h2{
	    font-size:14px;
	}
	.column.upper{
	    width: auto;
        height: auto;
        padding: 14px;
        box-sizing: border-box;
        margin: 0 15px;
        float: inherit;
	}
	.column.left button{
	    font-size:13px;
	    zoom:.9;
	    margin-bottom: 8px;
	}
	.column.left{
		width: auto;
        margin: 0 15px;
        height:auto;
        padding:15px;
        float: inherit;
	}
	.column.middle{
		width: auto;
		height:auto;
        margin: 0 15px;
        padding:15px;
	}
	.column.right{
		width: auto;
		height:auto;
        margin: 0 15px;
        padding:15px;
	}
	.column.middle button{
	    font-size:13px;
	}
	.column.middle input{
	    font-size:13px;
	}
	.column.right p.help{
	    margin: 10px 0;
	}
	.column.middle form{
	    margin-top:13px;
	    zoom: .9;
	}
	.column.left form{
	    margin-top:13px;
	    -zoom: .8;
	}
	.column.vs30upper{
        border: 1px solid #000;
        /* border-top: none; */
        float: none;
        min-width: auto;
        margin: 15px 15px 0 15px;
        width: auto;
        height: auto;
        padding: 16px;
	}
	.column.vs30left{
	    width: auto;
        height: auto;
        min-width: auto;
        border: 1px solid #000;
        margin: 0 15px;
        overflow: hidden;
        border-top: none;
        float: none;
        display: block;
	}
	.column.vs30left img{
	    float: none;
        margin: 0;
        width: 100%;
        height: auto;
        margin-top: 20px;
	}
	.vs30left_l{
	    width: 100%;
        float: none;
	}
	.column.vs30left img{
	    width: 100%;
        float: none;
	}
	.column.vs30right{
	    width: auto;
        margin: 0 15px;
            padding: 15px 10px
	}
	.vs30left_l h2{
	    margin-top: 20px;
	}
	.column p{
	    font-size: 12px;
	}
	.vs30left_l button {
        font-size: 13px;
        zoom: .9;
        margin: 20px auto;
    }
	.footer{
	   border: 1px solid #000;
        margin: 15px;
        padding: 14px 15px!important;
	}
	.footer p.small{
	   line-height: 1; 
	}
	.footer p.small:nth-child(2){
	    margin:10px 0;
	}
	.columnleftBtn{
	    margin:16px 0;
	}
	.column.left>p>input {
        width: auto!important;
    }
	.columnleftBtn input{
	    background:none;
        outline: none;
        border: none;
        /* background: #008cba; */
        color: #fff;
        border-radius: 4px;
        padding: 7px 16px;
        width: auto!important;
        margin: 0 4px;
        border: 1px solid #999;
        color: #999;
        font-size: 12px;
	}
	.layui-layer.layui-layer-page.layui-layer-demo{
	    width: 90%!important;
        left: 50%!important;
        margin-left: -45%!important;
        height:auto!important;
        
	}
	.layui-layer.layui-layer-page.layui-layer-demo .m-form{
	    padding: 15px;
        font-size: 13px;
	}
	.layui-layer.layui-layer-page.layui-layer-demo .m-form input{
	        height: 30px;
	}
	.layui-layer.layui-layer-page.layui-layer-demo .m-form button{
	       font-size: 13px;
	}
	.layui-layer.layui-layer-page.layui-layer-demo .layui-layer-content{
	    height:auto!important;
	    /*padding: 20px 0!important;*/
	}
	.ind_sjxz{
	    margin: 15px;
	    width:auto;
	}
	.ind_sjxz_b_l{
	    float: none;
        width: 100%;
        border-right: none;
	}
	.ind_sjxz_b_r{
	    float: none;
        width: 100%;
        border-top: 1px solid #000;
        padding: 15px 10px;
	}
	.ind_sjxz_b_r p{
	    font-size: 13px;
	}
	.ind_sjxz_b_r h2{
	    text-align: center;
        font-size: 14px;
	}
	.ind_sjxz_b_li{
	    display: block;
	    margin-top: 20px;
	    padding-bottom: 20px;
	}
	.ind_sjxz_b_li_l{
	    width: 100%;
	}
	
	.ind_sjxz_b_li_r{
        width: 100%;
        height: auto;
        margin-top: 20px;
	}
	
	.ind_sjxz>h2{
	    font-size: 15px;
        margin: 15px;
	}
	
	.ind_sjxz_b_li_l p{
	    font-size:13px;
	        margin-bottom: 10px;
	}
	.column.left table tr td:nth-child(1){
	    width:10%!important;
	}
	.column.left table tr td{
	    width:22.5%!important;
	}
	.column.left table{
	   width: 100%;
	   position: relative;
       left: -5px;
       margin-top: 10px;
	}
	.column.left .layerinput{
	    width: 100%;
	    margin-top: 10px;
	    display: flex;
	    align-items: center;
	}
	.column.left .layerinput span{
	    width:10%!important;
	    display:inline-block;
	    flex: 0.4;
	    font-size: 12px;
	}
	.column.left .layerinput input{
	    width:22.5%!important;
	    box-sizing:border-box;
	    outline:none;
	    flex: 1;
        margin: 0 2px!important;
        
        height: 26px;
        border: 1px solid #b1aaaa;
        color: #b1aaaa;
        padding: 0 5px;
        outline:none!important;
        font-size: 12px;
	}
	.column.left .layerinput select{
	    width:22.5%!important;
	    box-sizing:border-box;
	    flex: 1;
        margin: 0 2px!important;
        height: 26px;
        border: 1px solid #b1aaaa;
        color: #b1aaaa;
        padding: 0 5px;
        outline:none!important;
        font-size: 12px;
        background:none;
	}
	.lola{
	    margin: 0 2px!important;
        height: 26px;
        border: 1px solid #b1aaaa;
        color: #b1aaaa;
        padding: 0 5px;
        outline:none!important;
        font-size: 12px;
	}
	.column.left table tr td{
	    font-size:12px;
	}
	.column.left table tr td:nth-child(4){
	    width:22.5%!important;
	}
	.column.left table tr td:nth-child(5){
	    width:22.5%!important;
	}
	#long{
        margin-right:10px!important;
    }
	/*.column.left form:nth-child(1) p{
	    text-align: left;
	}*/
	.column.middle input.pmwj{
	    width: 70%!important;
	}
	.vs30gg l{
        font-size: 12px;
    }
    .vs30gg k{
        font-size: 12px;
    }
    h2 .vs30gg{
        position: relative;
        top:1px;
    }
    p .vs30gg.xian l{
    zoom: .75;
}
p .vs30gg.xian k{
    zoom: .75;
}

.column.vs30left p img{
    width: auto;
    margin: 7px 0;
}
    .ind_gccd_b_l{
        width: 100%;
        float: initial;
        border: none;
    }
    .ind_gccd_b{
        border-top: 1px solid #000;
    }
    .vs30left_r{
        width: 100%;
    }
    .ind_gccd_b_r{
        width: 100%;
    float: initial;
    border-top: 1px solid #000;
    padding: 15px 10px;
    }
    .ind_gccd_b_r h2 {
        text-align: center;
        font-size: 14px;
    }
    .ind_gccd_b_r p {
        font-size: 13px;
    }
    .ind_gccd_b .vs30left_l{
        font-size: 12px;
    }
    .ind_gccd_b .vs30left_l p{
        font-size: 12px;
    }
    .ind_gccd_b .vs30left_l a{
        font-size: 12px;
    }
    .ind_sjxz_b_li_l{
        font-size: 13px;
    }
    .ind_sjxz_b_li_l a{
        font-size: 13px;
    }
    .vs30left_l p img{
        margin: 5px 0px;
    display: inline-flex;
    }
    .ind_sjxz_b_li_l p img{
        margin: 5px 0px;
    display: inline-flex;
    }
}
@media (max-width:320px) {
    .column p{
        zoom: .8;
    }
        
}