@charset "utf-8";

.full{padding-left:0px;padding-right: 0px;}
@media only screen  and (max-width: 481px){
    html { font-size: 0.875rem; }
	/** 移动端 */
	.diy-nav-mobile,.diy-nav-mobile-group{
		display: block;
	}
	.row{max-width:481px;}
	
	.diy-nav,.diy-nav-mobile-menu{
		display: none;
	}	
	.diy-section-nav-header{margin-top:0.5rem;}
	.diy-section-side-nav dd{top:2rem;}

	/** 顶部轮播*/
	.banner-list-li {background: rgba(0,0,0,0.45);}
	.banner-list-li .ad_txt{z-index:1;left:1rem;top:200px;;}
	.banner-list-li .ad_img{width:400px;height:300px;opacity:0.85;}
}

/** 481 **/
@media only screen  and (min-width: 281px){
    html { font-size: 0.875rem; }
	/** 移动端 */
	.diy-nav-mobile,.diy-nav-mobile-group{
		display: block;
	}

	.row{min-width:481px;}
	
	.diy-nav,.diy-nav-mobile-menu{
		display: none;
	}

	/*.app_system{min-width: 95.5%;max-width: 100%;}*/
	.diy-section-nav-header{margin-top:0.5rem;}
	.diy-section-side-nav dd{top:2rem;}	

	/** 顶部轮播 */
	.banner-list-li {background: rgba(0,0,0,0.45);}
	.banner-list-li .ad_txt{z-index:1;left:1rem;top:120px;}
	.banner-list-li .ad_img{width:400px;height:300px;opacity:0.75;}	
}

/** 769 **/

@media only screen and (min-width: 769px){
	html { font-size: 1rem; }
	.diy-nav-header .sdt-row-left{
		display:initial;
	}
	.diy-nav-mobile,.diy-nav-mobile-group{
		display: none;
	}
	.diy-section-side-nav dd{top:0px;}
	.diy-section-nav-header{margin-top:0rem;}
	main{margin-top:50px;}
	.row{min-width: 769px;}
	
	.diy-box-website .icon:before { position: absolute;margin-left: -30px;width: 60px;height: 60px;}

	.diy-nav,.diy-nav-mobile-menu{
		display: block;
	}		
}

/** 980 **/
@media only screen and (min-width: 992px){
	html { font-size: 1rem; }
	.diy-nav-header .sdt-row-left{
		display:initial;
	}
	/*.app_system{min-width: 283px;max-width:283px;}*/
	.diy-nav-panel-wrapper{top:98px;}
	main{margin-top:98px;}
	.row{min-width: 992px;}
	.diy-nav{
		display: block;
	}	

	.diy-nav-col-1 {
    	-ms-flex: 1 0 auto;
    	flex: 1 0 auto;
    	width: 360px;
	}

	.diy-nav-col-2 {
    	display: block;
	}

	.diy-box-website .icon:before {left: 50%;}

	/** 顶部轮播 */
	.banner-list-li {background:none;}
	.banner-list-li .ad_txt{z-index:1;opacity: 1;left:150px;top:100px;}
	.banner-list-li .ad_img{right:100px;top:50px;width:506px;height:404px;opacity:1;}	
}

/** 1200 **/
@media only screen and (min-width: 1200px){
	
	html { font-size: 1rem; }
	.diy-nav-header .sdt-row-left{
		display:initial;		
	}
	.diy-nav-panel-wrapper{top:100px;}	
	main{margin-top:100px;}
	.row{min-width: 1200px;}
	.page-home .diy-top-banner{min-width:1200px;}
	

	.diy-nav-item{
		padding-top:0px;
		padding-bottom:8px;
	}
	
	/** 右侧案例 */
	.diy-nav-resources-item {
    	-ms-flex: 0 0 48%;
    	flex: 0 0 48%;
    	max-width: 48%;
	}
	
	.diy-nav{
		display: block;
	}
}

/** 1680 **/
@media only screen and (min-width: 1680px){

	.diy-nav-header .sdt-row-left{
		display:flex;
	}
	.diy-nav-panel-wrapper{top:88px;}

	.row{min-width: 1200px;width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
	
	main{margin-top:66px;}

	.page-home .diy-top-banner{min-width:1200px;}
	

	.diy-nav-item{
		padding-top:10px;
	}

	.diy-nav{
		display: block;
	}
}