@charset "gb2312";

/* CSS Document */
body{ font-size:12px; font-family:"˼ԴºÚÌå"; color:#333333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0px; padding:0px;}
table{border-collapse:collapse;border-spacing:0}
img{ border:0px;}
a{ color:#000; text-decoration:none}
ul li{ list-style-type:none; list-style-image:none; font-size:12px;}
input{outline:none}

.page{ width:100%; min-height:100%; max-width:640px; margin:0 auto; overflow:hidden;position:relative; left:0; transition:left 0.3s;-moz-transition:left 0.3s;-webkit-transition:left 0.3s;}
.top{ width:100%; float:left; position:relative}
.top img{ width:100%}
.nav{ width:100%; float:left}
.nav img{ width:33.333333%; float:left}
.index_prod{ width:100%; float:left; margin:30px 0 20px;}
.index_prod img{ width:100%}
.prodCont{ width:94%; margin-left:3%; float:left;}
.prodCont ul li{ width:31.3%; float:left; background:#d3d3d3; margin-right:3%; margin-bottom:10px}
.prodCont ul li img{ width:98%;  float:left; margin:1% 0 0 1%}
.prodCont ul li span{ width:100%; height:35px; float:left; line-height:30px; text-align:center; font-size:14px; color:#444; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mors{ width:31.3%; margin:10px auto 30px; background:#e40d0d; height:35px; border-radius:5px;}
.mors a{ width:100%; height:100%; display:block; text-align:center; line-height:35px; color:#fff; font-size:15px;}
.indexNews{ width:94%; float:left; background:#f3f3f3; padding:30px 3% 25px;}
.xinw{ width:100%; float:left; margin-bottom:25px;}
.xinw img{ width:100%}
.center{ width:100%; float:left;}
.center ul li{ width:100%; border-bottom:1px solid #d7d7d7; padding-bottom:20px; float:left; margin-bottom:20px;}
.liLeft{ width:29%; padding:0 5% 0 3%; float:left}
.liLeft img{ width:100%}
.liRight{ width:63%; float:right; line-height:20px;}
.liRight h2{ width:100%; font-size:14px; color:#0046a4; font-weight:bold;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.liRight p{ width:100%; font-size:14px; color:#555;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.liRight span{ width:100%; font-size:12px; color:#999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mors1{ width:31.3%; margin:0 auto; background:#e40d0d; height:35px; border-radius:5px;}
.mors1 a{ width:100%; height:100%; display:block; text-align:center; line-height:35px; color:#fff; font-size:15px;}
.btn{ width:100%; float:left; height:50px; line-height:50px; text-align:center; font-size:14px; color:#555;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:50px;}

.foot{ width:100%; max-width:640px; height:50px; margin:0 auto; overflow:hidden;  background:url(../images/index4ok_20.jpg) repeat-x; position:fixed; bottom:0; left:0; right:0;}
.ftop{ width:100%;}
.foot ul li{ width:25%; float:left; height:50px; background:url(../images/index4ok_22.jpg) no-repeat right top;}
.liTop{ width:99%; height:23px; padding-top:5px; text-align:center}
.liTop img{ height:100%; max-width:100%}
.liBtn{ width:100%; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff;}

.topL{ width:47%; height:100%; display:block; position:absolute; left:0; top:0}
.topR{ width:15%; height:100%; display:block; position:absolute; right:0; top:0;}

.right_Nav{ width:50%; height:100%; position:fixed; right:-50%; top:0; background:#0046A5; z-index:99; transition:right 0.3s;-moz-transition:right 0.3s;-webkit-transition:right 0.3s;}
.right_Nav dt{ width:100%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:16px; margin:10px 0 15px;}
.right_Nav dd{ width:100%; text-align:center; line-height:30px; height:30px; margin-bottom:10px;}
.right_Nav dd a{ width:86%; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; margin-left:7%; border:1px solid #fff; display:block; border-radius:5px;}
.leftHB{ position:fixed; width:100%; height:100%;  left:0; top:0; background:rgba(0,0,0,0.5); z-index:98; display:none;}

.prTop{ width:100%; float:left; position:relative;}
.prTop img{ width:100%;}
.syy{ width:16%; height:100%; position:absolute; left:0; top:0; display:block}
.fl{ width:17%; height:100%; position:absolute; right:0; top:0; display:block}
.produs{ width:90%; float:left; margin-left:5%;  margin-top:20px;}
.produs ul li{ width:92%; float:left; background:#fff; padding:4%; margin-bottom:15px;}
.produs ul li h3{ width:100%; float:left; line-height:35px; font-size:16px; color:#094b89;}
.produs ul li p{ width:94%; float:left; padding:2.9%; border:1px solid #dadada}
.produs ul li p img{ width:100%;}
.produs ul li span{ width:100%; line-height:35px; display:block; float:left; margin-top:10px; font-size:14px; color:#555}
.WebPages_pnlPages{ width:100%; height:50px; float:left; background:#fff;}
.WebPages_pnlPages dd{ width:25%; float:left; height:50px; line-height:50px; text-align:center; font-size:12px; color:#ccc}
.WebPages_pnlPages dd a{ color:#000; width:100%; height:100%; display:block}

.produs ul dd{ width:47%; float:left; border:1px solid #ccc; margin-bottom:15px;}
.produs ul dd p{ width:95%; padding:0 2.5%; height:200px; text-align:center}
.produs ul dd p img{ height:100%}
.produs ul dd span{ width:100%; height:30px; line-height:30px; text-align:center; font-size:13px; display:block; border-top:1px solid #ccc}

.table{ width:100%; height:100%; position:fixed; right:-100%; top:0; background:#fff; z-index:100; transition:right 0.3s;-moz-transition:right 0.3s;-webkit-transition:right 0.3s; overflow:scroll}
.table ul{ width:94%; padding:3% 3%;}
.table ul li{ width:100%; line-height:23px; font-size:16px; font-weight:bold; color:#fff; margin-bottom:10px; float:left}
.table ul li a{ color:#000; width:100%; height:100%; display:block}
.pli{ width:95%; float:left; line-height:20px; color:#000; margin-left:5%; margin-bottom:10px;}
.pli dd{ line-height:30px;}
.pli dd a{ color:#000; font-size:14px; width:100%; height:100%; display:block}
.table dt{ width:100%; text-align:center; line-height:30px; font-size:18px; color:#000; font-weight:bold; margin:10px 0; position:relative}
.table dt span{ height:100%; position:absolute; left:5%; top:3px}
.table dt span img{ height:100%}
.tits{ width:60%;  font-size:14px; color:#094b89; position:absolute; left:20%; top:30%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold}

.produs1{ width:84%; float:left; margin-left:5%;  margin-top:20px; background:#fff; padding:3%}
.psTop{ width:100%; line-height:30px; font-size:16px; font-weight:bold; text-align:center;}
.psImg{ width:94%; float:left; margin-left:2.8%; border:1px solid #ccc; margin-top:20px; margin-bottom:20px;}
.psImg img{ width:100%}
.psCon{ width:94%; float:left; margin-left:3%; margin-top:15px;}
#ppo{ width:100%; float:left; margin:10px 0;}
.ppleft{ width:97%; float:left; height:35px; line-height:35px; background:#F2F2F2; margin-bottom:10px; padding-left:3%; border:1px solid #CBCFD5; color:#034A88; border-radius:5px}
.ppleft a{color:#034A88;}
.ppright{ width:97%; float:left; height:35px; line-height:35px; background:#F2F2F2; padding-left:3%;border:1px solid #CBCFD5; color:#034A88; border-radius:5px}
.ppright a{color:#034A88;}
.newsNav{ width:94%; float:left; margin-left:3%; margin-top:20px; background:#fff; padding-bottom:20px;}
.newsNav ul li{ width:96%; float:left; height:30px; line-height:30px; border-bottom:1px dashed #ccc; margin-top:10px; margin-left:2%}
.newsNav ul li a{ width:73%; float:left; font-size:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsNav ul li span{ float:right; font-size:12px; color:#666}
.smg{ width:94%; margin:15px 3%;}
.newsNav2{ width:94%; padding:20px 3%; float:left}
.nwsTop{ width:100%; line-height:30px; text-align:center; font-size:16px; font-weight:bold;}
.nesCont{ width:100%; line-height:24px;}
.nesCont img{ max-width:100%;}
.container{ width:100%; float:left; margin:10px 0 0;}