/* ====================================================================
	-----   表 名 称   Name: style.css                 -----
	-----   开 发 者   Developed by: Rsi               -----
	-----   创建日期   Date Created: 2013-08-08        -----
	-----   更新日期   Last Updated: 2011-10-15        -----
	-----   版权信息   Copyright: Rsisem Studio        -----
====================================================================== */
/* ------------ reset
--------------------------------------------------------------------- */
body { sans-serif, "宋体"; text-align: center; direction: ltr; }
a { text-decoration: none; outline: none; }
ul, ol, dl, li{ list-style: none; }
::-webkit-scrollbar{width:0px; height:0px;}
/* ------------ base
--------------------------------------------------------------------- */
.wrapper { margin: 0 auto; width: 100%; overflow: hidden; max-width:640px;  }

.banimg img{ display: block; max-width: 100%;height: auto;width: auto\9;}

.w_top { float:left; width:100%; height:44px; background-color:#02021a; margin-bottom:28px;}
.w_tl { float:left; width:25%; height:44px;   }
.w_tm { float:left; width:50%; height:44px;  text-align:center; font-size:16px; color:#ffffff; line-height:44px; font-weight:bold; }
.w_tr { float:left; width:25%; height:44px; }
.w_tl img { width: 46px; height:44px; margin-top:-2px;}
.w_tm span {  width:100%;  background-color:red; text-align:center;}

.w_tr span { font-size:18px; color:#ffffff; line-height:44px; font-weight:bold;}
/* ------------ banner
--------------------------------------------------------------------- */
.w_ban{ width: 100%; height: auto; background-color:#2d2b38; margin-top:2px;}

.w_ban_Ne{ width: 320px; height:120px; background-color:#2d2b38; margin-top:5px; background: url(../images/ban02.jpg) no-repeat left top;}



/* ------------ nav ------------ */
.nav { width: 100%; height:52px; margin-top:3px; background-color:#064972; position:relative;  }
.nav ul li { float: left; display: inline; height:52px; width:18%; text-align:center;    }
.nav ul li span { font-size:14px;  color:#fff; font-weight:bold; line-height:45px; }
.nav ul li p { font-size:11px;  color:#eeecec; margin-top:-16px; font-weight:bold; text-align:center; }
.nav ul li a{ display:block; height:37px; width:100%; color:#fff; text-align:center;  text-decoration:none;}
.shug { border-right:1px solid #cecdcd;}
.nav_xl{ background-color:red; width:8%;}

.nav_xllm {width: 100%; height:auto; position:absolute; top:111px; z-index: 9999; }

.navs { width: 100%; height:52px; margin-top:3px; background-color:#064972; position:relative; border-top:1px solid #cecdcd;   }
.navs ul li { float: left; display: inline; height:52px; width:18%; text-align:center;    }
.navs ul li span { font-size:14px;  color:#fff; font-weight:bold; line-height:45px; }
.navs ul li p { font-size:11px;  color:#eeecec; margin-top:-16px; font-weight:bold; text-align:center; }
.navs ul li a{ display:block; height:37px; width:100%; color:#fff; text-align:center;  text-decoration:none;}


.nav_feed {width: 320px; height:27px; margin-top:5px; }

.nav_bg {width: 320px; height:4px; background-color:#2d577f;}

.w_cont img{ display: block; max-width: 100%;height: auto;width: auto\9; margin-bottom:6px;}

/* ------------ w_cont ------------ */
.w_cont { margin-top:15px;}
.w_cont p1{ text-indent:2em;}
.w_cont p a { display:inline; background-color:#2d577f;color:#ffffff; padding:0px 5px 0px 5px; }
.w_co {width: 100%; height:1px; background-color:#e1e1e1; margin-top:20px;}

.w_fc { width: 320px; height:75px; margin-top:18px; }
.w_fc ul { width: 320px; height:75px; background: url(../images/Fbg.jpg) no-repeat left center;}
.w_fc ul li { float:left; display: inline; height:75px; width:68px; text-align:center; margin-left:10px; }
.w_fc ul li a { font-size:18px; display:block; height:75px; width:68px;  line-height:132px; font-weight:bold;}

.footer { margin-top:20px; margin-bottom:8px;}
.copright { text-align:center; color:#2f5780; font-size:14px;}

/* ------------ w_cont_lx ------------ */
.w_cont_lx { margin-top:15px; padding-left:17px; text-align:left;}
.w_cont_lx strong { color:#2d577f; font-size:14px; }
.mt12 { margin-bottom:12px;}
.w_tel { display:block; width:225px; height:30px; background: url(../images/tel.png) no-repeat left top; margin-left:32px; padding-left:47px; line-height:30px; font-size:16px; font-weight:bold; color:#ffffff;}
/* ------------ w_cont_fw ------------ */
.w_cont_fw { margin-top:15px; padding-left:20px; text-align:left;}
.w_cont_fw p { background: url(../images/pio.png) no-repeat left center; padding-left:15px; font-size:14px; font-weight:bold;}
/* ----- feedbackTab ----- */
.feedbackTab { width: 100%; margin: 25px auto; }
.feedbackTab td { text-align: left; padding: 5px 0px 5px 0px; }
.feedbackTab .inputTxt, .feedback .textarea { padding: 1px 2px; border: 1px solid #CCC; }
.feedbackTab .inputTxt { margin-left:2%; width: 95%; padding: 1px 2px; border: 1px solid #CCC; height: 30px; line-height: 30px; font-size:16px; color:#5e5e5e;}
.feedback .textarea { margin-left:2%; overflow-y: hidden; width: 292px; height: 80px; font-size:16px; color:#5e5e5e; }
.feedback .btn { width: 112px; height: 36px; line-height: 32px; font-size:16px; color: #ffffff; border: none;  cursor: pointer; margin-left:2%;  background-color:#000000; border-bottom:1px solid #272727; text-align:center;  }
/* ------------ w_cont_pro ------------ */
.w_cont_pro { margin-top:15px; text-align:left; }

/* -- proList -- */
.productList { overflow: hidden; width: 100%; }
.productList ul {float: left; overflow: hidden; width: 100%; }
.productList li { float: left; width: 28%; margin-left:4%; padding-bottom:55px;  text-align: left; overflow:hidden; display:inline; }
.productList li a { display: block; width: 100%; height:auto; border: 1px solid #e7e7e7; }
.productList li a:hover { border: 1px solid #c6c6c6;}
.productList li a img { float: left;  max-width: 100%;height: auto;width: auto\9; }
.productList li p { width: 100%;  height:20px; line-height:22px; padding-top:35px; color: #393d3e; text-align:center; }

.prodj { font-size:15px; font-weight:bold; color:red; }
.prodi { color:red; margin-left:10px;}
.prosc {text-decoration:line-through; color:#888888;}


/* -- proCont -- */
.proCont .proTitle { position: relative; width: 320px; padding: 5px 0 0px 0; }
.proCont .proTitle h2 { font-size: 16px; color: #3e65bb; font-weight: bold; text-align:center; }
.proCont .info { margin-top: 5px; margin-left: auto; margin-right: auto; text-align: center; color: #4c4c4c; letter-spacing: 0.05em;}
.proCont .info span { margin: 0px 15px 0px 15px;}
.proCont .proContPic { margin-left: auto; margin-right: auto; background: url(../images/bgProCont.gif) no-repeat left top; text-align: center; }
.proCont .proContPic img { border: 1px solid #e9e9e9;}
.proCont .proDes { width: 320px; text-align:center;}
.proCont .proDes .proDesTitle { margin: 20px 0px 5px 0px; text-align: left; color: #3e65bb;}
.proCont .proDes p { text-indent: 2em;}
.proCont .articlePage {padding-top: 20px; }
.proCont_sm { width:320px; height: auto; min-height: 90px; _height: 90px; padding-bottom:20px;}
.proCont_sm strong { color:#217dae;}
.proCont_sm p { width:320px; line-height:16px;}



/*banner*/
.banner{max-width:640px; width:100%;height:auto;overflow:hidden; position:relative; margin-top:1px;}
.banner .bigbanner{ position:relative; z-index:0; width:100%; overflow:hidden;}
.banner .bigbanner li{ position:relative; text-align:center; width:100%; height:auto; float:left; }
.banner .bigbanner li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%; /* 图片宽度100%，达到自适应效果 */}

.banner .smallbanner{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; z-index:1;}
.banner .smallbanner li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#fff; border:1px solid #083562; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .smallbanner li.on{ background:#083526; }

.navBody ul li span{ font-size:16px;}
.navBody ul li p { text-align:center; margin-top:-10px; font-size:12px;}

.w_top_i { width: 100%; height:59px; background-color:#fff;}
.w_logo { float:left; width: 65%; height:59px; text-align:left; }
.w_logo img{ max-width: 100%;height: auto;width: auto\9;}
.w_so { float:left; width: 35%; height:44px; margin-top:16px;}
.w_so a { display:block; width: 44px; height:44px; background-color:#000; line-height:44px; float:right; color:#fff;}
/* ------------ searchBar ------------ */
.searchBars { overflow: hidden; float:right; margin-top:5px; margin-right:5px; width: 123px; height: 34px; background: url(../images/so.jpg) no-repeat left top;}
.searchBars .input_so { display: inline;   }
.searchBars .input_so input { float: left; width: 82px; height: 27px; line-height: 27px; color: #637476;  border: none; font-size:16px; margin: 2px 1px; padding:2px 5px;}
.searchBars .btn input { float: left; width: 38px; height: 32px; line-height: 32px; border: none; margin: 1px 1px; color: #fff;  cursor: pointer;}
.soprobtn{ width:27px; height:32px; background: url(../images/sobtn.jpg) no-repeat left top; }

.xlsbg img{ max-width: 100%;height: auto;width: auto\9;}
.xlsbg img{ vertical-align:middle;/*设置垂直居中*/ }
.sjbhxl { width: 100%; height: auto;}
.sjbhxl img{ max-width: 100%;height: auto;width: auto\9; padding-top:5px; padding-left:2px;}

/* ------------ ban
--------------------------------------------------------------------- */
.ban { position:relative; width: 100%; max-width:640px; height: auto; background-color:#fff; text-align:center;  }
.banimg img{ display: block; max-width: 100%;height: auto;width: auto\9;}
.bango { width: 100%; height:45px; position:absolute; bottom:80px;  }
.bango a { display:block;  margin: 0 auto; width: 80%; height:45px; background-color:#fff;border:2px solid #000000; line-height:45px; font-size:16px; font-weight:bold; color:#000000; }

.banimg_but img{ display: block; max-width: 100%;height: auto;width: auto\9;}

.ban_t { position:relative; width: 100%; max-width:640px; height: auto; background-color:#fff; text-align:center; margin-top:12px;  }
.banimg_t img{ display: block; max-width: 96%;height: auto;width: auto\9; margin:0 auto;}


.but_link { width: 100%; height:auto; }  
.but_link img{ display: block; max-width: 100%;height: auto;width: auto\9;}
.but_link ul { margin: 0 auto; width: 98%; overflow: hidden; }
.but_link ul li { float:left; margin-top:5%;  margin-left:2%; margin-right:2%; width: 21%; display:inline; }
.but_link ul li a{ display: block;  }

.banpro { position:relative; width: 100%; height: auto; background-color:#fff;  }
.banpro img{ display: block; max-width: 100%;height: auto;width: auto\9;}
.banpro ul { margin: 0 auto; width: 98%; overflow: hidden; }
.banpro ul li { float:left; margin-top:3%; margin-right:2%;  margin-left:2%;  width: 46%; display:inline; }
.banpro ul li a{ display: block; border:1px solid #EBEAEA;  }

.bantomin { position:relative; width: 100%; height: auto; background-color:#fff; margin-top:12px; margin-bottom:10px;  }
.bantomin img{ display: block; max-width: 100%;height: auto;width: auto\9; margin:0 auto;}
.bantomin ul { margin: 0 auto; width: 98%; overflow: hidden;  }
.bantomin ul li { float:left; margin-top:3%; margin-right:2%;  margin-left:2%;  width: 46%; display:inline;  text-align:center; }
.bantomin ul li a{ display: block;  }

.ven { width: 98%; margin: 0 auto; height: 2px; background-color:#000; margin-top:16px; }
.bomwzi{  width: 98%; margin: 0 auto; height: 12px; text-align:center; margin-top:8px; }
.bomwzi a { text-align:center; font-size:14px; font-weight:bold; margin-left:5px; margin-right:5px; color:#000; }
.bombs { width: 98%; margin: 0 auto; height: 10px;  margin-top:13px; margin-bottom:50px;}

.ven_pro { width: 100%; margin: 0 auto; height: 30px; background-color:#000; margin-top:16px; }
.ven_pro span { color:#fff; line-height:30px; margin-left:2%;}

.drawer-brand li {list-style-type:none;}
.incons { width: 100%; margin: 0 auto; margin-top:10px;}
.incons img{ display: block; max-width: 100%;height: auto;width: auto\9;}

/* -- 新闻列表 -- */
.nxwbox { display:block; margin-top:15px;}
.nxwbox li a{ display:block; font-size:14px; width:100%; color:#000;
}
.nxwbox li{line-height:32px; border-bottom:1px solid #e1e1e1; list-style-type:none;  padding-left:2%;  }
.nxwbox li p { width:100%; height:23px; line-height: 36px; text-align:center; }
.nxwbox li span { font-size:13px; width:100%; height:38px; text-align:center; color:#969494; }
.nxwtit { width:98%; margin:0px; padding:10px; border-bottom:1px solid #CCC; text-align:center; font-size:16px; font-weight:bold; color:#666; display:block;sans-serif, "宋体";  }

.Nimgsz img{ display: block; max-width: 80%;height: auto;width: auto\9; margin:0 auto; margin-top:10px;}
.Nconp { display: block;  margin-top:10px; text-align:left; margin-bottom:12px; color:#969494; line-height:20px;}

.nrigcon { width:100%; height: auto;  text-align:left; sans-serif, "宋体";}
.nrigcon p{ text-indent:2em; line-height:22px; margin-top:18px;}

.pronr {  width:100%; height: auto;   text-align:center;}
.pronr img { max-width: 100%;height: auto;width: auto\9;}
.protie {  width:100%; height: auto;  text-align:center;}
.protie h2{width:100%; height:20px; text-align:center; font-size:16px; font-weight:bold; }
/* -- pageList -- */
.pageList { height: 43px; width:100%; margin-left: auto; margin-right: auto; line-height: 43px; color: #18509a;  font-family: "宋体"; letter-spacing: 0.05em; text-align:center; font-size:14px;}
.pageList span { margin-right: 10px; font-size:14px; }
.pageList a { color: #18509a; margin: 0px 2px; font-size:14px;}
.pageList a:hover { text-decoration: underline;}

.sxBar {width:100%; height: auto; background-color:#000000; text-align:center;  }
.sxBarmin {width:100%; height: auto; margin: 0 auto;   }
.sxBar a { float:left; display:block;width:49%;  height: auto; background-color:#000000; color:#fff; }
.mulef { border-right:2px solid #fff; margin-left:1%; }
.mulef p { text-align:right;  }
.p11 { padding-right:10px; margin-top:8px;}
.p22{ padding-right:10px; margin-bottom:8px;}
.murig { }
.p13 { padding-left:10px; margin-top:8px;}
.p23{ padding-left:10px; margin-bottom:8px;}

.promains { width:100%;height: auto; margin:0 auto; text-align:center;}
.promains p { text-align:center;}
.promains img {display: block; margin: 10px 0px; margin-left: auto; margin-right: auto;
}

.venCpms { color:#696868; width: 90%; max-width:640px; height: auto; margin:0 auto; margin-top:15px;}
.venCpxm { font-size:20px; margin-top:12px; margin-bottom:10px; color:#1d1c1c;}

/*快捷菜单按钮 开始*/
.plug-div {position:fixed;bottom:0;left:0px;z-index:900;}
.phone {width:100%; height:480px; border: #000 solid 1px; position:relative; }
.plug-menu {
	width:36px;
	height:36px;
	border-radius:36px;
	position: absolute;
	bottom:16px;
	left: 16px;
	z-index:999;
	-moz-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	background-color: #B70000;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FF0000), color-stop(100%, #B70000));
	background-image:-webkit-linear-gradient(top, #FF0000, #B70000);
	background-image:-moz-linear-gradient(top, #FF0000, #B70000);
	background-image:-o-linear-gradient(top, #FF0000, #B70000);
	background-image:linear-gradient(top, #FF0000, #B70000);
}
.plug-menu span {
	display: block;
	width:28px;
	height:28px;
	background: url(../images/plugmenu.png) no-repeat;
	background-size: 28px 28px;
	text-indent: -999px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-14px;
	margin-left: -14px;
	overflow: hidden;
}
.plug-btn {
	width:32px;
	height:32px;
	border-radius:32px;
	-moz-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	background:#333333;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:20px;
	margin-left:20px;
	z-index:998;
}
.plug-btn span {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -999px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}
.plug-phone .plug-useless {background:#e2e2e2;}
.plug-btn {-webkit-transition: -webkit-transform 200ms;}
/**/

.plug-menu span {-webkit-transition: -webkit-transform 200ms;}
.plug-menu span.open {-webkit-animation-name: open;-webkit-transform: rotate(135deg);}
.plug-menu span.close {-webkit-animation-name: close;-webkit-transform: rotate(0deg);}
.plug-btn1.open {-webkit-transform: translate(0, -100px) rotate(720deg);}
.plug-btn1.close {-webkit-transform: translate(0, 0) rotate(0deg);}

.plug-btn2.open {-webkit-transform: translate(47px, -81px) rotate(720deg);}
.plug-btn2.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn3.open {-webkit-transform: translate(81px, -45px) rotate(720deg);}
.plug-btn3.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn4.open {-webkit-transform: translate(100px, 0) rotate(720deg);}
.plug-btn4.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn5.open {
	display: block;
	width:310px;
	height:310px;
	border-radius:310px;
	background-color:rgba(255, 255, 255, 0);
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	z-index:997;
	left:-170px;
	top:-170px;
	overflow: hidden;
}
.plug-btn5.close {
	display: none;
}
 .themeStyle{background:#DE270B} /*必须放在最后，覆盖前面定义的样式*/
/*快捷菜单按钮 结束*/

.venCpjg {  margin-top:7px; margin-bottom:8px;}
.prodj { font-size:22px;  color:#B70000; }
.prodi { color:#B70000; margin-left:10px;}
.prosc {text-decoration:line-through; color:#888888;}

.foo_ter { background-color:#fff; z-index:999; position:fixed; bottom:0; left:0; width:100%; height:50px; _position:absolute;
 _top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow:visible; border-top: 1px solid #888888;}
.foo_ter_a { float:left; width:20%; height:34px; margin-left:3%; margin-top:7px; }
.foo_ter_a a { display:block; width: 99%; height:34px; line-height:34px; color:#000; border: 1px solid #999999; font-weight:bold; text-align:center; }
.foo_ter_c { float:left; width:20%; height:34px; margin-left:3%; margin-top:7px; }
.foo_ter_c a { display:block; width: 99%; height:34px; line-height:34px; color:#000; border: 1px solid #999999; font-weight:bold; text-align:center; }
.foo_ter_b { float:left; width:48%; height:34px; margin-left:3%; background-color:#064972; margin-top:7px;}
.foo_ter_b a { display:block; width: 100%; height:34px; line-height:34px; font-size:14px; font-weight:bold; color:#fff; text-align:center; }