@charset "UTF-8";
@media screen and (max-width:1900px){
	
}
@media screen and (max-width:1850px){
	
}
@media screen and (max-width:1380px){
	.main{padding:0 2vw 0 2vw;}
	.top{padding:10px 2vw 10px 2vw;}
	.i-index{ padding:0 3vw 0 3vw;}
}

@media screen and (max-width:1180px){
}
@media screen and (max-width:1030px){
	.top .nav{display:none;}
	.nav_x{display:block;}
	
	.main{padding:0 10px 0 10px;}
	.top{padding:10px 10px 10px 10px;}
	.i-index{ padding:0 10px 0 10px; font-size:14px; line-height:2em;}	
	
	.font1{font-size:24px;}
	.font2{font-size:14px;}
	
	.bk_title1 p{ padding:15px 0 15px 0;}
	
	.bk_title2{ background-image:url(../images/duihao.jpg); background-repeat:no-repeat; background-position:left center; background-size:auto 100%;}
	.bk_title2 .p1{float:left;}
	.bk_title2 .p2{float:left; font-size:15px; margin:5px 0 0 12px; line-height:1.6em; color:#888888;}
	
	.bk_title3{}
	.bk_title3 .p1{}
	.bk_title3 .p2{font-size:15px; padding:8px 0 0 0; line-height:1.6em; color:#888888;}
	.bk_title3 .p3{padding:26px 0 0 0; color:#43556B; font-size:22px;}
	
	.i-works li .mjianjie{ padding:10px 10px 6px 10px;}
	.i-works li .mjianjie a{font-size:14px;}
	.i-works li .mjianjie p{ padding-top:5px; height:2em; line-height:2em; overflow:hidden;}
	.i-works li .layer{ top:20px;}
	.i-works li .layer .layer-title{ font-size:14px;}
	.i-works li .layer .layer-text{ height:2em; line-height:2em; overflow:hidden;}
	
	.i-works2 li .layer .layer-title{ font-size:14px;}
	
	.bk-content{ padding:15px 20px 30px 20px;}
	.bk-content h3{ font-size:16px;}
	.bk-content h4{ font-size:14px;}
	
}

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

}
@media screen and (max-width:850px){
	.top{ padding:5px 10px 5px 10px;}
	
	
	.i-works li{ width:100%; margin:6px 0 0 0;}
	.i-works li:hover .mimg img{
		transform: scale(1);
		-moz-transform: scale(1); /* Firefox 4 */
		-webkit-transform: scale(1); /* Safari 和 Chrome */
		-o-transform: scale(1); /* Opera */
	}
	.i-works li:hover .layer-bj{ display:none;}
	.i-works li:hover .layer{ display:none;}
	
	.i-works2 li{ width:50%;}
	.tc_box .con_width{max-width:90%; margin:auto;}
	
	.bk_title1 p{ padding:10px 0 10px 0;}
	
	.bk_title2{ padding:0 0 0 0px; background-image:none;}
	.bk_title2 .p1{float:left; width:100%; text-align:center;}
	.bk_title2 .p2{ display:none;}
	
	.bk_title3{ padding:0 0 0 0px; text-align:center;}
	.bk_title3 .p2{font-size:14px; text-align:center;}
	.bk_title3 .p3{padding:15px 0 0 0; font-size:14px;}
	
	.ke-zeroborder tr td{float:left; width:100%;}
	
	.footer-box .footer .mleft{ float:left; width:100%;}
	.footer-box .footer .mleft .copy{ width:100%; padding:0 0 0 0; border-right:0px solid #ffffff; text-align:center;}
	.footer-box .footer .mright{float:right; width:100%;}
	.footer-box .footer .mright .f-tel{ padding:10px 0 0 0px; text-align:center; font-size:14px; line-height:2em; color:#ffffff;}
	
	.hei40{height:14px; line-height:14px;}
	
	/*二级页面*/
	.works-list li{ width:48%; width: calc((100% - 10px)/2); width: -moz-calc((100% - 10px)/2); width: -webkit-calc((100% - 10px)/2); margin:5px 10px 5px 0; position:relative;}
	.works-list li:nth-child(3n+3){margin-right:10px;} 
	.works-list li:nth-child(2n+2){margin-right:0px;}
	.works-list li .mjianjie{ padding:10px 10px 10px 10px;}
	.works-list li .mjianjie a{ font-size:14px;}
	
	.media .arrow.pre {background-image: url();left:12%;}
	.media .arrow.next {background-image: url(); right:10%;}
	.media .dataitem .mtitle{ font-size:16px; color:#000000; font-weight:bold;}
	
}

@media screen and (max-width:760px){
	.tb1{}
	.tb1 tr td{ padding:20px 0px 20px 0px;}
}

@media screen and (max-width:740px){
	/*二级页面*/
	.news-list li .mimg{ width:100%;}
	.news-list li .mdate{ width:100px;}
	.news-list li .nr-box{width:70%; width: calc(100% - 190px); width: -moz-calc(100% - 190px); width: -webkit-calc(100% - 190px);}
	.news-list li .nr-box .mtitle a{font-size:15px;}
}

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

}

@media screen and (max-width:600px){
	/*详细*/
	.news-box{padding:10px 10px 10px 10px;}
	.xx_title{ padding:10px 0 10px 0; font-size:18px; }
	.xx_content{font-size:14px;}
	
	.pre_next p a{ font-size:14px;}

}

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

}

@media screen and (max-width:520px){
	.i-works2 li{ width:100%;}
	
	.works-list li{ width:100%; margin:5px 0 5px 0; position:relative;}
	.works-list li:nth-child(3n+3){margin-right:0px;} 
	.works-list li:nth-child(2n+2){margin-right:0px;}
}

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

}
@media screen and (max-width:420px){
	.footer-box .footer .mright .f-tel p{ font-size:17px;}
}
@media screen and (max-width:350px){

}