﻿@media screen and (max-width: 1200px) {
.wrap,.sub_banner1{ width:98%; margin:30px 1% 0;}
.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:#018ae2; 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: 120px; 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.8%;}


.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; 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:#018ae2;}
.fdh a{ color:#FFF;line-height:20px;}
.fdh a img{display: block;margin: 3px auto 0;width: 30px;}
.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:46%;}
.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:1.5%;margin-left: 1.5%;}
.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:19%;margin:0.8% 0.5% 0 0.5%;height: 40px;}
.ipromenu li a{line-height: 40px;letter-spacing: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%;}
.acase_con{margin-top: 20px;}
.acase_con li{margin-bottom: 10px;margin-top: 0;}
.acasetxt3{padding: 6px 0;}

.slides {WIDTH: 100%;}
.p_left{ margin-top: 0;}
.slides{height: auto;}
.slides img{width: 100%;}
.proxx1_name{line-height: 2.3;}
.proxx1_m1{margin-top: 0;}
.proxx1_m2{margin: 10px 0;}
.slide-pic {WIDTH: 100%;top:0; LEFT: 0;}
.slide-li {display:none;}
.product_con3 li{width:46%;margin:3% 0 0 3%; }
.aproduct_con li, .aproduct_con2 li{margin-right: 1.5%;margin-left: 1.5%;}
.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; }
.ct{width: 100%;}
.slideInRight{margin: 30px 1%; 0;}
.index_news{padding: 0;}
.wrap{margin-top: 0;}
.about_ctitb{margin-top: 30px;}
.proxx1_m2 a strong{display: block;}
.i_world ._world_main ._world_l{width: 100%;margin-bottom: 30px;}
.i_world ._world_main ._world_r{width: 100%;}
.i_world ._world_main ._world_r img{width: 100%;}
.sjlogo{width: 80%;margin-right: 1%;}
.sjnav{margin-top: 5px;}
.about_ctitb{line-height: 2.2;margin-top: 30px;}
.ipromenu{margin-top: 0;}
.iproductm{padding-top: 15px;}
.iproductm li, .icase li, .proxx_case li{margin: 0 2% 5px;}
.index_guang1{padding: 20px 0}
.wajuejitit h3{font-size: 32px;}
.index-wajuejimiaoshu1 span{font-size: 23px;}
.icase,.culture_con,.acase_con{padding: 0;}
.about_con,.about_con p{margin-top: 10px;}/*
.maincont_bg{display: none;}*/
.proxx_hui{margin-top: 15px;padding: 20px 0;}
.newsxx_con_m1 p{margin-top: 15px;}
.proxxconbg,.newsxx_con_m1{margin: 0;}
.icase_m{padding-top: 10px;}
.sjlogo img{margin-left: 2%;}
.sub_banner1{display: none;}
.maincont_bg{height: 20px;}
.ct_box{text-align: center;}
.i_heng{margin: 6px auto 16px!important;}
.index-wajuejitudetail{margin: 0 auto;}
#mfid21{margin-top: 10px;}
.maincont_pro_nav a,.maincont_nav a.contnav{width: 19%;margin: 0 0.5%;padding: 0;font-size: 0.9em;text-align: center;}
.index_banner cite{left: 35%;}
.aproducttxt1{margin-top: 5px;}
.aproduct_con li{margin-top: 20px;}
}





