@media screen and (min-width: 1401px){
	.pro_list1 dd:nth-child(3n){
		margin-right: 0;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px){
	.wrapper{
		width:92%;
	}
	
	.sub_nav_bars1 .item{
		padding: 0 24px;
	}
	
	
	.pro_list1 dd:nth-child(3n){
		margin-right: 0;
	}
	
	
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.wrapper{
		width:92%;
	}
	.menu_tt .text{
		padding: 0 4px;
	}
	.title1{
		padding-top: 24px;
	}
	.title1 .tt_bg{
		font-size: 60px;
	}
	.title1 .tt{
		font-size: 36px;
		margin-bottom: 22px;
	}
	.ind_box1_r_text{
		top: 35px;
	}
	.ind_box1_r_text .num{
		font-size: 60px;
	}
	.ind_box1:after{
		height: 290px;
	}
	.pro_list2_con2 .text{
		height: 96px;
	}
	
	.footer_t_r{
		width: 60%;
	}
	.footer_b{
		padding: 30px 0;
	}
	
	/*
	 * about
	 */
	.ind_box4_bars .item{
		font-size: 16px;
	}
	.sub_title .tt{
		font-size: 40px;
	}
	.about_box1_list dd .con .tt{
		font-size: 24px;
	}
	.about_title1 .tt{
		font-size: 26px;
	}
	.about_box2_list1 dd .con .num{
		font-size: 48px;
	}
	
	/*
	 * contact
	 */
	.contact_box1_l .item .icon{
		width: 70px;
		height: 70px;
		line-height: 68px;
		font-size: 30px;
		margin-top: -35px;
	}
	.contact_box1_l .item .text{
		font-size: 14px;
	}
	
	
	/*
	 * pro_list
	 */
	.pro_list1 dd{
		width:calc((100% - 20px) / 2);
		margin-right: 20px;
	}
	.pro_list1 dd:nth-child(2n){
		margin-right: 0;
	}
	
	/*
	 * service
	 */
	.service_box1_con2 .icon{
		width: 120px;
		height: 120px;
	}
	
	
	/*
	 * capacity
	 */
	.capacity_list dd{
		padding: 0 8px;
		margin-bottom: 16px;
	}
	.capacity_list dd .tt{
		line-height: 48px;
	}
	/*
	 * pro_det
	 */
	.main_l{
		width: 250px;
	}
	.main_r{
		width: calc(100% - 250px);
	}
	.main_nav_t .text{
		font-size: 16px;
	}
	
	.big_pic_show{
		margin: 0 auto 20px;
	}
	.p_det_inf{
		width: 100%;
		padding-left: 0;
	}
	.p_det_inf_tt{
		font-size: 28px;
	}
	.pro_det_b_tabs{
		padding: 25px 20px;
	}
	.rela_pro_title .tt{
		font-size: 26px;
	}
	.sub_nav_bars1 .item{
		padding: 0 14px;
	}
	
	
}


@media screen and (min-width: 768px) and (max-width: 992px){
	.wrapper{
		width:92%;
	}
	.header,.search_box{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	
	
	.ind_box1_l{
		width: 100%;
		margin-bottom: 30px;
	}
	.ind_box1_r{
		width: 100%;
		padding-left: 0;
	}
	.ind_box1:after{
		display: none;
	}
	.title1{
		padding-top: 20px;
	}
	.title1 .tt_bg{
		font-size: 52px;
	}
	.title1 .tt{
		font-size: 32px;
		margin-bottom: 20px;
	}
	.ind_box1_l_text{
		margin-bottom: 40px;
	}
	.ind_box1_l_tt{
		font-size: 20px;
	}
	.ind_box1_r_text{
		top: 30px;
	}
	.ind_box1_r_text .num{
		font-size: 60px;
	}
	.ind_box1:after{
		height: 290px;
	}
	.pro_list2_con2 .text{
		height: 96px;
	}
	.ind_box2{
		padding: 40px 0;
	}
	.pro_list1_con{
		padding: 18px 10px;
	}
	.more_btn1{
		width: 120px;
		line-height: 32px;
	}
	.ind_box3{
		height: 540px;
		padding: 40px 0 0;
	}
	.ind_box3_r_title .tt{
		font-size: 40px;
	}
	.ind_box3_l{
		width:40%;
	}
	.ind_box3_r{
		width: 60%;
	}
	.ind_faq_list dd a{
		padding: 20px 15px;
	}
	.pro_list2 dd{
		width: 50%;
		margin-bottom: 20px;
	}
	.ind_service_list dd{
		margin: 0 40px 40px;
	}
	.ind_service_list dd a{
		padding: 10px;
	}
	.news_list1 dd{
		padding: 0 7px;
	}
	.ind_box4_bars .item{
		font-size: 16px;
		height:44px;
		margin-bottom: 6px;
	}
	
	.footer_t_contact_tt1{
		font-size: 20px;
	}
	.footer_clm{
		margin-bottom: 20px;
	}
	.footer_t_r{
		width: 60%;
	}
	.footer_b{
		padding: 30px 0;
	}
	
	/*
	 * about
	 */
	.sub_banner{
		height: 300px;
	}
	.sub_title .tt{
		font-size:32px;
	}
	.about_box1_list dd .con .tt{
		font-size: 20px;
	}
	.about_title1 .tt{
		font-size: 22px;
	}
	.about_box2_list1 dd .con .num{
		font-size: 36px;
	}
	.about_box3_list dd .con .tt{
		font-size: 18px;
	}
	
	/*
	 * contact
	 */
	.contact_box1_l .item .icon{
		width: 60px;
		height: 60px;
		line-height: 58px;
		font-size: 26px;
		margin-top: -30px;
	}
	.contact_box1_l .item .text{
		font-size: 14px;
	}
	.contact_box2_form{
		width: 100%;
	}
	.contact_box2_con{
		padding: 20px 10px;
	}
	.contact_box2_form_r{
		display: none;
	}
	
	
	/*
	 * culture
	 */
	.culture_list1 dd .icon{
		width: 120px;
		height: 120px;
		line-height: 120px;
		font-size: 40px;
	}
	
	/*
	 * faq
	 */
	.faq_list1 dd{
		margin-bottom: 20px;
	}
	.faq_title{
		padding: 15px;
	}
	.faq_text{
		padding: 20px 15px;
	}
	.faq_title .tt{
		font-size: 16px;
		padding-left: 5px;
	}
	
	/*
	 * news
	 */
	.news_list2_pic{
		width: 250px;
	}
	.news_list2_con{
		width: calc(100% - 250px);
	}
	.news_list2_title{
		font-size: 16px;
	}
	
	
	/*
	 * pro_list
	 */
	.sub_page_pro_wrap{
		flex-direction: column-reverse; 
	    -ms-flex-direction: column-reverse;
	    -webkit-flex-direction: column-reverse;
	}
	.main_l{
		width: 100%;
		margin-bottom: 20px;
	}
	.main_r{
		width: 100%;
		padding-left: 0;
		margin-bottom: 30px;
	}
	/*
	 * pro_list
	 */
	.pro_list1 dd{
		width:calc((100% - 20px) / 2);
		margin-right: 20px;
	}
	.pro_list1 dd:nth-child(2n){
		margin-right: 0;
	}
	
	/*
	 * service
	 */
	.service_box1 dd{
		width: calc((100% - 20px) / 3);
		margin-right: 10px;
	}
	.service_box1_con2 .icon{
		width: 100px;
		height: 100px;
		margin-bottom: 5px;
	}
	.service_box1_con2 .tt{
		font-size: 16px;
	}
	
	/*
	 * capacity
	 */
	.capacity_list dd{
		width: 50%;
	}
	.capacity_list dd .tt{
		line-height: 48px;
	}
	
	/*
	 * pro_det
	 */
	.big_pic_show{
		display: none;
	}
	.pro_det_pic_wap_box{
		display: block !important;
	}
	.p_det_inf{
		width: 100%;
		padding-left: 0;
	}
	.p_det_inf_tt{
		font-size: 24px;
	}
	.p_det_inf_list{
		margin: 30px 0;
	}
	.pro_det_b_tabs{
		padding: 25px 20px;
	}
	.rela_pro_title .tt{
		font-size: 22px;
	}
	.pro_det_inf_btn{
		width: 180px;
		font-size: 14px;
		line-height: 40px;
	}
	.pro_det_inf_btn .icon{
		font-size: 20px;
	}
	
	/*
	 * quality
	 */
	.quality_list1 dd{
		width: 33.33%;
		padding: 0 8px;
		margin-bottom: 16px;
	}
	.quality_list1 dd a{
		padding: 10px;
	}
	
	
	
}



@media screen and (min-width: 300px) and (max-width: 767px){
	.wrapper{
		width:100%;
	}
	.header,.search_box{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	
	.ind_box1{
		padding: 30px 10px;
	}
	.ind_box1_l_list dd{
		width: calc((100% - 20px) / 3);
		margin-right: 10px;
	}

	.ind_box1_l_list dd a{
		padding: 15px 5px;
	}
	.ind_box1_l_list dd .tt,
	.ind_box1_l_list dd .tt2{
		font-size: 12px;
	}
	.ind_box1_l_list dd a:after{
		left: 5px;
		top: 5px;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
	}
	
	.ind_box1_l{
		width: 100%;
		margin-bottom: 20px;
	}
	.ind_box1_r{
		width: 100%;
		padding-left: 0;
	}
	.ind_box1:after{
		display: none;
	}
	.ind_box1_r_scroll.owl-theme .owl-controls{
		bottom: 15px;
	}
	.title1{
		padding-top: 15px;
		margin-bottom: 20px;
	}
	.title1 .tt_bg{
		font-size: 36px;
	}
	.title1 .tt{
		font-size: 22px;
		margin-bottom: 18px;
	}
	.ind_pro_list{
		margin-bottom: 20px;
	}
	.ind_box1_l_text{
		margin-bottom: 20px;
	}
	.ind_box1_l_tt{
		font-size: 18px;
	}
	.ind_box1_r_text{
		top: 12px;
	}
	.ind_box1_r_text .num{
		font-size: 40px;
	}
	.ind_box1_r_text .num_box,.ind_box1_r_text{
		font-size: 14px;
	}
	.ind_box1:after{
		height: 290px;
	}
	.pro_list2_con2 .text{
		height: 96px;
	}
	.ind_box2{
		padding: 30px 10px;
	}
	.pro_list1_pic{
		padding: 6px;
	}
	
	.pro_list1_con{
		padding: 15px 5px;
	}
	.pro_list1_tt{
		font-size: 14px;
	}
	.pro_list1_text{
		margin: 12px 0 18px;
	}
	.more_btn1{
		width: 100px;
		line-height: 32px;
	}
	.ind_box3{
		height: 730px;
		padding: 40px 0 0;
	}
	.ind_box3_r_title .tt{
		font-size: 32px;
	}
	.ind_box3_l{
		width:100%;
		padding: 0 15%;
		margin-bottom: 15px;
	}
	.ind_box3_r_title .text{
		display: none;
	}
	.ind_box3_r{
		width: 100%;
		padding: 0 10px;
	}
	.ind_faq_list dd a{
		padding: 15px 10px;
	}
	
	.ind_box4{
		padding: 30px 5px;
	}
	.pro_list2_con2{
		display: none;
	}
	.pro_list2_con1 .tt{
		font-size: 12px;
		padding-bottom: 15px;
	}
	.pro_list2 dd{
		width: 50%;
		margin-bottom: 10px;
		padding: 0 5px;
	}
	.ind_box5{
		height: 600px;
		padding: 30px 10px;
	}
	.ind_service_list dd{
		width: 48%;
		height:0;
		padding-bottom: 48%;
		margin: 0 1% 22px;
		position: relative;
	}
	.ind_service_list dd a{
		position: absolute;
		left: 0;
		top: 0;
		padding: 5px;
	}
	.ind_service_list dd .tt{
		font-size: 12px;
		line-height: 16px;
	}
	.ind_box6{
		padding: 30px 10px;
	}
	.news_list1 dd{
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.ind_box4_bars .item{
		 
		height: 42px;
		font-size: 14px;
		line-height: 32px;
		padding: 0 10px;
		margin: 0 auto 10px;
	}
	
	.footer_t{
		padding: 30px 10px;
	}
	.footer_t_contact{
		width: 100%;
	}
	.footer_t_contact_tt1{
		font-size: 20px;
	}
	.footer_t_r{
		display: none;
	}
	.footer_b{
		font-size: 12px;
		line-height: 16px;
		padding: 15px 0;
	}
	
	/*
	 * about
	 */
	 .leadershio_box1{
	 	padding-top: 30px;
	 }
	.sub_banner{
		height: 150px;
		background-size: auto 100% !important;
	}
	.sub_page_about{
		padding-top: 30px;
	}
	.sub_title .tt{
		font-size:22px;
		margin-bottom: 10px;
	}
	.about_box1{
		padding:30px 10px;
	}
	.about_box1_list dd{
		width: 100%;
		margin-bottom: 15px;
	}
	.about_box1_list dd .pic{
		width: 100%;
	}
	.about_box1_list dd .con{
		width: 100%;
		padding: 15px 10px;
	}
	.about_box1_list dd .con .tt{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.about_title1{
		margin-bottom: 25px;
	}
	.about_title1 .tt{
		font-size: 18px;
	}
	.about_title1 .text{
		font-size: 14px;
	}
	.about_box2,.about_box3,.about_box4{
		padding: 30px 10px;
	}
	.about_box2_list1 dd{
		width: calc((100% - 10px) / 3);
		margin-right: 5px;
		text-align: center;
	}

	.about_box2_list1 dd .con .num{
		font-size: 26px;
		margin-bottom: 6px;
	}
	.about_box2_list1 dd .con .tt{
		font-size: 14px;
	}
	.about_box3_list dd{
		width: 100%;
		padding: 0 ;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.about_box3_list dd .con{
		padding: 15px 10px;
	}
	.about_box3_list dd .con .tt{
		font-size: 16px;
	}
	
	.about_box4{
		padding: 30px 10px;
	}
	.about_box4_l,.about_box4_m{
		width: 100%;
	}
	.about_box4_m{
		padding: 20px 0;
	}
	.about_box5{
		padding: 30px 10px;
	}
	
	/*
	 * contact
	 */
	 .sub_page_contact{
	 	padding: 30px 0;
	 }
	.contact_box1{
		padding: 35px 0 0;
	}
	.contact_box1_l{
		width: 100%;
	}
	.contact_box1_l .item{
		margin-bottom: 45px;
	}
	.contact_box1_m{
		display: none;
	}
	.contact_box1_con{
		padding: 40px 10px 0;
	}
	.contact_box1_l .item .icon{
		width: 50px;
		height: 50px;
		line-height: 48px;
		font-size: 20px;
		margin-top: -25px;
	}
	.contact_box1_l .item .text{
		font-size: 14px;
	}
	.contact_box2{
		width:100%;
		padding: 0;
	}
	.contact_box2_form{
		width: 100%;
	}
	.contact_box2_con{
		padding: 20px 10px;
	}
	.contact_box2_form_r{
		display: none;
	}
	.contact_faq_title,
	.contact_faq_title .tt{
		height:42px;
	}
	.contact_faq_title .text{
		display: none;
	}
	.contact_box2_form_list dd,
	.contact_box2_form_list dt{
		width: 100%;
	}
	.contact_box2_form_tt,.contact_box2_form_text,.contact_box2_form_area{
		width: 100%;
		text-align: left;
	}
	.contact_box2_form_btn
	.contact_box2_form_btn{
		margin: 0 auto;
	}
	
	/*
	 * culture
	 */
	 .sub_page_about2{
	 	padding: 30px 0;
	 }
	.culture_list1{
		padding: 20px 10px 20px;
	}
	.culture_list1 dd{
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.culture_list1 dd .icon{
		width: 100px;
		height: 100px;
		line-height: 100px;
		font-size: 34px;
	}
	.culture_list1 dd .tt{
		font-size: 14px;
	}
	
	/*
	 * faq
	 */
	.sub_page_faq{
		padding: 30px 10px;
	}
	.faq_list1{
		padding-top: 12px;
	}
	.faq_list1 dd{
		margin-bottom: 12px;
	}
	.faq_title{
		padding:12px 10px;
		line-height: 20px;
	}
	.faq_title .btn{
		font-size: 20px;
	}
	.faq_text{
		padding: 15px 10px;
		line-height: 20px;
	}
	.faq_title .tt{
		font-size: 14px;
		padding-left: 0px;
	}
	.faq_text .text{
		font-size: 12px;
		padding-left: 0 !important;
	}
	
	
	/*
	 * leadership
	 */
	.leadershio_box1_l{
		margin-bottom: 20px;
	}
	.leadershio_box1_l,.leadershio_box1_r{
		width: 100%;
	}
	
	/*
	 * news
	 */
	.news_list2 dd{
		margin-bottom: 10px;
	}
	.news_list2 dd a{
		padding: 6px;
	}
	.news_list2_pic{
		width: 100%;
	}
	.news_list2_con{
		width:100%;
		padding: 18px 10px;
	}
	.news_list2_title{
		font-size: 14px;
	}
	.news_list_date_box{
		font-size: 12px;
	}
	.news_list_text{
		margin-bottom: 14px;
	}
	
	/*
	 * news_det
	 */
	.news_det_title{
		font-size: 18px;
	}
	.news_det_desc{
		padding: 12px 0;
	}
	.news_det_wrap{
		border: 0;
	}
	.news_det_box{
		padding: 0;
		border: 0;
		margin-bottom: 35px;
	}
	.news_det_back_btn{
		width: 120px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	.news_det_page_item{
		width: 100%;
		padding:5px 0;
		border: 0;
		flex-direction: column; 
	    -ms-flex-direction: column;
	    -webkit-flex-direction: column;
	}
	.news_det_page_item_tt{
		width: 100%;
		text-align:left;
		font-weight: bold;
	}
	.news_det_page_item_text{
		width: 100%;
		padding-left: 0;
	}
	
	/*
	 * pro_cover
	 */
	.sub_page_pro{
		padding: 30px 5px;
	}
	
	/*
	 * pro_list
	 */
	.sub_page_pro_wrap{
		flex-direction: column-reverse; 
	    -ms-flex-direction: column-reverse;
	    -webkit-flex-direction: column-reverse;
	}
	.main_l{
		width: 100%;
		padding: 0 5px;
		margin-bottom: 20px;
	}
	.main_l_title{
		font-size: 18px;
		line-height: 40px;
		
	}
	.main_l_title.tie{
		display:none;
	}
	.main_nav_list{
		display:none;
	}
	.main_nav_t .text{
		font-size: 16px;
	}
	.main_r{
		width: 100%;
		padding-left: 0;
		margin-bottom: 30px;
	}
	.main_r_title .tt{
		font-size: 24px;
	}
	.pro_list1{
		padding: 0;
	}
	.pro_list1 dd{
		width: 50%;
		padding: 0 5px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	
	/*
	 * service
	 */
	.service_box1 dd{
		width: 100%;
		padding: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.service_box1_con2 .icon{
		width: 120px;
		height: 120px;
	}
	.service_box1_con2 .tt{
		font-size: 16px;
	}
	.service_box2_list dd{
		width: 100%;
		padding: 0;
		margin-right: 0;
	}
	.service_box2_con .text .item{
		width: 100%;
	}
	.service_box2_con{
		padding: 20px 15px;
	}
	.service_box2_con .tt{
		font-size: 16px;
		margin-bottom: 8px;
	}
	
	/*
	 * capacity
	 */
	.capacity_list dd{
		width:calc((100% - 10px) / 2);
		padding: 0;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.capacity_list dd:nth-child(2n){
		margin-right: 0;
	}
	.capacity_list dd .tt{
		font-size: 14px;
		line-height: 36px;
	}
	
	/*
	 * pro_det
	 */
	.sub_banner_pro{
		display: none;
	}
	.sub_page_prodet{
		padding:30px 0;
	}
	.pro_det_t{
		padding: 0;
	}
	.big_pic_show{
		display: none;
	}
	.pro_det_pic_wap_box{
		display: block !important;
	}
	.p_det_inf{
		width: 100%;
		padding:10px 10px;
	}
	.p_det_inf_tt{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.p_det_inf_list{
		margin: 20px 0;
	}
	.p_det_inf_clm{
		padding: 10px 0;
	}
	
	.pro_det_b_tabs{
		padding: 20px 10px;
	}
	.rela_pro_title .tt{
		font-size: 22px;
	}
	.pro_det_inf_btn_box{
		justify-content: space-between;
	    -ms-justify-content: space-between;
	    -webkit-justify-content: space-between;
	}
	.pro_det_inf_btn{
		width: 48%;
		margin: 0;
		font-size: 14px;
		line-height: 40px;
	}
	.pro_det_inf_btn .icon{
		font-size: 20px;
	}
	.pro_det_b_title .tt{
		font-size: 16px;
		line-height: 40px;
		width: 180px;
	}
	.pro_det_b_tabs_item_title{
		padding-bottom: 10px;
		font-size: 16px;
	}
	.pro_det_b_tabs_item_con{
		padding: 15px 0;
	}
	.rela_pro_title .tt{
		font-size: 18px;
	}
	.rela_pro .pro_list1{
		padding: 0 ;
	}
	.pro_det_inquiry{
		border: 0;
	}
	.pro_form_list1{
		padding: 20px 10px;
	}
	.contact_box2_form_list dd{
		margin-bottom: 6px;
	}
	
	.back_top{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 22px;
	}
	
	/*
	 * quality
	 */
	.quality_list1 dd{
		width: 50%;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.quality_list1 dd a{
		padding: 0px;
	}

	.rela_pro .pro_list1 dd{
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
	}
	.rela_pro .pro_list1 dd:nth-child(2n){
		margin-right: 0;
	}
	
	.sub_page_message{
		padding: 30px 0;
	}
	.sub_page_message_con{
		padding: 20px 10px;
	}
	.leadershio_box1_r{
		text-align: center;
	}
	.pro_det_b_r_box1,.rela_pro_title{
		border-left: 0;
		border-right: 0;
	}

	.sub_page_pro_wrap .main_l{
		padding:0 10px;
	}
	.news_list2{
		padding: 15px 10px 0;
	}
	.sub_page_pro .ind_box4_bars .item{
		width: calc(100% - 10px);
	}
	.sub_page_prolist_wrap .main_l{
		padding:0 5px;
	}


}