@media screen and (max-width: 1200px) { .wrap,.sub_banner1{ width:98%; margin:0 1%;} .top{ display:none;} .sjtop{ display:block; text-align:center;} .sjlogo img{margin:2% 0 0 0;max-width:100%;} .sjnav{ width:98%; margin:3% 1% 0 1%; height:50px; background-color:#222222;} .navm li{ float:left; text-align:center;position:relative; width:12.5%; text-align:center; } .navm li a{ display:block; font-size:1.08em; margin:0 auto; color:#ffffff;line-height:50px;} .navm ul li a:hover, .navm ul li a.current{background:#ff6600; color:#FFF;line-height:50px;} .banner{ display:none;} .sjbanner{ width:98%; margin:0 1%; display:block; position:relative; z-index:0;} .index_banner{margin:0px auto; width:100%; height:auto; } .index_banner ul{overflow:hidden;} .index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;} .index_banner li a{display:block;margin:0 auto;} .index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;} .index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(/images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; } .index_banner cite span:hover{background-color:#f5f5f5;} .ipromenu{margin:28px 0 0 7%;} .iproductm li{width:21%;margin-right:4%;} .iproductm li img,.icase_pic img{width:100%; height:100%;} .icase li{width:30%;margin:10px 2% 0 0;} .icase_txt{width:60%;} .icase_btn{width:40%; text-align:right;} .icase_btn img{max-width:100%; height:auto;} .iabout1_pic{width:51%;} /*.iabout1_pic img{max-width:100%; height:auto;}*/ .iabout1_r{width:44%; padding:2% 2.5%;background:#fff;} .icon_l{width:48.5%; margin-right:3%;} .icon_r{width:48.5%;} .ilnews_pic img{max-width:100%; height:auto;} .irnews li{width:100%;} .irnews_date{width:25%; } .irnews_text{width:75%;} .footer_erwei{ display:none;} .footer_c2{width:20%;}.footer_c1{width:40%;} .maincont_nav{font-size:1em;} .maincont_nav a{font-size:1em;} .maincont_nav a.contnav{font-size:1em;} .maincont_pro_r{ display:none;} .maincont_pro_nav{ width:100%; float:none;} .maincont_pro_nav a{margin:0 1% 0 0;padding:0 1%;} .about_con img,.about_pic img,.culture_con img{max-width:100%;height:auto;} .aconleft{width:22%; float:left;margin:3% 2.5% 0 0;} .aconright{width:75%;float:left;} .aproduct_con,.aproduct_con2 {width:100%;} .aproduct_con li,.aproduct_con2 li{width:30%;margin-right:3%;} .aproductimg{width:100%;height:auto;} .aproductimg a img{max-width:100%;height:auto;} .acase_con{width:100%;} .acase_con li{width:30%;margin-right:3%;} .acaseimg{width:100%;height:auto;} .acaseimg img{max-width:100%;height:auto;} .contact1{width:50%;margin:4% 0 0 0; padding:0;font-size:0.9em; line-height:30px;} .contact1 span{font-size:1.6em; line-height:30px;} .contact2{width:50%;margin:4% 0 0 0; padding:0;} .contact2 img{max-width:100%; height:auto;} .p_left{width:58%;margin:10% 3% 0 0;} .slides{width:100%;} .slide-pic li img{width:90%; height:auto;} .proxx1_r{width:39%;margin:10% 0 0 0;} .proxx1_m2 img{max-width:100%; height:auto;} .product_con2{width:24%; margin:3% 0px 0 0; } .product_con2_pic{max-width:100%; height:auto;} .product_con2_pic img{max-width:100%; height:100%;} .product_con2_text{top:70%;right:0px;width:100%;} .product_con3{width:73%;height:auto;margin:3% 0 0 0;} .product_con3 li{width:22.5%;margin:0 0 0 2.5%;} .product_con3_pic img{max-width:100%; height:auto;} .product_con3_name{width:100%;} } @media screen and (max-width: 1000px) { .ipromenu{margin:28px 0 0 1%;} .ipromenu li{ margin-top:1%;} .table-1{width:10%;} .table-2{width:45%;} .table-3{width:45%;} .table-4{width:100%;} .table-2 input,.table-3 textarea{ width:90%;} } @media screen and (max-width: 800px) { .sjnav{ height:81px; line-height:40px;} .navm li{ width:25%; border-right:1px #3d3d3d solid; border-bottom:1px #3d3d3d solid; box-sizing:border-box;} .navm li a{ line-height:40px;} .navm ul li a:hover, .navm ul li a.current{line-height:40px;} .irnews_date{width:30%; } .irnews_text{width:70%;} .iproductm li{width:28%;} .fdh{ line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; } .fdh li{ width:25%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;} .fdh .li{ background-color:#ff6600;} .fdh a{ color:#FFF;line-height:40px;} .videoxx embed{ width:100%; height:auto;} .p_left{width:100%;margin:10% 0 0 0; float:none;} .proxx1_r{width:100%;margin:15% 0 0 0;float:none;} .slide-pic li img{width:100%; height:auto;} .sub_bancon{font:400 16px/30px "Microsoft YAHEI"; } .sub_bancon font{font:900 32px/50px "Microsoft YAHEI";} .sub_bancon h1{font:900 32px/50px "Microsoft YAHEI";} } @media screen and (max-width: 700px) { .ipromenu{margin:28px 0 0 10%;} .iproductm li,.icase li,.proxx_case li{width:44%;} .iaboutcase li,.inliyou_con li{width:44%;margin-right:5%;margin-top:5%;} .syabout_bg{background:none;margin-top:0;} .iabout1_bai{padding:3% 0;} .iabout1_pic{width:100%;float:none; text-align:center;} .iabout1_r{width:100%; padding:2% 0;background:#fff; float:none;} .iabout1_rtit,.iabout1_btn{ text-align:center;} .icon_l{width:100%;float:none;margin-right:0;} .icon_r{width:100%;float:none; margin-top:20px;} .ilnews_pic img{width:700px; height:350px;} .ilnews_pic img{max-width:100%; height:auto;} .irnews_date{width:25%; } .irnews_text{width:75%;} .footer_c2{display:none;}.footer_c1{width:85%; padding-left:15%;} .aconleft{display:none;} .aconright{ width:100%;border-left:none;} .maincont_r{display:none;} .maincont_nav{width:100%;float:none;} .maincont_nav a{margin-bottom:1%;} .acase_con li{width:47%;margin-right:3%;} .contact1{ float:none; width:100%;} .contact2{ float:none;width:100%;} .product_con2{ display:none;} .product_con3{width:100%;} .product_con3 li{width:22.5%;margin:0 0 0 2.5%; } } @media screen and (max-width: 500px) { .ipromenu{margin-left:0;WIDTH: 100%;} .ipromenu li{width:30%;margin:0.8% 0.5% 0 0.5%;} .ipromenu li a,.ipromenu li a:hover,.iproduct ul li.ccc a{font-size:0.875em;} .footer_c1{width:95%; padding-left:5%;} .slides {WIDTH: 100%;HEIGHT:320px;BORDER:0;} .p_left{ height:100%;} .slide-pic {WIDTH: 100%;top:0; LEFT: 0;} .slide-li {display:none;} .product_con3 li{width:46%;margin:3% 0 0 3%; } .sub_bancon{font:400 14px/26px "Microsoft YAHEI"; } .sub_bancon font{font:900 24px/40px "Microsoft YAHEI";} .sub_bancon h1{font:900 24px/40px "Microsoft YAHEI";} .newsxx_con_m1 img{width: 100%;height:auto;max-width: 100%;display: block; } }