@media screen and (max-width:1230px){
.header .head,.i_main,.foot,.i_main .bg_a,.scd{width:960px;}
.head .nav_m{ width:700px;}
.head .nav li a{ padding:0 17px;}
.i_main .i_m{ width:100%;}
.service_item{ flex:1; max-width:280px; padding:25px 10px;}
.i_about_l{ width:45%; padding-left:20px;}
.i_about_r{ width:50%; padding-right:20px;}
.resp_img{ width:40%; padding-left:20px;}
.resp_text{ width:55%; padding-right:20px;}
.stat_num{ font-size:36px;}
.i_main .bg_a{ left:0;}
.scd .scd_r{ width:750px;}
.scd_r .scd_m{ width:690px;}
.news dl dd{ width:440px;}
.response .resp dl dd{ width:535px;}
.contact dl dt{ margin-right:0;}
.contact dl dd{ margin-left:0; width:470px; margin-top:20px; font-size:14px;}

}
@media screen and (max-width:980px){
.header .head,.i_main,.foot,.i_main .bg_a,.scd{width:740px; margin:0px auto;}
.header .head{ position:relative;}
.head .logo img,.head .logo{ width:211px; height:40px;}
.head .logo{ position:absolute; left:0; top:5px;}
.head .nav_m{ width:100%; height:89px; line-height:89px;}
.nav_m .n_icon{ display:block;}
.head .nav{ display:none; width:100%; background:#DEDEDE; position:absolute; left:0; top:89px; z-index:99999; text-align:left;}
.head .nav li a{ padding:0 22px;}
.services_grid{ flex-wrap:wrap; gap:15px;}
.service_item{ flex:none; width:48%; margin-bottom:10px;}
.i_about_l,.i_about_r{ width:100%; float:none; padding:0 20px; margin-bottom:20px;}
.i_about_r{ padding:0 20px;}
.resp_img,.resp_text{ width:100%; float:none; padding:0 20px; margin-bottom:20px;}
.resp_item{ padding:15px;}
.stat_item{ width:50%; margin-bottom:20px;}
.scd .scd_r{ width:530px;}
.scd_r .scd_m{ width:490px;}
.news dl dt, .news dl dt img{ width:200px; height:115px;}
.news dl dd{ width:280px;}
.news dl dd .more{ display:none;}
.response .resp dl dd{ width:340px;}
.contact dl dt,.contact dl dt img{ width:162px; height:132px;}
.contact dl dd{ width:320px; line-height:175%;}
.contact dl dd p{ margin-bottom:8px;}
}
@media screen and (max-width:770px) {
.header .head,.i_main,.foot,.i_main .bg_a,.scd{width:480px; margin:0px auto;}
.head .nav{ text-align:center;}
.head .nav li{ height:30px; line-height:30px;}
.head .nav li a{ height:30px; line-height:30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 5px;}
.services_grid{ flex-wrap:wrap;}
.service_item{ width:100%; margin-bottom:10px;}
.section_title h2{ font-size:24px;}
.stat_num{ font-size:30px;}
.scd .scd_l{ width:100%; background-position:right 80px; min-height:auto;}
.scd .scd_r{ width:95%; margin-right:2.5%;}
.scd_r .pst,.scd_r .scd_m{ width:100%;}
.news dl dd{ width:250px;}
.response .resp dl dd{ width:305px;}
.contact dl dd{ width:290px;}
}
@media screen and (max-width:510px) {
.header .head,.i_main,.foot,.i_main .bg_a,.scd{width:320px; margin:0px auto;}
.head .nav li{ width:100%;}
.head .nav li a{ width:90%; padding:0 5%; height:35px; line-height:35px; text-align:left; margin:0; border-radius:0;}
.section_title h2{ font-size:20px;}
.section_title p{ font-size:12px;}
.i_services{ padding:20px;}
.services_grid{ gap:10px;}
.service_item{ padding:20px 10px;}
.i_about{ padding:20px 0;}
.i_about_l,.i_about_r,.resp_img,.resp_text{ padding:0 10px;}
.about_content p{ font-size:13px;}
.resp_item{ padding:12px; margin-bottom:15px;}
.resp_num{ font-size:28px; margin-right:15px;}
.i_stats{ padding:25px 10px;}
.stat_item{ width:50%; margin-bottom:15px;}
.stat_num{ font-size:24px;}
.stat_unit{ font-size:14px;}
.stat_item p{ font-size:12px;}
.foot{ font-size:12px;}
.news dl dd{ width:100%;}
.news dl dd .more{ display:block;}
.news dl dt, .news dl dt img{ width:304px; height:174px;}
.response .resp dl dt, .response .resp dl dt img{ width:117px; height:92px;}
.response .resp dl dd{ width:178px;}
.response .resp dl dd .more{ display:none;}
.response .resp dl dd .des{ height:65px; line-height:165%; text-indent:0;}
.scd_r .pst{ height:auto; line-height:165%; padding:5px 0;}
.scd_r .pst a{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.relation li em{ font-size:12px;}
.pages{ height:auto;}
.pages a.bg{ width:60px; font-size:12px;}
.contact dl dt{ width:100%; text-align:center;}
.contact dl dt img{ margin:0px auto; float:none;}
.contact dl dd{ width:100%;}
}
