/* index-news */
 /* news的样式 */
 .dy2{overflow: hidden;clear:both}
 .dy2 .lf{width:50%}
 .dy2 .dy3_rt {width: 45%;}
 .dy .dy3:nth-child(2){display: none}
 .dy .dy3_rt img{width:100%;display: block;}
 
@media only screen and (max-width: 1200px){
    .dy2 .lf{width: 99%;padding-bottom:30px;}
    .dy2 .dy3_rt{float: left;width: 100%;display: none}
		.dy2 .dy3 dd{padding-right:0}
}
@media only screen and (max-width: 680px){
		.dy2 dl{height:5rem;margin-bottom:1.2rem;}
		.dy2 dt{width:5rem;height:4.5rem;padding-top:0.5rem;font:2.5rem arial;font-weight:bold}
		.dy2 .dy3 dd{width:70%;float:right;margin-left:10px}
 
		
		.yous a{ float:left; width:48%; margin-right:4%;}
		.yous a:nth-child(2n){ margin-right:0;}
}

/* index-about */
@media only screen  and (max-width: 1400px){
    .about dd p{height:115px;overflow: hidden;}
    .about .content dl dt{height:335px}
}

@media only screen and (max-width: 1200px){ 
    .about .content dl dt{width: 100%;height:594px}
    .about .content dl dd{float:left;width:100%;padding:0 10px 0 10px}
		.about .content dl:before{visibility: hidden;}
}
@media only screen and (max-width: 1000px){ 
    .about .content dl dt{height:480px}
}

@media only screen and (max-width: 800px){
    .about .content dl dt{height:400px}
} 
@media only screen and (max-width: 650px){
    .about .content dl dt{height:320px}
} 
@media only screen and (max-width: 520px){
	.about .content dl dt{height:260px}
	.about .content dl dd h3 a{font-size:30px}
	.about dd p{font-size: 12px;line-height: 24px;margin-top: 20px;}
}
@media only screen and (max-width: 460px){
	.about .content dl dt{height:224px}
}
/* footer--start--*/
@media only screen and (max-width: 900px){
    .footer .fnav{padding-right:0;width:28%}
    .footer .flx{width:46%}
}

@media only screen and (max-width: 680px){
    .footer .fnav{display: none}
    .footer .flx{width:100%}
    .footer .code{float:left;width: 100%}
}
/* footer--end-- */

/* 历史进程 */
		@media (max-width:800px) {
		    .flow {
		        left:0;
		        padding:0 2.5%
		    }
		    .flow-list {
		        float:none
		    }
		    .flow-list .flow-warrper {
		        display:block;
		        width:100%;
		        float:none!important;
		        left:0!important
		    }
		    .flow-list .flow-warrper:before {
		        display:block!important;
		        left:18px!important;
		        right:0
		    }
		    .flow-list .pro {
		        display:inline-block;
		        vertical-align:top;
		        float:none!important;
		        margin-left:0!important;
		        margin-right:15px!important
		    }
		   .flow-list .desc {
		        display:inline-block;
		        vertical-align:middle;
		        float:none!important;
		        margin-bottom:40px
		    }
		    .flow-list .desc h3 {
		        text-align:left!important;
		        font-size:21px;
		        margin-top:8px
		    }
		    .flow-list .desc p {
		        text-align:left!important;
		        font-size:13px
		    }
				
				
		}
		@media (max-width:640px) {
			
		    .flow-list .desc h3 {
		        font-size:18px
		    }
		    .history .container_1240 {
		        padding:0 4%
		    }
		    .flow {
		        padding:0
		    }
		    .flow-list .desc p {
		        line-height:22px
		    }
		    .flow-list .desc {
		        margin-bottom:20px;
		        width:calc(100% - 60px);
		        width:-webkit-calc(100% - 60px)
		    }
		    .flow-list:nth-child(2n) .desc {
		        width:calc(100% - 60px);
		        width:-webkit-calc(100% - 60px)
		    }
		    .flow-list .desc h3 {
		        margin-bottom:5px
		    }
				.flow-list .desc img{width:290px;height:170px}
				}