@media (max-width:1024px) {
.pagewrap{ width:98%;}
.pagetop {
background: url(../images/topbg.png) -7px top no-repeat;
}
.pagemain {
width: 100%;
margin-left: 0px;
}
.pagetop .menudiv{ width:700px;}
.pagefooter {
background: url(../images/footbg.png) -7px bottom no-repeat;
}
.templete1{background:url(../images/1024bu.gif) center top repeat-y; width:32.3%;}
.templete1.t_newdiv {
margin: 0px 1.55%;
}
.templete1 .condiv {
padding-left: 12px;
padding-right: 12px;
}
.templete1 .t_titdiv {
background: url(../images/i_titico.png) 6px center no-repeat;
padding-left: 38px;
padding-right: 12px;
}
}
@media (max-width: 999px) {
.n_rdiv .n_imaul li.n_linec{display:none;}
.n_rdiv .n_imaul li .imgdiv img {
margin-top: 11px;
width: 90%;
height: auto;
margin-bottom: 16px;
}
.n_rdiv .n_imaul li .imgdiv {
height: auto;
background-size: 100% 100%;
overflow: hidden;
}
.n_rdiv .n_imaul li{width:45%;}
.nbody {
height: auto;
overflow: hidden;
background-repeat:repeat;
}
}
@media (max-width: 976px) {
.pagetop .menudiv{width:516px;}
.pagetop .menudiv span {margin: 0px 6px;}
}
@media (max-width: 924px) {
.curdivw{width:100%; margin:0; margin-top:16px; }
.curdiv{background-repeat:repeat-x;}
.n_ldiv{margin-left:12px;}
.n_rdiv .n_imaul{margin-top:59px;}
.n_rdiv{width:73.46%; margin-right:12px;}
.n_rdiv .n_imaul li {
width: 31%;
margin: 0px 0.9%;
}
.n_rdiv .n_imaul li p{height:30px;}
}
@media (max-width: 880px) {
.pagefooter .flinem{font-size:16px;}
}
@media (max-width: 842px) {
.templete1{ width:100%; background-repeat:repeat; overflow:hidden; height:auto; padding-bottom:16px;}
.templete1.t_newdiv{margin:12px 0px;}
.templete1 .condiv .iconimg {
width: 252px;
height: auto;
display: block;
}
.templete1.t_lxdiv .iconimg{ float:left; margin-right:6px;}
.templete1.t_newdiv .condiv img{float:left; margin-right:6px;}
}
@media (max-width: 819px) {
.n_ldiv {
width: 100%;
height: auto;
margin:0;
}
.n_ldiv .lphone{display:none;}
.n_ldiv .lmenudiv{background:none; width:100%; float:right; height:auto;}
.n_rdiv .n_imaul{ margin-top:0;}
.n_ldiv .lmenudiv .ltit{padding-left:0; background: url(../images/i_titico.png) left center no-repeat; text-indent:35px;}
.n_ldiv .lmenudiv ul li {
padding-left: 12px;
float: left;
}
.n_rdiv{width:100%; margin-right:0; min-height:inherit;}
}
@media (max-width: 799px) {
.pagetop .menudiv{display:none;}
.banner-toggle{display:block;}
}
@media (max-width: 650px) {
.pagefooter{overflow:hidden; height:auto; padding-bottom:72px; background:url(../images/footbg2.gif) -7px bottom no-repeat;}
.n_rdiv .n_imaul li {
width: 43%;
margin: 0px 2.9%;
}
}
@media (max-width: 602px) {
.pagefooter .fline1,.pagefooter .fliner{display:none;}
.pagefooter .flinem{width:100%;}
}
@media (max-width: 570px) {
.templete1.t_lxdiv .iconimg{float:none; margin-right:0;}
}
@media (max-width:482px) {
.templete1.t_newdiv .newm p .span1 {
margin-right: 0;
}
.templete1.t_newdiv .newm p span {
float: left;
}
.templete1.t_newdiv .newm p a{white-space:normal; overflow:visible; width:auto;}
}
@media (max-width: 412px) {
.n_rdiv .n_imaul li {
width: 48%;
margin: 0px 0.9%;
}
}
@media (max-width: 388px) {
.pagetop .alogo{ width:56.3%;background-size: contain;}
}
@media (max-width:332px) {
.n_rdiv .n_imaul li {
width: 90%;
margin: 0 auto;
float: none;
}
}
@media (max-width: 302px) {
.templete1.t_lxdiv .iconimg{ width:100%;}
}