/* CSS Document */
@media (max-width:1221px) {
	.ys .ys1 .yss1, .ys .ys2 .yss2{ width:100%;}
	.ys .ys1 .yss1{ padding-left:20px;}
	}
@media (max-width:1200px) {
	
	.heade1 .topbar .logobar{ width:30%;}
	.heade1 .topbar .tel{ width:40%;}
	.flbox{ width:100%;}
	.fr_h .tel2 span b{ display:block;}
	.fr_h .tel2{ padding-top:396px;}
}

@media( max-width:1024px){
	.heade1 .topbar .logobar{ width:31%;}
	.heade1 .topbar .tel{ width:41%;}
	.flbox .flbox_top h3{ font-size:24px; line-height:40px;}
	.flbox .flbox_top span{ font-size:16px;}
	.flbox .fl_bot li h3{ font-size:18px;}
	.fr_h .tel2 {padding-top: 389px;}
	.index_title .tit_2{ font-size:21px; line-height:1;}
	.index_title .tit_2 b{ font-size:40px;}
	.index_title .tit_4{ font-size:21px;}
	.content-left{ width:28%;}
	.content-right{ width:70%;}
}

@media (max-width:991px) {
	.heade1 .topbar .logobar{ display:block; width:44%;}
	
	.navbar-toggle{ display:block; margin-right:0;}
	.navbar-toggle .icon-bar{ background:#c5161d; width:40px; height:5px;}
	
	.heade1 .topbar .sjdnav{ width:150px; position:absolute; right:15px; top:80px; 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:#c5161d; margin-bottom:3px;}
	.heade1 .topbar .sjdnav li.active a{ color:#fff; background:#262a2c;}
	.heade1 .topbar .sjdnav li a{ display:block; color:#fff; line-height:32px; font-size:16px;}
	.heade1 .topbar .sjdnavhide{ height:0; overflow:hidden;}
	.heade1 .tophead{ display:none;}
	.banner .banpc{ display:none;}
	.banner .mban{ display:block;}
	.pros_right .item1 li{ width:100px;}
	.pros_left{ width:32%;}
	.pros_right{ width:65%;}
	.features_l, .features_r{ width:100%;}
	.fr_h .tel2{ padding-left:105px; padding-top:220px;}
	.hf_t1{ width:100%;}
	.hf_t1 img{ margin:0 auto;}
	.hf_t2 .tc{ width:100%; float:left;}
	.bg3 .hf_2{ font-size:15px; line-height:21px;}
	.bg3 .hf_3{ font-size:24px; margin-bottom:0;}
	.gywm .gy_txt .gyt2{ max-height:162px;}
	.prosli{ width:50%; display:block; float:left;}
}

 @media (max-width:768px) {
	.heade1 .topbar .logobar{ display:none;}
	.hotSearch .sear_left{ width:100%;}
	.hotSearch .sear_right{ width:100%; margin-bottom:5px;}
	.pros_left{ width:100%;}
	.pros_right{ width:100%; margin-top:20px;}
	.pros_left .pro_ul .menu{ display:none;}
	.pros_right .item1 a{ width:auto; padding:0 10px;}
	.pros_right .item1 a:before{ display:none;}
	.fr_h .tel2{ padding-left:30px; padding-top:190px;}
	.ys .ys1, .ys .ys2{ width:100%;}
	.ys .ys1 .yss1 .yst1{ margin-top:0; width:280px; height:75px; line-height:75px;}
	.ys .ys1 .yss1 .yst1 span{ font-size:40px; width:70px;}
	.ys .ys1 .yss1 .yst1 i{ font-size:30px;}
	.ys .ys1 .yss1{ padding-top:10px; padding-bottom:10px;}
	.index_title .tit_2{ font-size:16px; line-height:1;}
	.index_title .tit_2 b{ font-size:30px;}
	.index_title .tit_4{ font-size:16px;}
	.gywm .gy_img{ width:100%;}
	.gywm .gy_txt{ width:100%; padding-top:10px;}
	.gywm .gy_img{ max-height:320px;}
	.gywm .gy_txt .gyt3 a{ width:100%;}
	.xwzx .xws{ width:100%; padding:10px 0;}
	.fo_top .fo_tt a{ margin-left:0; padding:0 10px;}
	.footer{ margin-bottom:56px;}
	.fo_bot .fo_r{ display:none;}
	.fo_bot .folo{ width:40%;}
	.fo_bot .fot1{ width:60%;}
	.content-left{ width:100%;}
	.content-right{ width:100%; margin-top:15px;}
	.left_ul .submenu{ display:none;}
	.prosli{ width:33.33%;}
	.left_bot{ display:none;}
	.news2 .new2-img{ width:100%;}
}

 @media (max-width:650px) {
	.index_title .tit_2{ font-size:22px; line-height:1;}
	.prosli{ width:50%;}
	.right-top{ height:35px;}
	.top-left{ width:auto; padding:0 5px; font-size:12px; line-height:35px;}
	.top-right{ width:auto; padding:0 5px; font-size:12px; line-height:35px;}
}

 @media (max-width:540px) {	
 	.fr_h .tel2{ padding-top:120px;}
 	.fr_h .tel2 span b{ font-size:28px;}
	.hf_t2 .tc span.sp1{ font-size:15px; line-height:40px; padding-left:10px;}
	.hf_t2 .tc span.sp2{ font-size:30px;}
	.ys .ys1 .yss1 .yst1{ width:180px; height:52px; line-height:52px;}
	.fo_bot .folo{ width:100%;}
	.fo_bot .fot1{ width:100%;}
	.fo_bot{ padding-top:10px;}
	.fo_bot .folo img{ margin-top:0;}
	.newLis .new_l{ width:32%;}
	.newLis .new_r{ width:66%;}
	.newLis .new_r .nrs1{ width:65%;}
 }

 @media (max-width:450px) {
	.hf_t2 .tc span.sp1{ width:100%; display:block; float:left; line-height:15px; padding-left:5px;}
	.hf_t2 .tc span.sp2{ font-size:20px; width:100%; display:block; float:left; padding-left:20px;}
	.hf_t2 .tc span.sp3 a{ font-size:12px;}
	.ys .ys1 .yss1 .yst1 span{ font-size:26px; width:43px;}
	.ys .ys1 .yss1 .yst1 i{ font-size:16px; margin-left:8px;}
	.ys .ys1 .yss1{ padding-left:10px;}
	.ys .ys1 .yss1 .yst2{ padding-left:20px;}
	.index_title .tit_2{ font-size:16px; line-height:20px;}
	.bg3 .hf_3{ font-size:15px; line-height:20px;}
}
 

 @media (max-width:415px) {
	.heade1 .topbar .logo{ width:55%}
	.navbar-toggle .icon-bar{ width:30px; height:4px;}
	.heade1 .topbar{ padding:5px 0;}
	.pros_right .item1{ width:60%;}
	.flbox .flbox_top h3{ font-size:18px; line-height:30px;}
	.flbox .flbox_top h3 b{ font-size:28px;}
	.flbox .flbox_top span{ font-size:14px;}
	.fr_h .tel2 span{ font-size:16px; line-height:25px;}
	.fr_h .tel2 span b{ font-size:20px;}
	.fr_h .tel2 a{ width:100px; margin-left:50px;}
	.newLis .new_l{ width:100%;}
	.newLis .new_r{ width:100%;}
	.newLis .new_r .nrs1{ width:60%;}
}
 @media (max-width:350px) {
	.navbar-toggle{ padding:0;}
	.heade1 .topbar .sjdnav{ top:52px;}
	.navbar-toggle{ margin-top:10px;}
	.heade1 .topbar .logo{ width:63%}
	.flbox .fl_bot li{ width:100%; }
	.flbox .fl_bot li:nth-of-type(odd){ border-right:none;}
	
 }
  @media (max-width:320px) {
	.heade1 .topbar .sjdnav{ top:44px;}
	.prosli{ width:100%;}
 }