@media only screen and (min-width: 768px) {
	.ss_main,.online-works{width:750px ;}
}
@media only screen and (min-width: 992px) {
	.ss_main,.online-works{width:970px;}
	}

@media only screen and (min-width: 1200px) {
	.ss_main,.online-works{width:1200px;}
	
}

@media only screen and (max-width: 1199px){
	.affa1-box1-l{ width: 100%; float: none;}
	.fw_list li{ width: 100%; margin-bottom: 10px;}
	.bl_top_r{ width: 100%;}
	.bl_ycbox .fw_list li{ width: 96px;}
	.bl_ycbox .affa1-b1-t1{ width: 100%; float: none;}
	.bl_ycbox .fw_list{ float: none; margin-top: 15px;}
	.detail-1-l{ display: none;}
	.ckjg_title ul{ padding: 0; }
	.ckjg_title{ line-height: auto; height: auto;}
    .ckjg_title li{ padding-bottom: 0; font-size: 16px; width: 100%; line-height: 30px; text-align: center; padding: 0; margin-right: 0;}
    .ckjg_title .on{ border-bottom: 0; background: #35509f; color: #fff;}
    .ckjg_con li .lf{ width: 100%; margin-bottom: 15px;}
    .ckjg_con{ padding: 0; margin-top: 20px;}
    .ckjg_con li .rg{ width: 100%;}
    .ckjg_con li .rg em b{ font-size: 12px; padding-left: 5px;}
    .ckjg_con li .rg span{ font-size: 14px;}
    .ckjg_con2 li em i b{ padding-left: 5px; font-size: 12px;}
    .ckjg_con2 li span{ font-size: 14px;}
}

@media only screen and (max-width: 768px){
	.grssqk1-t1{font-size: 18px;}
	.grssqk2-t1{font-size: 18px;}
	.grssqk2-1-t span:nth-of-type(3){text-indent: 0;}
	.grssqk2-1-ul ul li em{text-indent: 0;text-align: center;}
	.grssqk2-1-ul ul li span{text-indent: 0;}
	.grssqk2-1-ul ul li a{text-indent: 0;}
	.detar1-b1 table td .p2{margin-left: 0;}
	.detar1-b1 table th{padding: 0;}
	.online-works{width: 100%;padding-left: 15px;padding-right: 15px;}
	.online-l a{margin-right: 10px;}
	.online-r{float: left;margin-top: 10px;}
}

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

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

}
