/* CSS Document */

@media (max-width:1200px) {
	.heade1 .head2{ width:70%; float:right;}
	.header2 .navbox nav li .abg .mb{ display:none;}
}

@media( max-width:1024px){
	.heade1 .topbar .bar1{ display:none;}
	.ser1 .serli{ padding:15px;}
	.conta .c_left{ width:50%;}
	.conta .c_right{ width:50%;}
	.file .f_left{ width:50%;}
	.file .f_right{ width:50%;}
	.bg1{ background-size:120%;}
	
	.content-left .cl_bot{ display:none;}
}

@media (max-width:991px) {
	.heade1 .topbar .logo{ width:50%;}
	
	.navbar-toggle{ display:block; margin-right:0;}
	.navbar-toggle .icon-bar{ background:#c60203; width:40px; height:5px;}
	
	.heade1 .topbar .sjdnav{ width:150px; position:absolute; right:15px; top:100%; z-index:5; display:block;}
	.heade1 .topbar .sjdnav ul{ margin:0; padding:0;}
	.heade1 .topbar .sjdnav li{display:block; padding:0; text-align:center; background:#c50102; margin-bottom:3px;}
	.heade1 .topbar .sjdnav li.active a{ color:#fff; background:#dd2728;}
	.heade1 .topbar .sjdnav li a{ display:block; color:#fff; line-height:32px; font-size:16px;}
	.heade1 .topbar .sjdnavhide{ height:0; overflow:hidden;}

	.banner .banpc{ display:none;}
	.banner .mban{ display:block;}
	.bg1{ background-size:130%;}
	.ser1 .serli{ padding:10px;}
	.bg2 .index_title .in_title3{ width:65%;}
	.bg4 .index_title .in_title3{ width:65%;}
	.bg3 .index_title .in_title3{ width:65%;}
	.news2 .new_li .nli_img .new_tit2{-webkit-line-clamp: 2;}
}
 @media (max-width:850px){
	.news .n_left, .news .n_right{ width:100%;}
	.conta .c_left, .conta .c_right{ width:100%;}
	.bg1{ background-size:140%;}
	.news2 .new_li .nli_img .new_tit1{ margin-top:0;}
}


 @media (max-width:768px) {
	 .main{ margin-top:10px; margin-bottom:0;}
	 .heade1 .topbar{ padding:4px 0;}
	.banner .banpag{bottom:0}
	.bg1{ background-size:150%;}
	.file .f_left, .file .f_right{ width:100%;}
	.heade1 .topbar .logo{ width:65%;}
	.foobg{ margin-bottom:56px;}
	
	.content-left, .content-right{ width:100%;}
	.cl_top .cl_tt{background: url(/themes/default/css/../images/17301.jpg) no-repeat;background-size: 100% 100%;}
	.cl_top .cl_tt .tit{ text-align:center; padding-right:20px;}
	.cl_top .cl_tt .tit i{ display:block; float:right; width:48px; line-height:48px; cursor:pointer;}
	.cl_top .ul_lsit{ display:none;}
	.cr_top .cr_top1{ border:1px solid #cacaca; padding:0 5px; margin-top:10px;}
	.cr_top .cr_top1 .cr_sp1{ display:block; float:left;}
	.cr_top .cr_top1 .cr_sp2{ float:right;}
	.news2 .new_li .nli_img .new_tit2{-webkit-line-clamp: 3; line-height:21px;}
	.news2 .new_li .nli_img .new_tit1{ line-height:28px}
	
	.form2 .form-group{ margin:0 !important;}
	.form2 .col-sm-offset-2{margin-left:0; margin-top:20px;}
	.form2 .col-sm-2{ width:100%;}
	.ser1 .serli a:hover{ margin-top:0;}
}

 @media (max-width:650px) {
	 .bg1{ background-size:170%;}
	.index_title .in_title2{ width:80%;}
	.bg2 .index_title .in_title3{ width:80%;}
	.bg3 .index_title .in_title3{ width:80%;}
	.bg4 .index_title .in_title3{ width:80%;}
	.news2 .new_li .nli_img .new_tit2{-webkit-line-clamp: 2;}
}

 @media (max-width:540px) {	
 	.heade1 .topbar .logo{ width:73%;}
	.bg1{ background-size:180%;}
	.news .n_left .nl_img{ height:180px;}
	.news2 .new_li .nli_img .new_sj{ bottom:0; left:37%;}
}

 @media (max-width:450px) {
	 .navbar-toggle{ padding:0;}
	 .heade1 .topbar .logo{ margin-top:6px;}
	 

	 .bg1{ background-size:190%;}
	 	
	.file{ margin-top:5px;}
	.news{ margin-top:8px;}
	.pars{ margin:0;}
	.conta{ margin:0;}
	
	.index_title h3{ font-size:15px; line-height:21px;}
	.index_title .in_title2{ margin-top:9px;}
	.index_title .in_title2 span{ font-size:14px; line-height:28px; top:-14px; padding:0 5px;}
	.bg2 .index_title .in_title3 span{font-size:14px; line-height:28px;}
	.bg3 .index_title .in_title3 span{font-size:14px; line-height:28px;}
	.bg4 .index_title .in_title3 span{font-size:14px; line-height:28px;}
	.bg2 .index_title .in_title3 span:before{ margin-top:13px;}
	.bg2 .index_title .in_title3 span:after{ margin-top:13px;}
	
	.pars .par_li{ width:50%;}
	.conta .c_right .cr_t .cr1{ width:100%;}
	.conta .c_right .cr_t .cr2{ width:100%;}
	.conta .c_right .crs .crs2{ width:100%;}
	
	.news .n_right .nr_li .nrs1{ width:40%;}
	.news .n_right .nr_li .nrs2{ width:60%;}
	
	.news2 .new_li .nli_img .new_sj{ display:none;}
}
 

 @media (max-width:415px) {
	 .bg1{ background-size:200%;}
	.heade1 .topbar .logo{ width:70%}
	.navbar-toggle .icon-bar{ width:30px; height:4px;}
	.heade1 .topbar{ padding:3px 0;}
	
	.news .n_left .nl_img{ height:150px;}
	.news2 .new_li .nli_img .new_l{ width:100%;}
	.news2 .new_li .nli_img .new_tit2{-webkit-line-clamp:3; margin-bottom:20px;}
}
 @media (max-width:350px) {
	.navbar-toggle{ padding:0;}
	.bg1{ background-size:220%;}
	.news .n_right .nr_li .nrs1{ width:50%;}
	.news .n_right .nr_li .nrs2{ width:50%;}
	.index_title .in_title2{ width:100%;}
	.bg2 .index_title .in_title3{ width:100%;}
	.bg3 .index_title .in_title3{ width:100%;}
	.bg4 .index_title .in_title3{ width:100%;}
	
	.prod2 .prods_li{ width:100%;}
	.cr_top .cr_top1>span{ width:100%; display:block;}
	.cr_top .cr_top1 .cr_sp1{ display:none;}
	.cl_top .cl_tt .tit{ padding-left:5px; padding-right:5px;}

 }
  @media (max-width:320px) {
	.bg1{ background-size:260%;}
	.ser1 .serli{ width:50%;}
 }