@media screen and (max-width:1220px){
.top,.header .head,.i_m,.fn_m,.foot,.pst,.scd{width:960px;}
.head .nav_m{ width:720px;}
.head .nav li a{ width:115px;}
.head .nav li{ margin-left:0;}
.head .nav li .er{ width:130px; left:-18px;}
.head .nav li .er .er_m i{ left:52px;}
.i_ma li{ width:310px; margin-right:15px;}
.i_ma li .tu, .i_ma li .tu img{ width:310px; height:127px;}
.i_ml,.i_mr{ width:460px;}
.i_mb dl dd{ width:267px;}
.i_mc dt img,.i_mc dt{ width:313px; height:180px;}
.i_mc dd{ width:123px;}
.i_mc dd ul li{ margin-bottom:2px;}
.i_md dt, .i_md dt img{ width:192px; height:138px;}
.i_md dd{ width:260px; height:240px;}
.fn_m .code li{ width:120px;}
.fn_m .code li img{ width:120px; height:120px;}
.fn_m .code li b,.f_nav li b{ font-size:16px;}
.fn_m .code{ width:270px;}
.f_nav li{ margin-left:20px;}
.fn_m .f_nav{ width:375px;}
.fn_m .f_ct{ width:295px;}
.fn_m .f_ct ul li span{ width:275px;}
.scd .scd_r{ width:725px;}
.pro{ width:355px; margin-right:15px; margin-bottom:20px;}
.pro dd{ width:180px;}
.pro dd .title a{ font-size:14px;}
.pro dd .des{ font-size:12px;}
.news dd{ width:470px;}
.server_col {width: 346px;margin: 10px 8px !important;}
.case{ width:339px; margin-right:15px;}
.case .tu, .case .tu img{ height:140px;}
.team{ width:355px; /* margin-right:15px; */ margin-bottom:20px;}
.team.margin-right{margin-right:15px;}
.team dd{ width:180px;}
.team dd .title a{ font-size:14px;}
.team dd .des{ font-size:12px;}
.product{ width: 348px;height: 363px;margin-left: 7px;margin-right: 7px; margin-bottom:20px;}
.product.margin-right{margin-right:7px;}
.product dt{ width:342px; height:197px; }
.product dt img{ width:342px; height:197px; }
.product dd{ width:338px;}
}
@media screen and (max-width:990px){
.top,.header .head,.i_m,.fn_m,.foot,.pst,.scd{width:740px;}
.head .logo img,.head .logo{ width:199px; height:51px;}
.head .logo{ margin-top:20px;}
.top .lang a{ font-size:12px;}
.head .nav_m{ width:530px;}
.head .nav li a{ font-size:16px;}
.nav_m .n_icon{ display:block;}
.nav_m .nav{ width:740px; position:absolute; right:0; top:90px; background:#EEEEEE; display:none;}
.head .nav li a{ width:115px;}
.i_ma li{ width:240px; margin-right:10px;}
.i_ma li .tu, .i_ma li .tu img{ width:240px; height:98px;}
.i_ma li .des{ height:40px; line-height:150%;}
.i_ml, .i_mr{ width:100%;}
.i_mb dl dd{ width:537px;}
.i_mc dd{ width:403px;}
.i_md dd{ width:540px;}
.i_md dd{ height:140px;}
.fn_m .code{ width:45%;}
.fn_m .f_nav{ width:52%; border:0;}
.fn_m .f_ct{ width:100%; margin-top:30px;}
.fn_m .f_ct ul li span{ width:295px;}
.fn_m .f_ct ul{ width:48%; float:left;}
.scd .scd_r{ width:505px;}
.pro{ width:100%; margin-right:0;}
.pro dd{ width:325px;}
.news dd{ width:255px;}
.news dd .title p{ font-size:15px;}
.news dd .title em{ font-size:12px;}
.server_col {width: 100%;margin-left: 0 !important;margin-right: 0 !important;}
.case{ width:231px; margin-right:10px;}
.case .tu, .case .tu img{ height:96px;}
.case .des{ height:40px; line-height:150%;}
.team{ width:100%; margin-right:0;}
.team dd{ width:325px;}
.product{ width: 238px;height: 299px;}
.product dt{ width:232px; height:133px; }
.product dt img{ width:232px; height:133px; }
.product dd{ width:228px;}
}
@media screen and (max-width:770px) {
.top,.header .head,.i_m,.fn_m,.foot,.pst,.scd{width:480px;}
.head .logo{ position:absolute; left:0; top:0;}
.head .nav_m,.nav_m .nav{ width:100%;}
.head .nav li .er{ display:none !important;}
.head .nav li{ height:auto;}
.head .nav li a{ margin:10px 0;}
.i_ma li{ width:100%; margin-right:0;}
.i_ma li .tu, .i_ma li .tu img{ width:480px; height:196px;}
.i_mb dl dd{ width:287px;}
.i_mc dd{ width:143px;}
.i_md dd{ width:280px;}
.fn_m .code,.fn_m .f_nav,.fn_m .f_ct ul{ width:100%; border:0;}
.fn_m .f_nav li{ margin-left:0; margin-right:50px;}
.scd .scd_r,.scd .scd_l{ width:100%;}
.scd_l .s_name i{ display:none;}
.scd .scd_l{ margin-top:25px;}
.scd_l .s_name{ width:100%; background-size:100% 100%; text-align:left;}
.scd_l .s_name img{ margin-left:30px;}
.scd_l .s_nav{ width:470px;}
.scd_l .s_nav li a{ width:440px;}
.pro dd{ width:300px;}
.news dd{ width:230px;}
.pst{ text-align:left;}
.server_col {width: 100%;margin-left: 0 !important;margin-right: 0 !important;}
.case{ width:464px; margin-right:0;}
.case .tu, .case .tu img{ height:191px;}
.team dd{ width:300px;}
.product{ width: 480px;height: 438px;margin-left:0px;margin-right:0px;}
.product dt{ width:474px; height:272px; }
.product dt img{ width:474px; height:272px; }
.product dd{ width:464px;}
}
@media screen and (max-width:510px) {
.top,.header .head,.i_m,.fn_m,.foot,.pst,.scd{width:320px;}
.top .lang, .top .search{ margin-left:10px;}
.top .search{ width:195px;}
.head .nav li a{ width:115px; font-size:15px;}
.i_ma li .tu, .i_ma li .tu img{ width:320px; height:130px;}
.i_mb dl dd{ width:100%;}
.i_mb dl dt,.i_mb dl dt img{ width:320px; height:184px;}
.i_mc dd ul li.on i{ display:none;}
.i_mc dd, .i_md dd{ width:100%;}
.i_mc dt{ width:314px;}
.i_mc dt img, .i_mc dt{ width:314px; height:180px;}
.i_md dt, .i_md dt img{ width:320px; height:230px;}
.fn_m .f_nav li{ margin-right:10px;}
.scd_l .s_nav{ width:310px;}
.scd_l .s_nav li a{ width:280px;}
.fn_m .code li b, .f_nav li b{ font-size:15px;}
.f_nav li p,.fn_m .code li p{ font-size:12px;}
.pst{ font-size:14px;}
.fn_m .code li{ margin-right:70px;}
.pro{ height:146px;}
.pro dt img,.pro dt{ width:140px; height:140px;}
.pro dd{ width:160px;}
.pro dd .more{ margin-top:5px;}
.news dd{ width:100%;}
.news dt, .news dt img{ width:314px; height:180px;}
.server_col {width: 100%;margin-left: 0 !important;margin-right: 0 !important;}
.case{ width:304px;}
.case .tu, .case .tu img{ height:125px;}
.team{ height:185px;}
.team dt img,.team dt{ width:140px; height:179px;}
.team dd{ width:160px;}
.team dd .des{ height:108px;}
.team dd .more{ margin-top:5px;}
.product{ width: 320px;height: 346px;}
.product dt{ width:314px; height:180px; }
.product dt img{ width:314px; height:180px; }
.product dd{ width:304px;}
}