@charset "utf-8";
@media (max-width:1024px) {
body {line-height:20px;}
.wrap {width:100%;}

.toper { height:70px; background:url(../images/tbg.png) no-repeat 30px; background-size:100%;padding:0 3%}
.toper .logo {width:120px; height:27px; margin-top:20px;}
.toper .logo a { background-size:100%}
.toper .search .ench {margin:5px 0 5px 0}
.toper .search form p { right:175px;top:5px}

.topmenu {  height:50px;top:70px; background:#00428a; height:45px;padding-top:5px}
#menu { overflow:hidden}
#menu li {width:25%;float:left; text-align:center;}
#menu li.first {margin-left:0px}
#menu a {height:20px; line-height:18px;padding:0;margin-top:0px;font-size:12px;width:80px;margin:0 auto; overflow:hidden}
#menu li:hover > ul {opacity: 0;visibility:hidden}
#menu ul ul {display:none;}

.indbg {margin-top:50px;height:170px;background-size:cover}
.lof-navigator-wapper{left:3%;top:110px;}
.lof-navigator-outer{height:70px;width:226px;}
ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:100%;}
ul.lof-navigator li img{border:#fff solid 1px;width:48px; height:30px}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img{border:#ff9800 solid 1px;}
ul.lof-navigator li p {font-size:12px;padding-bottom:5px}
.lof-navigator-wapper .lof-next,.lof-navigator-wapper .lof-previous{margin-top:33px}
.lof-navigator-wapper .lof-next{margin-right:5px}
.lof-navigator-wapper .lof-previous{margin-left:5px}

.tabPanel {height:auto}
.indapp {margin-top:20px; height:auto;padding:0;width:99.5%;float:none;}
.indapp .subject {top:5px;left:10px;font-size:12px; line-height:20px;}

.tabPanel .hit{}
.pane{padding:15px 3% 15px 3%;}
.panes .list .pic { height:auto}
.panes .list .pic img { height:auto}
.panes .list .cons { height:auto}
.panes .list .cons .in {line-height:20px; height:auto; overflow:visible;}
.panes .list .cons .in a { margin-top:10px;}



.indnews ul li {margin-bottom:0px}

.indlist {float:none;width:100%;margin-left:0;border:1px solid #ccc;border-left:0;border-right:0;margin-top:50px}
.indlist .mtitle { background:url(../images/4.gif);border:1px solid #ccc;border-left:0;border-right:0; height:30px; line-height:29px;padding-left:3%;font-weight:Bold;margin-top:-30px;font-size:13px}
.indlist .mtitle a {float:right;margin-right:20px;font-size:12px; font-weight:normal}
.indlist .cons {padding:20px 3% 20px 3%;}
.indlist .cons .content { height:auto; }
.indlist a.inqury { display:block;width:119px; height:30px;margin:30px auto 0 auto}

.indpro {margin-left:0;margin-top:50px;width:100%;}
.indpro .cons {padding:10px 5px 20px 5px; height:auto;}
.indpro ul {margin-top:15px}
.indpro ul li a {font-size:12px}
.indpro ul li h1 {border:1px solid #ccc;width:108px; height:115px;}
.indpro ul li h2 {margin-top:5px;}

.banner {  height:120px; background-size:cover;margin-top:48px;}
.mleft {float:none;width:94%;padding:0 3%;margin-top:20px;}
.mright {float:none;width:250px;position:absolute; z-index:999999;top:-10px;right:3%; display:none;margin-bottom:50px}
.mclassname {height:35px; line-height:35px;font-size:16px;margin-top:-10px;padding-bottom:5px}
.mclassname p { display:inline-block;font-size:13px;}
.mright dt {font-size:16px;padding-left:40px; height:40px; line-height:40px;margin-bottom:10px;}
.mright dd { height:40px; line-height:40px;}
.mright dd a { background:url(../images/2.png) no-repeat 22px 15px; background-size:7px; padding-left:40px;font-size:16px;}
.mright dd a:hover,.mright dd.check a,.mright dl.techdl dd.check a,.mright dl.techdl dd a:hover{background:url(../images/1.png) no-repeat 22px 15px; background-size:7px;}

.mobmenu { position:absolute; z-index:9999;top:9px;width:22px; height:21px;right:3%;display:block}
.mobmenu .openmenu { background:url(../../images/menu.gif) no-repeat; background-size:90%;width:22px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url(../../images/menu.gif) no-repeat; background-size:90%;width:22px; height:21px; cursor:pointer; display:none}

.apptitle2 {font-size:13px;padding:20px 0 8px 0;}
.order {margin-top:20px;}
.order .subject {font-size:12px;margin-bottom:10px}

.picleft {margin-right:0px;margin-bottom:10px;float:left; clear:both;width:100%;}
.picright {margin-left:0px;margin-bottom:10px;float:left; clear:both;width:100%}

.news li {margin-top:20px}
.news .title a,.news .title {font-size:14px;}
.news .addtime { text-align:left;padding:5px 0 10px 0;}
.news .cons {font-size:12px; line-height:20px;padding:10px 0}
.news .more a { height:25px; display:inline-block; line-height:25px;padding:0 12px;color:#fff;font-size:11px;}
.newscate {border-bottom:2px solid #efefef; font-size:16px; height:50px; line-height:50px;margin:30px 0 10px 0}
.newsy li {float:left;}
.newsy li a {color:#00bfff;font-size:12px;}
.newsy li a:Hover,.newsy li.check a {color:#e13e1d;}
.newsy li i {margin:0 15px;color:#333; font-family:宋体;}

.banner .cons {width:90%; height:120px;padding:0 3%}
.banner .cons .title {font-size:14px; line-height:20px;padding-top:10px}
.banner .cons .title p {margin-bottom:0px; }
.banner .cons .content { bottom:45px;width:94%;font-size:12px; line-height:20px;}

.protitle {font-size:16px;padding:30px 0 15px 0;margin-bottom:30px}
.prodpic {float:none;width:95.5%; height:auto;border:1px solid #ccc; text-align:center;padding:2%; display:table;}
.prodpic p { display:table-cell; vertical-align:middle}
.prodjs {float:none;width:100%;}
.prodsize {margin-top:10px}
.indlist .cons .content img {width:100%}



.footbank { clear:both; height:auto;padding:10px 0}
.footline { height:3px; background:#d64123;margin-top:20px}
.foot { height:auto; line-height:20px; text-align:center;padding:10px 3% 70px 3%}
.foot li {float:none; display:inline-block;}
.foot li i {margin:0 10px}
.foot .cons {float:none; width:100%; text-align:center;margin-top:10px}

}


@media (max-width:640px) {
.toper .search .ench a {margin-left:5px}
.toper .search form p { right:3%;top:7px;margin-right:118px}
.toper .search form a { margin-left:5px;width:15px; height:15px}
.toper .search form input[type="text"] {width:95px}
}