@charset "utf-8";
/* CSS Document */
html{height:100%}
body{font-family:Helvetica,Arial,sans-serif;background:#63bbf5; color:#333; max-width:640px; min-width:320px; margin:0 auto; position:relative;}
*{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none
}
nav,footer,section,header,article{display:block}
ul{list-style:none}
img{-webkit-touch-callout:none}
input,textarea{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px}
img{border:0;}
ul{list-style:none;}
.clear{ clear:both;}
a{text-decoration: none; color: #282828; }
a:hover{ color:#000;}
.left{ float:left;}
.right{ float:right} 

.main{width:100%;min-width:320px;max-width:640px; background:#edeced;margin: 0 auto; position:relative;}
.top{ height:54px; border-bottom:1px #004fa8 solid; background:#105fa2;}
.logo{ width:70%; height:54px;}
.nav{position:absolute; right:1.2%; margin-top:14px;}
.navbg{ width:71px;position: absolute; z-index:999; display:none; background:#105fa2; top:30px; right:1.2%; padding-bottom:10px;}
.navbg li{line-height:30px; padding:0px 0px; border-bottom:1px #024d90 dashed; text-align:center; font-size:12px; font-family:"微软雅黑";}
.navbg a{ color:#fff; font-size:12px; font-family:"微软雅黑";}
.navbg a:hover{ color:#fff400; }
.banner{ width:100%; height:auto; margin-top:1px; margin-bottom:10px;}
.banner img{width:100%; height:auto;}
.fl{ width:98%; height:98px; margin:0 auto; padding-bottom:8px; }
.fl1,.fl2,.fl3,.fl4{ width:49.5%; height:44px; padding-bottom:5px; font-size:12px; }
.fl1{background:url(../images/index_02.jpg) repeat-x;  text-shadow:1px 1px 1px #90c2f1;}
.fl1 a{ color:#003d6f;}
.fl1 a:hover{ color:#003d6f;}
.fl2{background:url(../images/index_09.jpg) repeat-x; text-shadow:1px 1px 1px #cce3a3; }
.fl2 a{ color:#364a00;}
.fl2 a:hover{color:#364a00;}
.fl3{background:url(../images/index_12.jpg) repeat-x; text-shadow:1px 1px 1px #fed491;}
.fl3 a{color:#8f3200;}
.fl3 a:hover{color:#8f3200;}
.fl4{background:url(../images/index_15.jpg) repeat-x; text-shadow:1px 1px 1px #aae1fe;}
.fl4 a{color:#004362;}
.fl4 a:hover{color:#004362;}
.fl1_1{ width:1%;}
.fl1_2{ width:98%; height:44px; line-height:44px; font-weight:bold; }
.fl1_2 img{ float:left; padding-top:3px; padding-right:3%;}
.ab{ width:100%; height:75px; background:url(../images/index_18.jpg) repeat-x; z-index:1; position:absolute;}
.abw{ width:100%; height:75px; margin:0 auto; position:relative; top:0px; z-index:200; padding-bottom:13px;}
.abw1{ width:35%;line-height:75px; text-shadow:1px 1px 1px #ffffff; color:#0684b9; font-size:20px; text-align:center; background:url(../images/index_20.jpg) top right no-repeat;}
.abw2{ width:55%; height:60px; padding-top:7px; padding:0 5%; display:inline; margin-top:7px; margin-bottom:8px; line-height:20px; text-shadow:1px 1px 1px #ffffff; color:#282828; overflow:hidden; font-size:12px;}
.dh{ width:100%; height:102px;}
.dh1{ width:33%; height:102px; background:url(../images/index_21.jpg) repeat-x; text-align:center; display:inline; margin-left:0.5%; }
.dh2{ width:33%; height:102px; background:url(../images/index_24.jpg) repeat-x; text-align:center; }
.dh3{ width:33%; height:102px; background:url(../images/index_25.jpg) repeat-x; text-align:center; display:inline; margin-right:0.5%; }
.bq{ padding:10px 0px; line-height:18px; text-shadow:1px 1px 1px #fff; color:#282828; text-align:center; font-size:12px; padding-bottom:54px;}


.footer{ width:100%; height:40px; background:url(../images/index_27.jpg) repeat-x;}
.foot{ width:25%; height:auto; float:left;}
.foot img{ width:100%; height:auto;}
.metaNavigation {Z-INDEX: 1000; POSITION: fixed; background:url(../images/index_27.jpg) repeat-x; WIDTH: 100%; margin:0 auto; BOTTOM: 0px; HEIGHT:40px; padding-top:0px; COLOR: #000000;  min-width:320px;max-width:640px;}
.outerDiv {	Z-INDEX: 1; WIDTH: 1px; HEIGHT: 100%; OVERFLOW: auto}
* HTML .outerDiv {WIDTH: 100%; HEIGHT: 96%}
* HTML .metaNavigation {Z-INDEX: 1000; POSITION: absolute}
.footmk li{ width:25%; float:left; text-align:center; padding-top:0px}
.dht{ width:40%; float:left; text-align:right; padding-top:10px; padding-bottom:5px;}
.kbd{ width:50%; float:right; text-align:left; padding-top:12px; padding-bottom:10px; color:#FFF; text-shadow:1px 1px 1px #004362;  }
.footb{ background:url(../images/index_28.jpg) bottom right no-repeat; height:40px;}

.ndh{ width:100%; height:43px; background:url(../images/index_33.jpg) repeat-x;}
.ndh_r{ width:80%; text-align:center; line-height:43px; font-weight:bold; color:#282828; text-shadow:1px 1px 1px #FFF;}
.nr{ min-height:350px;_height:350px; line-height:175%; padding:10px 2%; text-shadow:1px 1px 1px #FFF; background:url(../images/index_35.jpg) bottom left repeat-x;}
.nrview{overflow-x: hidden; overflow-y:hidden;overflow:scroll;width: 100%;}
.nr .productimage{ text-align: center;max-width: 90%;margin: 0 auto;margin-bottom: 10px;display: block;}
.list li{ height:30px; line-height:30px; border-bottom:1px #dedede dashed; padding-left:15px; background: url(../images/index_36.jpg) center left no-repeat;}
.list li span{ float:right; color:#b1b1b1;}
.list li a{ display:inline-block; width:85%; overflow:hidden;}
.fy{ line-height:50px; text-align:center;}
.cp{ width:100%; height:58px; margin:5px auto 0 auto; background:url(../images/index_38.jpg) repeat-x;}
.cp1{ width:14px; height:58px;}
.cp2{ line-height:52px; font-weight:bold;  text-shadow:1px 1px 1px #FFF;}
.jj{ margin-top:3%;}
.cpk{ width:50%; height: auto; text-align:center; overflow:hidden;}
.cpk img{ width:90%; height:auto; border:1px #c7c7c7 solid; padding:1px;}
.cpk span{ width:100%; height:36px; line-height:36px; display:block; text-align:center;}
.sj{ width:100%; height:30px; text-align:center; line-height:30px; background:#e3e3e3; font-size:12px;  }
.xx{ padding-top:10px; overflow-x: hidden; overflow-y:hidden;overflow:scroll;width: 100%;}

.productviewdiv img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 80% ? " 80%" : this.width)!important;}
.nr p{ margin:12px 0px;}