/**
 *               ii.                                         ;9ABH,          
 *              SA391,                                    .r9GG35&G          
 *              &#ii13Gh;                               i3X31i;:,rB1         
 *              iMs,:,i5895,                         .5G91:,:;:s1:8A         
 *               33::::,,;5G5,                     ,58Si,,:::,sHX;iH1        
 *                Sr.,:;rs13BBX35hh11511h5Shhh5S3GAXS:.,,::,,1AG3i,GG        
 *                .G51S511sr;;iiiishS8G89Shsrrsh59S;.,,,,,..5A85Si,h8        
 *               :SB9s:,............................,,,.,,,SASh53h,1G.       
 *            .r18S;..,,,,,,,,,,,,,,,,,,,,,,,,,,,,,....,,.1H315199,rX,       
 *          ;S89s,..,,,,,,,,,,,,,,,,,,,,,,,....,,.......,,,;r1ShS8,;Xi       
 *        i55s:.........,,,,,,,,,,,,,,,,.,,,......,.....,,....r9&5.:X1       
 *       59;.....,.     .,,,,,,,,,,,...        .............,..:1;.:&s       
 *      s8,..;53S5S3s.   .,,,,,,,.,..      i15S5h1:.........,,,..,,:99       
 *      93.:39s:rSGB@A;  ..,,,,.....    .SG3hhh9G&BGi..,,,,,,,,,,,,.,83      
 *      G5.G8  9#@@@@@X. .,,,,,,.....  iA9,.S&B###@@Mr...,,,,,,,,..,.;Xh     
 *      Gs.X8 S@@@@@@@B:..,,,,,,,,,,. rA1 ,A@@@@@@@@@H:........,,,,,,.iX:    
 *     ;9. ,8A#@@@@@@#5,.,,,,,,,,,... 9A. 8@@@@@@@@@@M;    ....,,,,,,,,S8    
 *     X3    iS8XAHH8s.,,,,,,,,,,...,..58hH@@@@@@@@@Hs       ...,,,,,,,:Gs   
 *    r8,        ,,,...,,,,,,,,,,.....  ,h8XABMMHX3r.          .,,,,,,,.rX:  
 *   :9, .    .:,..,:;;;::,.,,,,,..          .,,.               ..,,,,,,.59  
 *  .Si      ,:.i8HBMMMMMB&5,....                    .            .,,,,,.sMr 
 *  SS       :: h@@@@@@@@@@#; .                     ...  .         ..,,,,iM5 
 *  91  .    ;:.,1&@@@@@@MXs.                            .          .,,:,:&S 
 *  hS ....  .:;,,,i3MMS1;..,..... .  .     ...                     ..,:,.99 
 *  ,8; ..... .,:,..,8Ms:;,,,...                                     .,::.83 
 *   s&: ....  .sS553B@@HX3s;,.    .,;13h.                            .:::&1 
 *    SXr  .  ...;s3G99XA&X88Shss11155hi.                             ,;:h&, 
 *     iH8:  . ..   ,;iiii;,::,,,,,.                                 .;irHA  
 *      ,8X5;   .     .......                                       ,;iihS8Gi
 *         1831,                                                 .,;irrrrrs&@
 *           ;5A8r.                                            .:;iiiiirrss1H
 *             :X@H3s.......                                .,:;iii;iiiiirsrh
 *              r#h:;,...,,.. .,,:;;;;;:::,...              .:;;;;;;iiiirrss1
 *             ,M8 ..,....,.....,,::::::,,...         .     .,;;;iiiiiirss11h
 *             8B;.,,,,,,,.,.....          .           ..   .:;;;;iirrsss111h
 *            i@5,:::,,,,,,,,.... .                   . .:::;;;;;irrrss111111
 *            9Bi,:,,,,......                        ..r91;;;;;iirrsss1ss1111
 */



@media screen and (min-width: 1401px){
	
	.ind_cus_list1 dd:nth-child(3n),
	.news_list1 dd:nth-child(3n),
	.case_list1 dd:nth-child(3n),
	.case_list2_dd4 dd:nth-child(4n),
	.case_list2_dd3 dd:nth-child(3n),
	.case_list3 dd:nth-child(3n),
	.pack_box2_list dd:nth-child(4n),
	.pro_list1 dd:nth-child(3n){
		margin-right: 0;
	}





	
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
	
	.menu_tt .text{
		padding: 0 20px;
	}

	.ind_box2_item2_con .tt{
		font-size: 22px;
	}

	.ind_cus_list1 dd:nth-child(3n),
	.news_list1 dd:nth-child(3n),
	.case_list1 dd:nth-child(3n),
	.case_list2_dd4 dd:nth-child(4n),
	.case_list2_dd3 dd:nth-child(3n),
	.case_list3 dd:nth-child(3n),
	.pack_box2_list dd:nth-child(4n),
	.pro_list1 dd:nth-child(3n){
		margin-right: 0;
	}

	.ind_cus_list1 dd a .con .tt{
		font-size: 24px;
		margin-bottom: 20px;
	}

	.ind_cus_list1 dd a:hover .con .text{
		margin-bottom: 22px;
	}
	
	


}
@media screen and (min-width: 992px) and (max-width: 1200px){
	.wrapper{
		width:92%;
	}

	
	.menu_tt .text{
		padding: 0 13px;
	}

	.banner_text{
		height: 80px;
		font-size: 24px;
	}

	.ind_title1{
		font-size: 32px;	
	}
	.ind_box2_bras .item{
		padding: 0 25px;
	}
	.ind_box2_item2_con .tt{
		font-size: 20px;
	}
	.ind_box2_item2_con .text{
		font-size: 16px;
		margin-bottom: 14%;
	}
	.ind_box2_item2_con .icon{
		width: 36px;
		height: 36px;
	}

	.ind_box3_b_list dd .tt{
		font-size: 16px;
	}
	.ind_box4_tabs_item_tt{
		font-size: 22px;
	}
	.ind_cus_list1 dd:nth-child(3n),
	.news_list1 dd:nth-child(3n),
	.case_list1 dd:nth-child(3n),
	.case_list2_dd4 dd:nth-child(4n),
	.case_list2_dd3 dd:nth-child(2n),
	.case_list3 dd:nth-child(3n),
	.pack_box2_list dd:nth-child(3n),
	.pro_list1 dd:nth-child(3n){
		margin-right: 0;
	}
	.news_list1 dd a .tt{
		font-size: 16px;
	}

	.ind_cus_list1 dd a .con{
		padding: 10px 10%;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.ind_cus_list1 dd a .con .tt{
		font-size: 20px;
		margin-bottom: 12px;
	}
	.ind_cus_list1 dd a:hover .con .text{
		margin-bottom: 16px;
	}
	.ind_cus_list1 dd a .con .btn{
		width: 120px;
		line-height: 30px;
	}


	/* about */
	.sub_navs_title{
		width: 240px;
		font-size: 36px;
	}
	.sub_navs_con{
		width: calc(100% - 240px);
	}
	
	.sub_title1 .tt{
		font-size: 30px;
	}
	.about_box1_clm1_r_tt{
		margin-bottom: 17px;
	}
	.about_box1_clm1_r_tt .tt,
	.about_box5_list .item .con .tt{
		font-size: 26px;
	}
	.about_box1_clm1_r_tt .line{
		margin-top: 17px;
	}
	.about_box1_clm1_video_icon img{
		width: 70px;
		height: 70px;
	}
	.about_box1_clm2 dd .num{
		font-size: 50px;
	}

	.about_box2_his_item .tt{
		font-size: 14px;
	}


	/* case_list */
	.case_list1_con{
		padding:7% 10%;	
	}
	.case_list1_con_tt a{
		font-size: 20px;
	}

	
	
	/* case_det */
	.case_det_title{
		font-size:26px;
	}
	.case_det_date .item{
		font-size: 14px;
	}
	.case_det_date .item .icon{
		font-size: 16px;
	}

	.case_list2_dd3 dd{
		width: calc((100% - 25px) / 2);
	}

	/* case_list2 */
	.case_list3_con{
		padding: 25px 7%;
	}
	.case_list3_btn{
		width: 36px;
		height: 36px;
		line-height: 34px;
		font-size: 22px;
	}


	/* news_list */
	.hot_news_list1_pic{
		width: 100%;
	}
	.hot_news_list1_con{
		width: 100%;
		padding: 30px 5%;
	}
	.news_list2 dd a{
		padding: 20px;
	}
	.news_list2_tt{
		font-size: 18px;
	}

	/* packging */
	.pack_box2_list dd{
		width: calc((100% - 50px) / 3);
		margin: 0 25px 25px 0;
	}


	/* pro_list */
	.sub_title3{
		font-size: 30px;
	}
	.pro_list1 dd a .tt{
		font-size: 16px;
	}

	/* pro_Det */
	.pro_det_title{
		font-size: 26px;
	}


	/* quality */
	.quality_title1 .num{
		font-size: 50px;
	}
	.quality_title1 .tt{
		font-size: 26px;
	}
	.quality_title1 .text{
		font-size: 16px;
	}
	.quality_box2_list1 dd .con .tt{
		font-size: 16px;
	}

	.quality_box3_con_item .tt{
		width: calc(100% - 50px);
		font-size: 16px;
	}
	.quality_box3_con_item .icon{
		width: 50px;
		height: 50px;
		font-size: 20px;
	}
	.quality_box3_con_l .quality_box3_con_item .tt{
		padding-right: 10px;
	}
	
	.quality_box3_con_r .quality_box3_con_item .tt{
		padding-left: 10px;
	}



	/* research */
	.research_box1_con_r .tt,
	.research_box2_tt1{
		font-size: 24px;
	}
	.research_box3_l .tt{
		font-size: 20px;
	}

	/* service */
	.service_title .tt{
		font-size: 26px;
	}

	/* VIDEO */
	.video_list1 dd a .pic .icon{
		background-size: 70px auto;
	}


}









@media screen and (min-width: 768px) and (max-width: 992px){
	.wrapper{
		width:92%;
	}
	.header_box{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	.mobile_menu_box{
		width: 350px;
		right: -350px;
		padding: 35px 5%;
	}

	
	.main_content{
		padding: 55px 0;
	}
	.banner_text{
		height: 50px;
		font-size: 18px;
	}
	.ind_box2_bras{
		padding-left: 0;
	}

	.ind_title1{
		font-size: 26px;
		width: 100%;	
	}
	.ind_box2_title_box .ind_title1{
		margin-bottom: 20px;
	}

	.ind_box2_bras .item{
		padding: 0 25px;
		height: 36px;
	}
	.ind_box2_item2_con .tt{
		font-size: 18px;
		margin-bottom: 8px;
	}
	.ind_box2_item2_con .text{
		font-size: 16px;
		margin-bottom: 10%;
	}
	.ind_box2_item2_con .icon{
		width: 28px;
		height: 28px;
		font-size: 16px;
	}

	.ind_box3_b_list dd .tt{
		font-size: 16px;
	}
	.ind_box4_tabs_item_tt{
		font-size: 22px;
	}
	.ind_cus_list1 dd:nth-child(3n),
	.news_list1 dd:nth-child(3n),
	.case_list1 dd:nth-child(2n),
	.case_list2 dd:nth-child(2n){
		margin-right: 0;
	}
	.news_list1 dd a .tt{
		font-size: 16px;
	}
	
	.ind_cus_list1 dd a .con{
		padding: 10px 10%;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.ind_cus_list1 dd a .con .tt{
		font-size: 20px;
		margin-bottom: 12px;
	}
	.ind_cus_list1 dd a:hover .con .text{
		margin-bottom: 16px;
	}
	.ind_cus_list1 dd a .con .btn{
		width: 120px;
		line-height: 30px;
	}

	.ind_box5{
		margin-top: -50px;
	}

	.footer_t_item_pro{
		display: none;
	}
	.footer_t_item{
		width: 30%;
	}
	
	/* about */
	.sub_navs_box{
		padding: 55px 0;
	}
	.sub_navs_title{
		width: 100%;
		font-size: 32px;
		margin-bottom: 25px;
	}
	.sub_navs_con{
		width: 100%;
	}
	
	.sub_title1{
		margin-bottom: 35px;
	}
	.sub_title1 .tt{
		font-size: 26px;
	}
	.about_box1_clm1{
		margin-bottom: 40px;
	}
	.about_box1_clm1_video{
		width: 100%;
		margin-bottom: 15px;
	}
	.about_box1_clm1_r{
		width: 100%;
	}
	.about_box1_clm1_r_tt{
		margin-bottom: 15px;
	}
	.about_box1_clm1_r_tt .tt,
	.about_box5_list .item .con .tt{
		font-size: 22px;
	}
	.about_box1_clm1_r_tt .line{
		margin-top: 15px;
	}
	.about_box1_clm1_video_icon img{
		width: 50px;
		height: 50px;
	}
	
	.about_box1_clm2 dd .num{
		font-size: 36px;
	}
	.about_box1_clm2 dd .tt{
		font-size: 14px;
	}

	.about_box2_his_item .tt{
		font-size: 14px;
	}
	
	.about_box4_con{
		padding: 0 60px;
	}
	.about_box4_scroll_btn{
		top: 38%;
	}

	.about_box5_list .item{
		width: 49%;
		margin: 0 2% 0 0;
	}
	.about_box5_list .item .con .tt{
		margin-bottom: 12px;
	}
	.about_box5_list .item .con .text{
		font-size: 14px;
	}

	/* case_list */
	.case_list1 dd{
		width: calc((100% - 9px) / 2);
	}
	.case_list1_con{
		padding:6% 10%;	
	}
	.case_list1_con_tt a{
		font-size: 18px;
	}


	/* case_det */
	.case_det_pic{
		width: 100%;
	}
	.case_det_box_r{
		width: 100%;
		padding: 25px 0;
	}
	.case_det_title{
		font-size:22px;
	}
	.case_det_con_title{
		font-size: 18px;
	}
	.case_det_date .item{
		font-size: 14px;
	}
	.case_det_date .item .icon{
		font-size: 16px;
	}

	
	.case_det_b_r{
		width: 100%;
	}
	.case_det_share{
		margin-bottom: 15px;
	}
	.case_det_b{
		padding-top: 40px;
	}
	.case_det_page_item{
		padding: 15px 3%;
	}
	.case_det_page_item_text a{
		font-size: 16px;
	}
	.case_list2_dd4 dd,
	.case_list2_dd3 dd{
		width: calc((100% - 20px) / 2);
		margin: 0 20px 20px 0;
	}

	/* contact */
	.contact_list1 dd{
		padding: 30px 10px;
	}

	/* down */
	.down_list1 dd{
		width: calc((100% - 20px) / 2);
		margin: 0 20px 20px 0;
	}
	.down_list1_tt{
		font-size: 20px;
	}
	.down_list1_con{
		width: calc(100% - 70px);
	}
	.down_list1_r{
		width: 70px;
		height: 70px;
		font-size: 26px;
	}

	/* case_list2 */
	.case_list3 dd{
		width: calc((100% - 20px) / 2);
		margin: 0 20px 20px 0;
	}
	.case_list3 dd:nth-child(2n){
		margin-right: 0;
	}
	.case_list3_con{
		padding: 25px 7%;
	}
	.case_list3_btn{
		width: 36px;
		height: 36px;
		line-height: 34px;
		font-size: 22px;
	}


	/* news_det */
	.sub_page1{
		padding: 35px 10px 50px;
	}
	.sub_wrap1{
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}
	.main_l{
		width: 100%;
	}
	.main_r{
		width: 100%;
		margin-bottom: 15px;
	}
	.news_det_top{
		padding: 4%;
	}

	/* news_list */
	.hot_news_list1_pic{
		width: 100%;
	}
	.hot_news_list1_con{
		width: 100%;
		padding: 30px 5%;
	}
	.hot_news_list1_tt{
		font-size: 18px;
	}
	.news_list2 dd a{
		padding: 20px;
	}
	.news_list2_tt{
		font-size: 18px;
	}


	/* packging */
	.pack_box2_list dd{
		width: calc((100% - 40px) / 3);
		margin: 0 20px 20px 0;
	}
	.pack_box2_list dd:nth-child(3n){
		margin-right: 0;
	}
	.pack_box1_title1{
		font-size: 20px;
	}
	.pack_box3_list dd{
		width:200px;
		height: 200px;
	}
	.pack_box3_list dd .icon{
		font-size: 50px;
	}
	.pack_box3_list dd .tt{
		font-size: 18px;
	}
	.pack_box3_tt{
		font-size: 20px;
	}


	/* pro_list */
	.sub_title3{
		font-size: 28px;
	}
	.pro_list1 dd:nth-child(3n){
		margin-right: 0;
	}
	.pro_list1 dd a .tt{
		font-size: 16px;
	}

	/* pro_cover */
	.pro_cover_clm1_l{
		width: 100%;
		margin-bottom: 35px;
	}
	.pro_cover_clm1_btn{
		width: 120px;
		height: 32px;
		font-size: 14px;
	}
	.pro_cover_clm1_r{
		width: 100%;
	}

	/* pro_Det */
	.pro_det_t_l{
		width: 100%;
		margin-bottom: 30px;
	}
	.pro_det_t_r{
		width: 100%;
		padding-left: 0;
	}
	.pro_det_title{
		font-size: 22px;
	}
	.pro_det_btn{
		width: 240px;
		font-size: 16px;
		line-height: 40px;
	}
	.pro_det_b_title{
		font-size: 20px;
	}
	.pro_det_b_tabs_item{
		margin-bottom: 30px;
	}

	.pro_det_b_custom{
		height: 400px;
	}
	.pro_det_b_custom_con{
		height: 260px;
	}
	.pro_det_b_custom_title{
		margin-bottom: 30px;
	}
	.pro_det_b_custom_title .tt{
		font-size: 20px;
		font-family: "GOTHICB";
	}
	.pro_det_b_custom_title .text{
		font-size: 16px;
	}

	/* quality */
	.quality_box1_con{
		height: 500px;
		padding-top: 55px;
	}
	.quality_title1 .num{
		font-size: 44px;
	}
	.quality_title1 .tt{
		font-size: 22px;
	}
	.quality_title1 .text{
		font-size: 14px;
	}
	.quality_box2_list1 dd .con .tt{
		font-size: 16px;
	}
	.quality_box2_list1 dd .con .tt .line{
		margin-top: 0;
	}

	.quality_box3_con_item .tt{
		width: calc(100% - 50px);
		font-size: 16px;
	}
	.quality_box3_con_item .icon{
		width: 50px;
		height: 50px;
		font-size: 20px;
	}
	.quality_box3_con_l .quality_box3_con_item .tt{
		padding-right: 10px;
	}
	
	.quality_box3_con_r .quality_box3_con_item .tt{
		padding-left: 10px;
	}

	/* research */
	.research_box1_con_r{
		width: 360px;
	}
	.research_box1_con_r .tt,
	.research_box2_tt1{
		font-size: 20px;
	}
	.research_box1_con_r .text{
		padding: 15px 10px;
	}
	.research_box3_l .tt{
		font-size: 16px;
		line-height: 1.5;
	}

	.research_box2_pic,
	.research_box2_con{
		width: 100%;
	}
	.research_box2_con{
		padding: 30px 0 0;
	}

	/* service */
	.service_title .icon{
		font-size: 48px;
	}
	.service_title .tt{
		font-size: 24px;
	}

	/* video */
	.video_list1 dd a .pic .icon{
		background-size: 50px auto;
	}
	.video_list1 dd a .tt{
		font-size: 16px;
		height: 44px;
	}


}













@media screen and (min-width: 300px) and (max-width: 767px){
	.wrapper{
		width: 100%;
	}
	
	.header_fix,
	.header_box{
		display: none;
	}
	.mobile_header{
		display: block;
	}
	.mobile_logo img{
		height: 26px;
	}
	
	.banner.owl-theme .owl-controls{
		bottom: 4px;
	}
	.banner.owl-theme .owl-dots .owl-dot span{
	    width: 8px;
	    height: 8px;
	    border-radius: 8px;
	}

	.back_top{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}

	

	.main_content{
		padding: 45px 0;
	}
	.p10{
		padding-left: 10px;
		padding-right: 10px;
	}

	.banner_text{
		height: auto;
		font-size: 16px;
		padding: 14px 0;
	}
	.ind_box2_bras{
		padding-left: 0;
	}


	.ind_title1{
		font-size: 20px;
		width: 100%;
		margin-bottom: 15px;	
	}
	.ind_box2_title_box .ind_title1{
		margin-bottom: 20px;
	}

	.ind_pro_cate_list1 dd{
		width: 50%;
		margin-bottom: 15px;
	}
	.ind_pro_cate_list1 dd a .pic{
		width: 100%;
		margin-bottom: 8px;
	}
	.ind_pro_cate_list1 dd a .tt{
		width: 100%;
		font-size: 14px;
		text-align: center;
	}

	.ind_box2_bras .item{
		padding: 0 25px;
		height: 36px;
	}
	.ind_box2_item1,
	.ind_box2_item2{
		width: 100%;
		margin-bottom: 10px;
	}
	.ind_box2_item2_pic{
		width: 100%;
	}
	.ind_box2_item2_con{
		width: 100%;
		padding: 20px 5%;
	}
	.ind_box2_item2_con2{
		opacity: 1;
		height: auto;
		position: relative;
		left: auto;
		top: auto;
		background: #fff;
	}
	.ind_box2_item2_con .tt{
		font-size: 16px;
		margin-bottom: 8px;
	}
	.ind_box2_item2_con .text{
		font-size: 16px;
		margin-bottom: 10%;
	}
	.ind_box2_item2_con .icon{
		width: 24px;
		height: 24px;
		font-size: 14px;
	}
	.ind_box2_item2:nth-child(3) a{
		-ms-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}	
	.ind_box3_b_list dd{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.ind_box3_text{
		font-size: 14px;
		line-height: 24px;
	}
	.ind_box3_b_list dd .tt{
		height: 46px;
		font-size: 14px;
	}

	.ind_box2_bras{
		width: 100%;
	}
	.ind_box2_bras .item{
		width: 50%;
		min-width: 0;
		padding: 0;
		margin-bottom: 10px;
	}
	.ind_box2_bras2 .item::before{
		display: none;
	}
	.ind_box4_tabs_item_pic{
		width: 100%;
	}
	.ind_box4_tabs_item_con{
		width: 100%;
	}
	.ind_box4_tabs_item_tt{
		font-size: 18px;
	}

	.news_list1 dd{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.news_list1 dd a .time{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.news_list1 dd a .tt{
		font-size: 16px;
	}

	.ind_cus_list1 dd{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.ind_cus_list1 dd a .con{
		padding: 10px 10%;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.ind_cus_list1 dd a .con .tt{
		font-size: 20px;
		margin-bottom: 12px;
	}
	.ind_cus_list1 dd a:hover .con .text{
		margin-bottom: 16px;
	}
	.ind_cus_list1 dd a .con .btn{
		width: 120px;
		line-height: 30px;
	}

	.ind_box5{
		margin-top: -50px;
	}
	.footer_title{
		margin-bottom: 13px;
	}
	.footer_t_item_pro,
	.footer_t_item_news{
		display: none;
	}
	.footer_t_item{
		width: 100%;
	}
	.footer_t_item_contact{
		margin-bottom: 30px;
	}
	.footer_b{
		text-align: center;
	}
	.footer_b .wrapper{
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding: 15px 0;
	}



	/* about */
	.location{
		padding: 6px 10px;
	}
	.sub_navs_box{
		padding: 40px 10px;
	}
	.sub_navs_title{
		width: 100%;
		font-size: 24px;
		text-align: center;
		margin-bottom: 20px;
	}
	.sub_navs_con{
		width: 100%;
	}
	
	.sub_title1{
		margin-bottom: 20px;
	}
	.sub_title1 .tt{
		font-size: 20px;
	}
	.sub_title1 .text{
		font-size: 14px;
	}
	.about_box1_clm1{
		margin-bottom: 30px;
	}
	.about_box1_clm1_video{
		width: 100%;
	}
	.about_box1_clm1_r{
		width: 100%;
	}
	.about_box1_clm1_r_tt{
		margin-bottom: 15px;
	}
	.about_box1_clm1_r_text1,
	.about_box1_clm1_r_text2{
		font-size: 14px;
	}
	.about_box1_clm1_r_tt .tt,
	.about_box5_list .item .con .tt{
		font-size: 22px;
	}
	.about_box1_clm1_r_tt .line{
		margin-top: 15px;
	}
	.about_box1_clm1_video_icon img{
		width: 50px;
		height: 50px;
	}
	
	.about_box1_clm2 dd .num{
		font-size: 30px;
		margin-bottom: 4px;
	}
	.about_box1_clm2 dd .tt{
		font-size: 14px;
	}

	.about_box1_clm2 dd{
		width: 50%;
		padding: 0 1%;
		margin-bottom: 20px;
	}
	.about_box2_his_item .tt{
		font-size: 14px;
	}
	
	.about_box2_his_item{
		width: 160px;
	}
	.about_box2_his_btn{
		width: 80px;
		line-height: 26px;
		font-size: 16px;
	}
	.about_box3_con a .btn{
		width: 120px;
		line-height: 30px;
		margin: -15px 0 0 -60px;
	}
	.about_box4_scroll_btn{
		display: none;
		top: 38%;
	}
	.about_box4_scroll .item .tt{
		font-size: 14px;
		margin: 10px 0;
	}

	.about_box5_list .item{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.about_box5_list .item .con .tt{
		margin-bottom: 12px;
	}
	.about_box5_list .item .con .text{
		font-size: 14px;
	}


	/* case_list */
	.case_list1 dd{
		width: 100%;
		margin-right: 0;
	}
	.case_list1_con{
		opacity: 1;
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		padding:18px 0 10px;	
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
	}
	.case_list1_con_tt a{
		font-size: 18px;
	}
	.case_list1_con_btn_box{
		padding: 13px 0 15px;
	}
	.case_list1_con_btn_box a{
		line-height: 24px;
	}
	.case_list1_con_more{
		font-size: 14px;
	}

	/* case_det */
	.case_det_pic{
		width: 100%;
	}
	.case_det_box_r{
		width: 100%;
		padding: 25px 0;
	}
	.case_det_title{
		font-size:18px;
	}
	.case_det_con_title{
		font-size: 16px;
	}
	.case_det_date .item{
		font-size: 12px;
	}
	.case_det_date .item .icon{
		font-size: 14px;
	}
	.case_det_b_r{
		width: 100%;
	}
	.case_det_con{
		font-size: 14px;
	}
	.case_det_share{
		margin-bottom: 15px;
	}
	.case_det_b{
		padding-top: 40px;
	}
	.case_det_page_item{
		width: 100%;
		padding: 15px 3%;
		margin-bottom: 10px;
	}
	.case_det_page_item_tt{
		font-size: 14px;
	}
	.case_det_page_item_text a{
		font-size: 14px;
	}
	.sub_title2{
		font-size: 18px;
	}
	.case_list2_dd4 dd,
	.case_list2_dd3 dd{
		width: calc((100% - 10px) / 2);
		margin: 0 10px 15px 0;
	}
	.case_list2 dd a .con{
		padding: 18px 0 10px;
	}
	.case_list2 dd a .con .tt{
		font-size: 14px;
		margin-bottom: 8px;
	}
	.case_list2 dd a .con .more{
		font-size: 14px;
	}
	.case_list2_dd4 dd:nth-child(2n),
	.case_list2_dd3 dd:nth-child(2n){
		margin-right: 0;
	}

	/* contact */
	.contact_list1 dd{
		width: calc((100% - 10px) / 2);
		padding: 30px 10px;
		margin: 0 10px 15px 0;
	}
	.contact_list1 dd:nth-child(2n){
		margin-right: 0;
	}
	.contact_list1 dd .icon{
		font-size: 40px;
	}
	.contact_list1 dd .tt{
		padding: 14px 0 10px;
		font-size: 20px;
	}
	.contact_form_list dd{
		width: 100%;
	}

	/* down */
	.down_navs a{
		width: 100%;
		text-align: center;
		margin: 0 0 10px 0;
	}
	.down_list1 dd{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.down_list1 dd a{
		padding: 5%;
	}
	.down_list1_tt{
		font-size: 18px;
	}
	.down_list1_con{
		width: calc(100% - 60px);
	}
	.down_list1_r{
		width:60px;
		height: 60px;
		font-size: 26px;
	}

	/* case_list2 */
	.case_list3 dd{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.case_list3_con{
		padding: 20px 5%;
	}
	.case_list3_tt{
		font-size: 16px;
		margin-bottom: 13px;
	}
	.case_list3_desc{
		margin-bottom: 16px;
	}
	.case_list3_btn{
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: 20px;
	}

	/* news_det */
	.sub_page1{
		padding: 20px 10px 45px;
	}
	.sub_wrap1{
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}
	.main_l{
		width: 100%;
	}
	.main_r{
		width: 100%;
		margin-bottom: 15px;
	}
	.news_det_top{
		padding:15px 10px;
	}

	/* news_list */
	.hot_news_list1_pic{
		width: 100%;
	}
	.hot_news_list1_con{
		width: 100%;
		padding: 20px 10px;
	}
	.hot_news_list1_tt{
		font-size: 16px;
		margin: 6px 0 10px;
	}
	.news_list2 dd a{
		padding: 10px;
	}
	.news_list2_tt{
		font-size: 16px;
		margin-bottom: 14px;
	}
	.news_list2_pic{
		width: 100%;
	}
	.news_list2_con{
		width: 100%;
		padding:18px 0;
	}

	/* packging */
	.pack_box2_list{
		margin-bottom: 30px;
	}
	.pack_box2_list dd{
		width: calc((100% - 10px) / 2);
		margin: 0 10px 10px 0;
	}
	.pack_box2_list dd:nth-child(2n){
		margin-right: 0;
	}
	.pack_box1_title1{
		font-size: 18px;
	}
	.pack_box3_list{
		justify-content:space-around;
		-ms-justify-content:space-around;
		-webkit-justify-content:space-around;
	}
	.pack_box3_list dd{
		width:150px;
		height: 150px;
		margin-bottom: 20px;
	}
	.pack_box3_list dd .icon{
		font-size: 40px;
	}
	.pack_box3_list dd .tt{
		font-size: 16px;
	}
	.pack_box3_tt{
		font-size: 18px;
	}

	.pack_box2_btn .icon{
		width: 70px;
	}
	.pack_box2_btn .tt{
		width: calc(100% - 85px);
	}

	/* pro_list */
	.sub_title3{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.pro_list1 dd{
		width: 100%;
		margin-right: 0;
	}
	.pro_list1 dd a .tt{
		font-size: 16px;
	}

	/* pro_cover */
	.pro_cover_clm1_l{
		width: 100%;
		margin-bottom: 35px;
	}
	.pro_cover_clm1_btn{
		width: 120px;
		height: 26px;
		font-size: 14px;
	}
	.pro_cover_clm1_r{
		width: 100%;
	}

	.pro_cover_clm1_l .sub_title1{
		margin-bottom: 15px;
	}
	.pro_cover_clm1_list{
		margin-bottom: 15px;
	}

	/* pro_det */
	.pro_det_t{
		padding: 15px 10px 30px;
	}
	.pro_det_pic_sml,
	.pro_det_pic_r{
		display: none;
	}
	.pro_det_pic_scroll.owl-loaded,
	.pro_det_pic_scroll{
		display: block !important;
	}
	.pro_det_t_l{
		width: 100%;
		margin-bottom: 20px;
	}
	.pro_det_t_r{
		width: 100%;
		padding-left: 0;
	}
	.pro_det_sku{
		font-size: 14px;
		margin-bottom: 6px;
	}
	.pro_det_title{
		font-size: 18px;
		margin-bottom: 14px;
	}
	.pro_det_btn{
		width: 200px;
		font-size: 14px;
		line-height: 40px;
		padding: 0 15px;
	}
	.pro_det_clm3_email{
		margin-bottom: 15px;
	}

	.pro_det_clm2_item_icon{
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

	.pro_det_b_bars .item{
		width: 33.33%;
	}

	.pro_det_b_tabs_item{
		margin-bottom: 20px;
	}
	.pro_det_b_title{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.pro_det_b_desc_pic{
		width: 100%;
	}
	.pro_det_b_desc_con{
		width: 100%;
		padding: 25px 0;
	}

	.pro_det_b_desc_wrap.bgf7{
		background: #fff;
	}
	.pro_det_b_custom{
		height: 300px;
	}
	.pro_det_b_custom_con{
		height: 200px;
	}
	.pro_det_b_custom_title{
		margin-bottom: 18px;
	}
	.pro_det_b_custom_title .tt{
		font-size: 18px;
		font-family: "GOTHICB";
	}
	.pro_det_b_custom_title .text{
		font-size: 14px;
	}



	/* quality */
	.quality_box1_con{
		height: 500px;
		padding: 45px 10px 0;
	}
	.quality_box2_list1 dd .con .tt .line{
		margin-top: 0;
	}
	
	.quality_title1{
		margin-bottom: 18px;
	}
	.quality_title1 .num{
		font-size: 36px;
		margin-bottom: 6px;
	}
	.quality_title1 .tt{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.quality_title1 .text{
		font-size: 14px;
	}
	.quality_box2_list1 dd{
		width: calc((100% - 10px) / 2);
		margin: 0 10px 10px 0;
	}
	.quality_box2_list1 dd:nth-child(2n){
		margin-right: 0;
	}
	.quality_box2_list1 dd .con .tt{
		font-size: 14px;
	}

	.quality_box3_con_item .tt{
		width: calc(100% - 40px);
		font-size: 14px;
	}
	.quality_box3_con_item .icon{
		width: 40px;
		height: 40px;
		font-size: 18px;
	}
	.quality_box3_con_l .quality_box3_con_item .tt{
		padding-right: 0;
	}
	
	.quality_box3_con_item .tt{
		padding-left: 8px !important;
	}
	

	.quality_box3_con{
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.quality_box3_con_l,
	.quality_box3_con_r{
		width: 100%;
	}
	.quality_box3_con_item{
		padding: 8px 0;
	}
	.quality_box3_con_l .quality_box3_con_item{
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.quality_box3_con_pic{
		position: relative;
		left: 0;
		width: 80%;
		margin: 0 auto;
	}


	/* research */
	.research_box1_con_r{
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		right: 0;
		width: 100%;
		height: auto;
		padding: 15px 0;
	}
	.research_box1_con_r .tt{
		color: #fff;
		font-size: 18px;
		padding: 5px 10px;
	}
	.research_box1_con_r .tt,
	.research_box2_tt1{
		font-size: 16px;
	}
	.research_box1_con_r .text{
		font-size: 14px;
		color: #666;
		padding: 15px 0;
	}
	.research_box3_l .tt{
		font-size: 16px;
		line-height: 1.7;
	}

	.research_box2_pic,
	.research_box2_con{
		width: 100%;
	}
	.research_box2_con{
		padding: 30px 0 0;
	}

	.research_box3_l{
		width: 100%;
		margin-bottom: 15px;
	}
	.research_box3_r{
		width: 100%;
	}

	/* service */
	.service_list1 dd:first-child{
		padding: 25px 10px 45px;
	}
	.service_title .icon{
		font-size: 36px;
	}
	.service_title .tt{
		font-size: 18px;
		margin: 12px 0  12px;
	}
	.service_title .text{
		font-size: 14px;
	}


	/* video */
	.video_list1 dd{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.video_list1 dd a .pic .icon{
		background-size: 40px auto;
	}
	.video_list1 dd a .tt{
		font-size: 16px;
		height: 44px;
	}

	.video_list1 dd a .pic .duration{
		font-size: 14px;
	}
}