/* CSS Document */
/*跨大区间分辨率共用*/

@media screen and ( min-width:1024px ) and ( max-width:1200px ){
	.top .nav > li > a{ margin:0px 2px 0px;}
	.pm2_l{ width:100%; max-width:none;
    -webkit-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);}
	
	.nybanner{ height:340px;}
	.zclogo li{ margin:0px 0px 10px; width:145px;
	-webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);}
	
	.log{ right:4%;}
	
	.pm1_part_k{ width:85%;}
	.pm2_a ul li{width: 32%;margin: 0 0.5%;}
	.pm2_a ul li a p{font-size:18px}
	.pm2_a ul{height: 600px;transform: translateY(74px);}
	.pm2_a ul li{height: 50%;}
	
}

@media screen and ( min-width:768px ) and ( max-width:1024px ){
	#inxbody{overflow-y:auto;}
	#radioWrap{ display:none;}
	.pm1_part{width: 24%;}
	.pm1{ background-image:none;}
	.inx_bt{ position:static; padding:30px 0px;}
	.pm1_p_hx{opacity:1; margin-bottom:10px;}
	.pm1_part_k{ margin:0px auto; width:100%; margin-top:30px; padding-top:30px; clear:both;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);}
	#pm1_2{ background-color:rgba(0,128,204,0.08)}
	
	.pm2{ height:600px;}
	.pm2_l{ width:100%; max-width:none; top:10%;
    -webkit-transform: scale(0.6,0.6);
    -moz-transform: scale(0.6,0.6);
    -ms-transform: scale(0.6,0.6);
    -o-transform: scale(0.6,0.6);
    transform: scale(0.6,0.6);}
	
	.pm3_kl{ width:500px; float:none; margin:15px auto;}
	.pm3_kr{ width:510px; float:none; margin:15px auto 50px;}
	.pm3_k{ padding-top:0px;}
	
	#inxfoot{ position:static;}
	.pm4k{ padding-top:5px; padding-bottom:35px; position: static;}
	
	.nybanner{ height:250px;}
	
	#zcbannerCarousel .item a{ height:360px;}
	
	.cjgw{ width:31%}
	.cjbm{ width:17%}
	.cjadd{ width:17%}
	.cjnum{ width:17%}
	.conjobrow .cjtime{ display:none;}
	.cjsq{ width:15%}
	
	.pm1_part .pm1_part_overk{ display:none;}
	.pm2_a ul li{width: 32%;margin: 0 0.5%;}
	.pm2_a ul{height: 530px;transform: translateY(0);position: static;}
	.pm2_a ul li{height: 50%;}
	.pm2{height: 650px;}
	.pm2_a ul li a p{font-size:18px}
}
	
@media screen and ( min-width:320px ) and ( max-width:767px ){
	.navbar{background:url(/images/topbj.png) top center repeat-y;}
	
	.top{ position:static;}
	#inxbody{overflow-y:auto;}
	#radioWrap{ display:none;}
	.topbj{ background-color:#e8e8e8;}
	
	.pm1, .pm2{ background-image:none;}
	.inx_bt{ position:static; padding-top:30px;}
	.pm1_part{ width:100%; float:none; margin-right:0px; height:auto; background-color:rgba(0,128,204,0.08)}
	#pm1_2,#pm1_4{ background-color:inherit;}
	.pm1_p_hx{opacity:1; margin-bottom:10px;}
	.pm1_part_k{ margin:0px auto; width:100%; margin-top:30px; padding-top:30px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);}
	
	.pm2{ background-color:rgba(0,128,204,0.08); padding-bottom:30px;}
	.pm2_a{ width:100%;  position:static; top:auto; height:auto; margin-top:30px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(%);}
	
	.pm2_part{ position:static; width:230px; margin:0px auto;}
	
	.pm2_l{ width:300px; overflow:hidden;}
	
	.pm3_kl{ width:100%; float:none; margin:35px auto 15px;}
	.pm3_numtb{ margin-top:0px; margin-left:15px;}
	.pm3_num{ font-size:100px; line-height:70px; margin-left:10px;}
	.pm3_jia{ font-size:35px; line-height:25px;}
	.pm3_js{ font-size:20px; line-height:25px;}
	.pm3_js span{ font-size:20px; margin-top:5px;}
	
	.pm3_kl2{ margin-top:20px; height:auto;}
	.pm3_lp{ position:static; float:left; margin:0px 15px 15px;}
	.pm3_lp1{padding:0px 0px 5px;}
	.pm3_lpline{ display:none;}
	#pm3_p4, #pm3_p5{ background-image:url(/images/pm3_nbj.png);}
	#pm3_p4 .pm3_lp1, #pm3_p5 .pm3_lp1{ margin:15px 0px 5px;}
	
	.pm3_kr{ width:380px; float:none; margin:15px auto 50px;}
	.pm3_k{ padding-top:0px; width:100%; overflow:hidden;}
	#frame{ width:100%; overflow:hidden;}
	
	#inxfoot{ position:static;}
	.pm4k{ padding-top:5px; padding-bottom:35px;max-width:95%; margin:0px auto;position: static; height: auto;}
	.pm4kl{ float:none; margin:10px auto 0px;}
	.pm4kr{ width:100%; float:none; margin-right:0px;}
	.pm4kr img{ width:100%; height:auto;}
	
	.nybanner{ height:105px;}
	
	#ny_kg_jt .pro1_txt{ margin-top:15px;}
	.ny_k_cn{ padding:25px 0px;}
	
	.pro2_thr .col-sm-4{ padding-left:15px; padding-right:15px;}
	
	#zcbannerCarousel .item a{ height:220px;}
	.zclogo li{ margin:0px 0px 10px; width:145px;
	-webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    -ms-transform: scale(0.9,0.9);
    -o-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);}
	
	.usecase .usecasep{ width:95%; margin:0px auto 20px;}
	
	.cjgw{ width:40%}
	.cjbm{ width:30%}
	.conjobrow .cjadd{ display:none;}
	.conjobrow .cjnum{ display:none;}
	.conjobrow .cjtime{ display:none;}
	.cjsq{ width:20%}
	
	#news01 .new01li_txt{ width:73%;}
	
	.news02li_bt{ margin-top:10px;}
	
	#newscen .cont-tel{ width:100%; margin-bottom:20px;}
	#newscen .cont-tel1{ border-right:none;}
	
	.stateTip{ opacity:0; z-index:-10;}
	
	.pro1list div a{ height:200px;}
	
	.nygettop{ display:block;}
	
	#p3top{ display:none;}
	
	.col-md-1-5 {

	width: 100%;
	
	float: left;
	
	}
	.pm2_a{height: 540px;}
	.pm2_a ul li{width: 32%;margin: 0 0.5%;}
	.pm2_a ul{height: 440px;transform: translateY(7px);}
	.pm2_a ul li{height: 50%;}
	.pm2_a ul li a p{font-size:18px}
}


@media screen and ( max-width:1024px ){
	.navbar-header{ float:right;}
	#inxlog a, #inxreg a{ background-position:top center;}
	#inxlog a{ margin-left:0px;}
	#inxreg a{ margin-left:0px; margin-right:0px;}
	#inxlog{margin-left:0px; width:100%;background-color:#00a8ff; text-align:center;}
	#inxreg{margin-right:0px; width:100%;background-color:#00a8ff; text-align:center;}
	#inxlog a, #inxreg a{ width:90px;}
	#inxlog a:hover, #inxreg a:hover{background-color:#00a8ff;}
	
	.log{ position:inherit; z-index:999; right:0; top:0; margin:50px auto 100px;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	margin-top:175px;
	}
	
	.case_dl_cen{ text-align:center; padding:0px;}
	.case_dl_p{ position:inherit; max-width:380px; margin:100px auto 20px;}
	
	#case_dl_p1,#case_dl_p2,#case_dl_p3,#case_dl_p4{ bottom:0px; right:0px; top:0px; left:0px;}
	
	#case_dl_p1 .case_dl_num,#case_dl_p2 .case_dl_num,#case_dl_p3 .case_dl_num,#case_dl_p4 .case_dl_num{ bottom:auto; right:auto; top:-50px; left:50%; margin:-28px;}
}


@media screen and ( max-width:1200px ){
	.ny_k_cn{ width:96%;}
}

/*五等分*/
@media (min-width: 768px) {

.col-sm-1-5 {

width: 20%;

float: left;

}

#logban{ bottom:50px;}

}

@media (min-width: 992px) {

.col-md-1-5 {

width: 20%;

float: left;

}

#navleftd{ margin-left:-5px;}
.top .dropdown-menu{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

}

@media (min-width: 1200px) {

.col-lg-1-5 {

width: 20%;

float: left;

}

}


@media screen and ( min-width:1200px ) and ( max-height:700px ){
	.inx_sp a{ background-size:cover;}
	.inx_sp{ height:180px;}
	.spinner { top:96px;}
	
	.inx_bt{ top:80px;}

	.pm4kl, .pm4kr, .pm3_k{
	-webkit-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);}
	
	.pm2{ height:700px;}
	.pm2_l{ width:100%; max-width:none; top:10%;
    -webkit-transform: scale(0.7,0.7);
    -moz-transform: scale(0.7,0.7);
    -ms-transform: scale(0.7,0.7);
    -o-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);}
	.pm2_a{ width:1214px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
}
@media screen and ( max-width:415px ){
	.pm2_a ul{height: 270px;transform: translateY(0px);}
	.pm2_a{height:270px}
	.pm2_a ul li a p{font-size:14px}
}
@media screen and ( max-width:384px ){
	.usepart{ width:340px; height:304px; background-size:cover;}
	.useparttb{ width:32%; height:auto;}
	.usepart h2{ font-size:18px; width:195px; margin-left:115px; margin-top:60px;}
	.usepart p{ width:250px; margin:20px 0px 0px 60px;  font-size:13px; line-height:20px;}

}