@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px){
	.container{ width:750px}	
	.contect5 .partner ul li{ width: 30.5%;height:100px;}
	.footer_bottom ul li{ padding: 0 15px; }
}
@media screen and (min-width: 992px){
	.container {width: 970px;}
	.nav_ul li a.a_01{ padding:20px 16px}
	.contect5 .partner ul li{ width: 17.5%;height:84px;}
	.news_right ul li:last-child{ display: none; }
	.footer_bottom ul li{ padding: 0 20px }
	.footer_top .footer_center { margin-left: 3%;}
}
@media screen and (min-width: 1200px){
	.container {width: 1100px;}
	.nav_ul li a.a_01{ padding:21px}
	.contect5 .partner ul li{ width: 14.3%;height:79px;}
	.news_right ul li:last-child{ display: block }
	.footer_bottom ul li{ padding: 0 20px }
	.footer_top .footer_center { margin-left: 6%;}
}
@media screen and (max-width: 992px) { 
	.meun_moblie{ display:inline-block;padding:0.5em 1em;}
	.nav_bx{ display:none}
	.nav{position: absolute;z-index: 9999; width: 100%; top: 62px;left: 0;background: #fff; display:none;    box-shadow: 0px 1px 3px #e6e6e6;}
	.number_box span{ font-size:56px;}
	.main{ position:relative}
	.nav .nav_ul li{ float:none; }
	.nav_bx{ position:relative; width:100%; top:0;}
	.nav_ul li a.a_01{border-bottom: 1px solid #eee;}
	.nav_ul li a.a_01:hover{border-top:none; margin-top:0; text-decoration:underline}
	.nav_bx a.a_02:hover{ background:none; color:#333;text-decoration:underline}
	.nav_ul li a.a_01:focus,nav_bx a.a_02:focus{ color:#e31f2b}
	.nav_bx a.a_02{ padding-left:45px;}	
	.job .w280 ul,.news .news_left,.news .news_right,.contect2 .hehuo .hehuo_con .nei .slick-list{ width: 100% }
	.news .news_left,.news .news_right{ margin-bottom: 20px }
	section .contect_nav{ top:0; margin: 0 }
	.bread{ margin-top: 20px; }
	section .news_contect .news_left{ width: 32% }
	section .news_contect .news_right{ width: 64% }
	.fome .form_group_biao{ width: 80% }
	section .con_text .detail { width: 45% }
	.footer_top .footer_left{display:none}
                
}
@media screen and (max-width:767px){
	.footer_top .footer_left,.footer_top .footer_center{ float: none; }
                .footer_top .footer_center,.footer_top .footer_left{ margin-bottom: 20px }
                .footer_left img{ width: 200px; margin: 0 auto; display: block;}
	.footer_top{ margin: 0 auto;text-align:center}
                .footer_top .footer_center{margin-left:0}
	.banner{ background-image: none!important; height: auto!important;}
	.case_box {width: 48.3%;}
	.case_box:nth-of-type(even){ margin-right: 0 }
	.number h1,.banner img,.navbar .navbar-brand{ display:block!important}
	.cbp-hrmenu .cbp-hrsub-inner > div { width:90%;padding:0.5em 1em;}
	.top_left img{ width:160px}
	.cbp-hrmenu .cbp-hrsub-inner > div{ min-height:auto}
	.top{ padding:1em}
	.contect{ padding: 0 1em}
	.input-group{ padding:0.8em 1em}
	.meun_moblie{ padding:0.5em 0}
	.number_box sub,.contect1 h1{ font-size:18px;}
	.number_box span {font-size: 26px;}
	.number_box p font,.number_box p{ font-size:16px;}
	.number .number_box{ margin:0px 0 40px 0}
	section .deta_r,section .news_contect .news_left,section .news_contect .news_right,.video .obj-box .obj{ width: 100% }
	.contect2 .hehuo .hehuo_con .nei .slick-list .slick-slide{ margin:0 5px}
	.video .video_bottom .ico{ width: 30px; height: 30px; }
	section .cont_bott,.banner .banner_text,.video .obj-box .close{ display: none; }
	section .news_contect .news_left{ margin-bottom: 20px }
	
	/*.footer .footer_right input[type=text]{ width: 190px; }*/
	.footer .footer_right input[type=button]{ width: 100px; }
	.footer_bottom ul li{ width: 25%; padding:10px 0; border-right: none; }
	.footer .footer_top{ padding: 35px 0 }
	
	section .download ul li{ width: 48%;}
	section .form_group .name{ margin-bottom: 10px; }
	.content_w800 table tbody tr:nth-of-type(2),.content_w800 table tbody tr:nth-of-type(3){ display: none; }
	.content_w800 table tbody tr:first-child td{ width: 0 }
	.map img:nth-of-type(1){ display: none; }
                .map img:nth-of-type(2){ display: block; }
                section .contect_nav .cont_a{font-size:14px;}

}
@media screen and (max-width:500px){
	section .con_text .detail ,section .con_text .detail_right,.con_c .job ul li,section .download ul li{ width: 100%; margin: 3% 0;}
	.fome .form_group_biao,section .form_group .name{ width: 100% }
	.fome .form_group_biao.ba{ text-align: center; }
	section .con_text .detail{ margin-right: 0 }

}
@media screen and (max-width:320px){
	.top_left{ width:60%}
	.number .number_box { width: 28.3%;margin-right: 0;}
	.footer .footer_right input[type=text] {width: 158px;}
	.footer .footer_right input[type=button] {width: 95px;}
section #imageMenu li{width:21%}
}