@media screen and (max-width:1200px){

.wrap{width:960px;}

.i_ma .pro li{ margin-right:20px; width:225px;}

.i_ma .pro li img{ width:225px; height:283px;}

.i_mbm dt,.i_mbm dd{ width:470px;}

.i_mbm dt{ height:350px;}

.i_mbm .i_about dt{ width:220px; height:350px;}

.i_mbm .i_about dd{ width:220px;}

.i_about dd .ctn{ height:200px;}

.i_about dd h1{ padding-top:30px;}

.i_mbm .i_mbr{ margin-bottom:20px; height:165px;}

.i_mbm .i_mbr dt{ height:165px; width:305px;}

.i_mbm .i_mbr dd{ width:165px;}

.i_mbm .i_mbr dd .title{ padding-top:35px;}

.i_mac .i_contact{ width:350px;}

.i_mac .i_news{ width:580px;}

.mainPhoto .go{ width:870px; left:45px;}

.mainPhoto .go li{ margin-right:15px;}

.second .s_left{ width:230px;}

.second .s_right{ width:710px;}

.pro li{ margin-right:15px; width:166px;}

.pro li img{ width:166px; height:200px;}

}

@media screen and (max-width:990px){

.wrap{width:740px;}

.head .logo{ position:absolute; left:0; top:3px; width:181px; height:65px;}

.head .nav li a{ margin-left:16px;}

.i_ma .i_name{ font-size:20px;}

.i_ma .pro li{ margin-right:15px; width:173px;}

.i_ma .pro li img{ width:173px; height:217px;}

.i_mbm dt{ width:390px; height:299px;}

.i_mbm .i_about dt{ width:188px; height:299px;}

.i_mbm .i_about dd{ width:180px; margin-right:10px;}

.i_about dd .ctn{ height:170px; font-size:12px;}

.i_mbm dd{ width:335px; position:relative;}

.i_mbm .i_mbr{ margin-bottom:15px; height:142px; position:relative;}

.i_mbm .i_mbr dt{ width:262px; height:142px;}

.i_about dd h1{ font-size:13px;}

.i_mbm .i_mbr dd{ background:#023692; position:absolute; right:0; top:0; z-index:9; height:142px;}

.i_mac .i_contact{ width:310px;}

.i_mac .i_news{ width:410px;}

.i_namea{ font-size:20px;}

.mainPhoto span.goleft{ left:0;}

.mainPhoto span.goright{ right:0;}

.mainPhoto .go{ width:675px; left:32px;}

.mainPhoto .go li{ margin-right:9px;}

.header{ z-index:999;}

.second .s_right{ width:490px;}

.pro li{ width:237px;}

.pro li:nth-child(2n){ margin-right:0;}

.pro li img{ width:237px; height:300px;}

}

@media screen and (max-width:770px) {

.wrap{width:480px;}

.head .nav{ display:none;}

.nav_m .n_icon{ display:block;}

.head .logo{ width:130px; height:50px; top:0;}

.header{ height:70px;}

.head .nav{ width:100%; position:absolute; left:0; top:70px; background:#fff; font-size:15px; z-index:9999; padding:10px 0;}

.head .nav li{ height:auto; width:100%; padding:0 10px;}

.head .nav li a{ font-size:15px; margin-top:0; width:100%; margin-left:0;}

.i_ma .pro li{ margin-right:14px; width:233px;}

.i_ma .pro li img{ width:233px; height:292px;}

.i_ma .pro li:nth-child(2n){ margin-right:0;}

.i_mbm dt,.i_mbm dd,.i_mac .i_news,.i_mac .i_contact,.second .s_left,.second .s_right{ width:100%;}

.i_mbm dt{ margin-bottom:15px;}

.i_mbm .i_about dd{ width:260px;}

.i_about dd h1{ font-size:15px;}

.i_mbm .i_mbr dd{ width:215px;}

.i_mac .i_news{ margin-bottom:10px;}

.mainPhoto .go{ width:420px;}

.mainPhoto .go li{ width:132px;}

.mainPhoto .go li img{ width:132px; height:66px;}

.mainPhoto span.goleft, .mainPhoto span.goright{ margin-top:-45px;}

.pro li{ width:231px;}

.pro li img{ width:231px; height:292px;}

}

@media screen and (max-width:510px) {

.wrap{width:320px;}

.i_namea,.i_ma .i_name{ font-size:18px;}

.i_namea span{ font-size:12px;}

.banner{ margin-top:70px;}

.i_top .tel{ color:#333; top:40px; z-index:9999; background:none;}

.nav_m .n_icon{ top:33px; font-size:14px; right:0; background-size:18px;}

.head .nav li a{ font-size:14px;}

.i_ma .pro li{ margin-right:10px; width:155px;}

.i_ma .pro li img{ width:155px; height:194px;}

.i_mbm .i_about dt{ width:145px; height:230px;}

.i_mbm dt{ height:230px;}

.i_mbm .i_mbr dd{ width:140px;}

.i_mbm .i_mbr dd .i_more{ width:100px;}

.i_mbm .i_about dd{ width:155px;}

.i_mbm .i_about dd h1{ padding-top:20px;}

.i_about dd .ctn{ height:150px;}

.i_about dd .i_more{ display:none;}

.i_mac .i_news li span,.foot{ font-size:13px;}

.mainPhoto .go{ width:270px; left:25px;}

.mainPhoto .go li{ margin-right:5px;}

.pro li{ width:155px; margin-right:10px;}

.pro li img{ width:155px; height:196px;}

}