
 

@media only screen and (max-width: 900px){ 

.icenter,.webformup,.web_Materials_bottom_icenter_red,.web_Materials_bottom{ width:94%; }
.webformup .more400,.more360,.more540, .more540,.webtext .webformup .more540{ width: 98%;}


.pchearch .pcnav,.footer_links,.pchearch .rh .global{ display: none; }

.fot_ul,.contact_ctlure dl,.contact_ctlure dl:nth-child(2n),.con2_list dl,.contact_Upload_Drawing,.newslist,.web_Materials,.webtext,.c_s_m_f_picdl,.soutions_webprocess .list,.PlasticInjectionMoldingfab_euq dl{ display: block; }
.contact_ctlure dl i,.contact_ctlure dl .txt,.con2_list dl dd,.contact_Upload_Drawing .lf,.contact_Upload_Drawing .rh,.webtext .lf,.webtext .rh,.c_s_m_f_picdl .lf,.c_s_m_f_picdl .rh,.soutions_webprocess .list dl{ width:100%; }

.footer_bar .icenter a,.webbanner .sc,.more,.webtext .lf a{ zoom: 0.8; }

.page_tt strong, .pageindustries4_top h3, .web_global .txt strong,.fot_ul .lf dd .t1,.contact_ctlure dl .txt strong,.con2_list .t1,.contact_Upload_Drawing .lf .infos dd .ad1,.wpcf7-form .ft .t1,.news_tt h4,.page_tt2 strong,.wwh li .txt strong,.web_material h3,.webtext .lf strong,.webbanner .txt strong, .inpartner .tt strong{ font-size: 24px; line-height: 30px; }
.page_tt strong{ font-size: 22px; line-height: 28px; }
.c_s_m_f_picdl .lf strong,.c_s_m_f_picdl .rh .txt strong,.pageindustries4_top .mode_ic .lf h4,.p_c_iocn ul li strong,.web_code_ov dl strong,.index04 .bot dd .content h4{  font-size: 20px; line-height: 24px;  }
.contact_googlemap dl dt strong,.webformup .w_f_t1,.footer_bar .icenter span,.web_Materials_bottom strong,.webswiper1 .swiper-slide .txt strong,.web_global .txt span,.webabout1_lr .lf strong{  font-size: 18px; line-height: 22px;  }
.contact_googlemap dl dt span,.contact_Upload_Drawing .lf .infos dd .ad2 .s1,.m_ab_webfaq li .webfaq_ta strong,.page_tt2 span,.web_Quality_5 .page_tt2 span, .web_Quality_4 .page_tt2 span,.web_material dl dd strong,.web_line_orders dl strong,.m_ab li .ta strong{  font-size: 16px; line-height: 20px;  }
.contact_ctlure dl .txt p,.con2_list dl dd .txt .ad1,.m_ab_webfaq li .webfaq_tb p,.web_Materials_bottom span,.web_Quality_5 .page_tt2 span, .web_Quality_4 .page_tt2 span,.c_s_m_f_picdl .lf p,.c_s_m_f_picdl .lf dl dd font,.c_s_m_f_picdl .lf dl dd span,.pagesolution4pic .page_tt2 span,.p_c_iocn ul li dd,.webtext .rh .vr_rh a p,.inpartner .tt span{ font-size: 14px; line-height: 18px; }
.contact_googlemap dl dt p,.con2_list dl dd .txt .text,.Quality_ico_rhtext,.swipercontainer_homequality .swiper-slide a span,.webbanner .txt p font{ font-size: 12px; line-height: 16px; }



.footer .ftbot{ display: flex ; flex-direction: column; align-items: center; }
.footer .ftbot a{ margin: 10px 0 0; }
.footer_bar{ padding: 30px 0; }
.footer_bar .icenter{   }
.footer_bar .icenter span{ margin: 0 0 16px 0; }

.fot_ul .lf,.fot_ul .rh{ width: 100%;}
.fot_ul .lf dd .t3{ max-width: initial;}
.footer_partnerlogo img{ height: 80px;}
.fot_ul .rh{ grid-template-columns: repeat(2, 1fr); grid-gap: 0 10px;  border-top: 1px solid #333; padding-top: 30px; margin-top: 30px; }
.fot_ul .rh li dd font{ margin: 0 0 6px 0; }
.fot_ul .rh li span{ margin: 0 0 10px 0; }
.fot_ul .rh li{ margin: 0 0 20px 0; }

.contact_googlemap dl dt span{ margin: 10px 0; }
.contact_googlemap dl dt{ padding: 10px; }


.webbanner{ height: 500px; }
.webbanner img{ height: 100%; object-fit: cover; }
.webbanner .txt strong{ font-size: 24px; line-height: 30px; margin-bottom: 10px; }
.webbanner .txt span{ font-size: 14px; line-height: 18px; }

.contact2_team{ overflow: hidden; }
.contact2_team .telist{ grid-gap: 0 6px; grid-template-columns: repeat(2, 1fr); }
.contact2_team .telist li{ box-shadow: initial; border: 1px solid #eee; margin: 0 0 6px 0;padding: 20px 8px; }
.contact2_team .telist li i{ width: 70px; height: 70px; } 
.contact2_team .telist li .txt strong{ margin: 8px 0; font-size: 18px;}
.contact2_team .telist li .txt p a{ white-space: pre-wrap; word-break: break-all; text-align: center; font-size:12px; }

.contact_ctlure dl .txt p{ margin: 10px 0;}
.contact_ctlure dl .txt{ padding: 30px; }

.swipercontainer_ls .swiper-slide .h3{ height: 220px; }
.swipercontainer_ls .swiper-slide .h2{ height:50px; }

.con2_list dl dd .txt{ padding: 20px; }
.con2_list dl dd{ margin-bottom: 20px; }

.webformup{ padding: 16px;}
.contact_Upload_Drawing .rh{ margin-top: 30px; }

div.wpcf7-response-output, div.wpcf7-display-none, div.wpcf7-validation-errors,div.wpcf7-response-output{ display: block; font-size: 16px; border:0 !important; margin: 20px; line-height: 20px; padding: 0; }


.tt_aa{ display: flex ; flex-wrap: wrap; justify-content: center; }
.tt_aa a{ padding: 10px 10px; margin: 0 6px 6px 0; font-size: 13px; }

.newsshow img{max-width: 80%; }

.web_Materials_bottom_icenter_red{  padding: 20px; }
.web_Materials li{ margin-bottom: 20px; }
.web_Materials li .txt{ margin: 20px 0 20px; }
.web_Materials li img{ margin: 0 auto; width: auto !important; max-width: 90%; }
.web_Materials li i img{ height:32px; }
.web_Materials li i{ width: 60px; height: 60px; }

.Quality_ico dd i{ width: 50px; height: 50px; }
.Quality_ico dd i img{ height: 28px; }
.webbanner .Quality_ico dd p{width: auto; font-size: 12px; line-height: 16px;}

.webiconzs a img{ height: 22px; }
.webiconzs a{padding: 2px 10px; margin: 0 10px 10px 0;}

.webprocess .webpc{ margin: 20px auto 0;   flex-direction: column;}
.webprocess .webpc_ac4 li,.webprocess .webpc li{ width: 100% !important; margin-bottom: 0; padding: 10%; padding-bottom: 0; }
.web_Quality_process .webpc li span,.webprocess .webpc li span,.webprocess .webpc li strong{height: auto !important; margin-bottom: 20px; }
.webprocess .webpc li i{ max-height: 160px;}
.webprocess .webpc li font{ width: 36px; height: 36px; }

.webprocess .webpc li span,.webprocess .webpc li strong{ text-align: left; }

.Quality_ico_rhtext{ font-weight: normal; }


.web_Materials_bottom p i{ padding: 8px; font-size: 12px; margin: 0 5px 5px 0; color: #333; }
.web_Materials_bottom{ padding: 20px; }
.swipercontainer_homequality .swiper-slide a{ padding: 10px; }


.c_s_m_f_picdl .rh{ max-height: 300px; }

.webswiper1 .swiper-slide .txt{ padding: 10px;}


.pageindustries4 .lf,.pageindustries4 .rh,.pageindustries4 .lf dl dd,.pageindustries4_top .mode_ic .lf,.pageindustries4_top .mode_ic .rh{ width:100%; }
.pageindustries4,.pageindustries4 .lf dl,.pageindustries4_top .mode_ic,.web_material dl{ display: block; }

.pageindustries4 .lf dl dd{ overflow: hidden; margin-bottom: 20px; }
.pageindustries4 .lf dl dd strong{ font-size: 14px; margin: 0 0 5px 0; padding: 0 0 5px 0;}

.pageindustries4_top .pic{ grid-template-columns: repeat(2, 1fr); grid-gap: 0 4px; }
.pageindustries4_top .pic img{margin-bottom:4px; }


.wwh{display: block; }
.wwh li,.wwh li:nth-child(2n){ margin: 0 0 20px 0; width: 100% !important; height:300px; }
.wwh li .txt p,.wwh li .txt strong{ width:100%; }
.wwh li font{width: 100%; padding: 20px; text-align: left;}
.wwh li .txt{ left: 0; padding: 20px; }
.wwh li .txt strong{ margin: 0 0 10px 0; font-size: 22px; line-height: 26px; }


.web_global .numlist dd{ width: 50%;}
.web_global .numlist{flex-wrap: wrap;}
.web_global .numlist dd strong{ font-size: 16px; line-height: 20px; padding: 0 0; margin: 10px 0; height: 20px; }
.web_global .numlist dd p span{ font-size: 60px; line-height: 60px;}

.web_material dl dd,.webtext .webformup{ padding: 20px;}



.tables_web8{ width:1200px; }

.soutions_webprocess .list dl strong{ height: auto; padding-bottom: 10px; }
.soutions_webprocess .list dl p{height: auto; padding-bottom: 20px;}
.soutions_webprocess .list dl{ margin-bottom: 20px;}
.soutions_webprocess .list dl i{max-height: 200px;}

.pagesolution4pic .pic{ grid-template-columns: repeat(2, 1fr); grid-gap: 0 10px; margin-top: 10px; }
.pagesolution4pic .pic p{ margin-top: 10px;}

.web_line_orders dl{ width: 48%; }
.web_line_orders .ac{    flex-wrap: wrap;}


.c_s_m_f_picdl .lf,.webtext .lf{ margin-bottom:20px; }

.PlasticInjectionMoldingfab_euq dd font{ height: auto; font-size: 14px; line-height: 18px; padding-bottom: 10px; }
.PlasticInjectionMoldingfab_euq dd strong{ font-size: 20px; line-height: 24px; margin-top: 20px;}
.PlasticInjectionMoldingfab_euq dd{ margin-bottom: 20px;}
 
.p_c_iocn4 ul li,.p_c_iocn ul li{ width: 100%; padding: 20px; }
.p_c_iocn ul li i img{ display: block; width: auto; height: 42px; }

.swipercontainer_homeyoutube{ margin: 30px auto 0;}


.webvideo_bar dl{ height: 260px;}
.webvideo_bar dl .img{height: 100%; object-fit: cover;}
.webvideo_bar dl .ico{left: auto; margin-left: 0; right: 40px; margin-right: 0; height: 46px; }
.webvideo_bar dl:nth-child(2n) .ico{ right: auto; left: 40px;}
.webvideo_bar dl .txt{ width: calc(100% - 100px);}
.webvideo_bar dl .txt span{ font-size: 16px;}
.webvideo_bar dl .txt strong{font-size: 26px;}
.webvideo_bar dl .txt p{font-size: 14px; margin-top: 12px;}
.webvideo_bar dl .txt strong:after{ margin: 12px 0; height: 1px; }

.m_ab li .tb dl{grid-template-columns: repeat(2, 1fr); grid-gap: 0 10px;}
.m_ab li .tb dl dd p{ font-size: 12px;}


.webabout1_lr .rh,.webabout1_lr .lf{ width: 100%;   max-height: initial; }
.webabout1_lr{ display: block; padding: 16px; }
.webabout1_lr .rh{margin-bottom: 20px;}


.webpicfloat ul,.code_all,.code_all:nth-child(2n),.web_code_ov,.in_YouTube .page_tt,.innews .page_tt,.in_service .inser,.inwebnum dl{ display: block; }
.webpicfloat ul li{ width: 100%; margin-bottom: 20px;}

.web_code_ov2 .web_code_ov{ padding: 20px;display: block;}
.web_code_ov dl,.code_all .lf,.code_all .rh{width: 100%;}
.web_code_ov dl dd p{border-bottom: 1px solid #eee; padding-bottom: 20px;}
.web_code_ov dl dd p span{ width: 120px;}
.web_code_ov dl dd p font{ width: calc(100% - 120px);}

.code_all .rh{margin: 16px auto; border-radius: 8px; overflow: hidden;}
.code_all .lf{padding: 0 !important; margin-top: 60px;}

.web_code_ov dl{ margin-bottom: 60px;}

.code_all .lf span{ margin: 10px 0 0 0; }


.index04 .bot{ display: block; height: auto; position: relative; }
.index04 .bot dd{ width: 100% !important; margin-bottom: 30px; border-radius: 10px; }
.index04 .bot dd .bg_img{ height: auto; width: 100%; }

.index04 .bot dd .icon,.index04 .bot dd .ti-text{ display:none !important; }
.index04 .bot dd .content{ opacity: 1 !important; top: 20px; left: 20px;         width: calc(100% - 40px);}
.index04 .bot dd .tips{ right: 32px;}
.index04 .bot dd p{ width: auto;}
.index04 .bot dd .content .con_img{width: 50px; overflow: hidden; display: block;}
.index04 .bot dd .content .con_img img{ width:100%; }
.jian{ zoom: 0.8;}


.webbanner_video video,.banner video{ height: 100%; object-fit: cover; }

.inglobal .in_glo_app{ grid-template-columns: repeat(3, 1fr); grid-gap: 0 6px; }
.inglobal .in_glo_app a{ margin-bottom:6px;  }
.inglobal .in_glo_app a img{ height:40px; }
.inglobal .in_glo_app a span{ font-size: 14px; }

.page_tt dd,.in_service .inser li .txt dt,.nav_search{ display:none; }
.swipercontainer_homequality{ margin: 30px auto 0;}

.banner .txt strong{ line-height: 30px; margin: 0 0 20px 0; font-size: 24px; } 
.banner .txt p{ font-size: 16px; margin: 0 0 20px;}

.in_service .inser li{ height: auto; width: 94% !important; margin: 0 auto 30px; border-radius: 10px; }
.in_service .inser li .txt strong{ font-size: 24px; color: #f00716; min-height: auto; margin-bottom: 20px; }
.in_service .inser li .txt dd{ opacity: 1; visibility: visible; width: 100%; }
.in_service .inser li .txt dd a{font-size: 14px;}

.inwebnum dl p span{ font-size: 50px; line-height: 50px;}
.inwebnum dl p font{ font-size: 26px; line-height: 26px;}
.inwebnum dl strong{ font-size: 14px; line-height: 20px; color: #ddd; max-width: initial; text-align: left;}
.inwebnum dl dd{ border-bottom: 1px solid rgba(255, 255, 255, .2); padding-bottom: 20px; margin-bottom: 20px; }
.inwebnum dl{ width:100%; }
.inwebnum{ padding: 20px 0 0; }


.inab_tbb dl .modo .lf{ width: 100%; height: 160px; position: relative;}
.inab_tbb dl .modo .rh{ display: block; width: 100%; margin: 10px 0; }
.inab_tbb dl .modo .rh a{ margin-bottom: 10px;}
.inab_tbb dl .modo .rh a .ic{ height: 50px;}

.inabout{ padding: 60px 0; }

.inab_taa a strong{ font-size: 16px; margin-bottom: 10px; }
.inab_taa a span{ font-size: 12px; line-height: 16px }


.footer{ padding: 50px 0;}
.pchearch .icenter{ height:80px; }
.fot_ul .lf .f_logo, .pchearch .logo{width: calc(100% - 100px);}
.fot_ul .lf .f_share{ margin: 40px 0 0 0;}
.fot_ul .lf .f_share strong{ font-size: 16px; margin: 0 0 10px 0; }
.fot_ul .lf .f_share dd a img{ height:18px; }
.fot_ul .lf .f_share dd a{ height: 32px; width: 32px;}

.inlogo{ width: 94%;   margin: 20px auto 0;}
.inlogo .la{ height: 50px;}
.inlogo .la dl dd img{ height:100%; width:auto; }



}

 


