*{margin:0; padding:0;}
body{ margin:0; padding:0; color:#555555; line-height:24px; background:#fff;} /*font-size:12px; -webkit-font-size:12px;*/
ul,li{ list-style:none; margin:0; padding:0; }
a img{ border:0;}
a{ color: #555555; text-decoration:none;}
a:hover{color:#045292; text-decoration:none;}
.clear{ clear:both;}
.Lleft{ float:left;}
.Rright{ float:right;}
.mT10{ margin-top:10px;}
.floatL{ float:left;}
.floatR{ float:right;}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;visibility:hidden;.
}
@font-face{
  font-family:"iconfont";
  src:
  url('../wfont/iconfont.woff') format('woff'),
  url('../wfont/iconfont.ttf') format('truetype');
}
.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}

.head1{ width:100%; padding:0.5em 0; background:#0459a0; }/*overflow:hidden; height:90px;margin-bottom:2px;*/
/*.menu{float:left; margin:50px 0px 0px 15px;}
.logo{ float:left; margin-left:30px;}*/
.head1 .menu{width:10%; display:block; position:relative; float:left;}
.head1 .menu img{width:24px; position:absolute; display:block; left:30%; z-index:2; cursor:pointer;}
.head1 .logo{float:left; width:90%;  display:block; text-align:center; position:relative; }
.head1 .logo img{ height:56px; width:176px;}/*left:15%; position:absolute;*/

.head{overflow:hidden; width:100%; height:33px;  background:#0459a0; padding:5px 0px;margin-bottom:2px;}
.head .menu{position:relative; float:left; width:7%;}
.head .menu img{width:24px; position:absolute; left:5px; top:5px;}
.head home{ position:absolute; width:7%; text-align:right; float:right; right:3px;}

.banner{ width:100%; text-align:center;}/* margin-bottom:1px;*/

/*.main{ padding-bottom:1%;}
.mainL{ float:left; width:49%;}
.mainL img{ margin-top:2%;}
.mainR{ float:right; width:50%;}
.mainRL{ float:left; width:50%;}
.mainRL img{margin-top:4%;}
.mainRR{ float:right; width:49%;}
.mainRR img{ margin-top:4%; margin-left:%}*/

.Topage{width:70%; margin:0 auto; padding:5px 10px;}
.pr{}
.pr a{ color:#FFFFFF;  padding:0.2em 0.5em; font-size:1em; display:block; background:url(../wapimages/btopage.png) repeat-x;
    -moz-border-radius:7%;      /* Gecko browsers */
    -webkit-border-radius:7%;   /* Webkit browsers */
    border-radius:7%;  }
/*产品分类样式*/
.pproClass{position: relative; width:100%; padding-top:0.5em;}
.lefCls{
	position: relative;
	width: 33%;
	color:#ffffff;
	border-right:0.5em solid #9acaef;
	background: #298fd2;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.posTitle{
	position: absolute; left:-10%; top:0;
	display: block;
	padding-left:15%;
	color:#ffffff; text-align: center;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
	background: #298fd2;
}
.RitCls{
	background: #000000;/* margin-bottom:-0.2em;*/
}
.RitCls .proclsmenu{
	position:absolute; z-index: 99;	cursor:pointer;	
	width:33%;
	right:1%;top:20%; 
	color:#ffffff;
	border-left:0.5em solid #9acaef;
	background: #298fd2;
	transform: skew(165deg);
	-webkit-transform: skew(165deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}

.RitCls .p{
	 position: absolute;
	 width: 32%;
	 right:0%; top:20%;z-index: 999;
	 display: block; 
	 color:#ffffff;
	 background: #298fd2;
}
.RitCls .iconfont{ color:#ffffff; line-height: 1em;}
.classList{
	position:absolute;
	z-index:999;right:0%;
	min-width:40%;padding:0% 2%;
	color:#ffffff;
	text-align:left;
	background:#298fd2;
	display:none;
}
.classList ul li{
	border-bottom: 1px solid #9acaef;
}
.classList ul li a{
	display: block;
	color:#ffffff;
}
.classList ul li a:visited{
	color:#fffffe;
}
.main{ padding:2%;}
.mainL{ float:left; width:65%;}
.mainL img{ margin-top:2%;}
.mainR{ float:right; width:33%;}
.mainR img{ margin-top:4%;}
.title1{height:39px; line-height:39px; width:86%; text-align:center; float:left; color:#fff;}
.title{height:39px; background:#; line-height:39px; width:86%; text-align:center; float:left; color:#fff;}
.titL{height:39px; color:#fff; float:left; color:#fff;padding-left:10px;}
.titL1 {height:39px; line-height:39px; float:left; color:#fff;}
.titL1 a{height:39px; float:left; color:#fff; font-weight:bold; padding:0px 10px; display:block;}
.titL1 a:hover{color:#fff;  background:#04497e; text-decoration:none;}
.titR{ float:right; height:39px; padding:0px 10px;}

.footer {text-align:center; background:#e3e3e3; color:#666666; padding:10px 0px 60px 0px; line-height:24px;}
.footer a{ color:#666666; text-decoration:none;}
.footer a:hover{color:#045292; text-decoration:none;}

/* slides */
.bots{ clear:both; height:52px; width:100%; overflow:hidden;padding-top:25px; background:url(../wapimages/bgtit1.jpg) repeat-x left bottom;
background:url(../wapimages/bgtit1.jpg) repeat-x left bottom; bottom:0; left:0px; position:fixed; _position:absolute;z-index:10;}/**/
.bots ul li{ float:left; color:#fff; width:25%; height:52px; padding-top:0px; text-align:center; 
background:url(../wapimages/line1.jpg) no-repeat bottom right;}
.bots li a{ color:#FFF; display:block;}
.bots li img{ border:0;}
.bots li p{ margin:0; padding:0;}
.apshow{width:96%; position:relative; height:140px;}
.poTit{height:30px; line-height:30px; text-align:center; color:#ffffff; background-color:#347cb7;}
.poConList{padding:10px 5%; height:auto; overflow:hidden; background-color:#ffffff;}
.poBot{background-color:#347cb7; height:40px; margin-top:1px; text-align:center;}
.poBot a{color:#ffffff; display:block; line-height:38px; padding:0 2em;}
/*.slides{ z-index:10;}

.slides .slideul>li{position:relative;display:block;width:56px;overflow:visible; border:none; z-index:999;}
.slides .slideul>li.kefu{width:66px;padding-left:8px;margin-left:-10px; border:none;}
.slides .slideul>li ul.kefulist{position:absolute;left:-140px;top:-30px;padding-right:10px;display:none;}
.slides .slideul>li ul.kefulist li{margin-bottom:10px; width:300px; height:60px; border:none;}
*/

.fl{}
.fl li{ width:33.33%; text-align:center; float:left; margin-bottom:1px; background:#045292; line-height:30px; height:30px;}
.fl li a{ color:#ffffff; display:block; text-align:center; background:url(/wapimages/line.jpg) no-repeat top right;}
.fl li a:hover{background:#04497e;}

.fl_page{}
.fl_page li{ width:25%; text-align:center; float:left; margin-bottom:1px; background:#045292; line-height:30px; height:30px;}
.fl_page li a{ color:#ffffff; display:block; text-align:center; background:url(/wapimages/line.jpg) no-repeat top right;}
.fl_page li a:hover{background:#04497e;}

.fl_pro{}
.fl_pro li{ width:100%; text-align:center; float:left; margin-bottom:1px; background:#045292; line-height:30px; height:30px;}
.fl_pro li a{ color:#ffffff; display:block; text-align:center; background:url(/wapimages/line.jpg) no-repeat top right;}
.fl_pro li a:hover{background:#04497e;}

.list_pro{ padding:10px;}
.list_pro li{ border-bottom:1px dashed #ccc; clear:both; height:224px; margin-top:10px; padding-bottom:15px;}
.list_img{ float:left; text-align:center;}
.list_img img{border:1px solid #ccc;}
.list_font{ float:right; line-height:150px;}

.list_pros{padding:10px 0; width:99%; margin:0 auto;}
.list_pros li{width:45%; float:left; height:auto; overflow:hidden; padding:0.2em 0.4em;}/* clear:both; */
.list_pros .list_img{width:100%; text-align:center;}
.list_pros .list_img p{line-height:1.6em;}
.list_pros .list_img img{border:none;}

.list_case{padding:10px 0; width:94%; margin:0 auto; text-align:center;}
.list_case li{border-bottom:1px dashed #ccc; padding:0.4em 0; height:auto; overflow:hidden;}/* clear:both; */
.list_case .list_img{width:100%; text-align:center;}
.list_case .list_img p{line-height:1.6em;}
.list_case .list_img img{border:none; max-width:319px;}

.page{ line-height:28px; padding:10px; min-height:360px;}
.page table.table_form th{width:75px;}
.show{line-height:28px; padding:10px;}
.showT{ text-align:center; border-bottom:1px dashed #ccc; padding:10px;}
.showT h4{}
.show_con{ padding:10px;}

.xwzx{ padding:10px 6px;}
.xwzx li{ border-bottom:1px dashed #2a2a2a; clear:both; height:32px; line-height:32px;} 
.xwzx li a{ float:left; background:url(/wapimages/ico.jpg) no-repeat 6px 15px; padding-left:15px;}
.xwzx li span{ float:right; padding-right:10px;}

/**dong 后补*/

.snap-content {
 /* position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 4;
  overflow: auto;*/
  width: 100%;
  height:100%;
  overflow:hidden;
  position:relative;
  z-index:4;
  /*-webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);*/
  background-color:#ffffff;
}
.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow:hidden;
  position:fixed;
  /*
  height: auto  
  height:100%;
  */
 
}
.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width:299px;
  height: auto;
  overflow:hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
  background-color:#045292;
}
.L_mainClass{padding-top:15px; float:left; width:260px; height:auto; overflow:hidden;}
.L_mainClass li{height:35px; width:260px; border-bottom:1px solid #FFF;}
.L_mainClass li a{line-height:35px; height:35px; padding-left:15px; display:block; color:#fff;}
.L_mainClass li a:hover{background-color:#04497e; color:#fff;}

.R_mainClass{padding-top:15px; float:right; width:260px; height:auto; overflow:hidden;}
.R_mainClass li{height:35px; width:260px; border-bottom:1px solid #FFF;}
.R_mainClass li a{line-height:35px;height:35px; padding-left:15px; display:block; color:#fff;}
.R_mainClass li a:hover{background-color:#04497e; color:#fff;}

.left_cloase{width:39px; height:100%; float:right; display:block; background:url(/wapimages/lclosebg.png) repeat-y; padding-top:15px;}
.Right_cloase{width:39px; height:100%; float:left; display:block; background-color:#5d5d5d;}
.snap-drawer-right {
  right:0;
  z-index: 1;
  background-color:#045292;
}
#Iclose{width:39px; height:39px; display:block; background:url(/wapimages/iclose.png) no-repeat;}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}
/* Show "Left" drawer for the "Right" drawer in the demo */
.snapjs-right .snap-drawer-left {
	display: block;
	right: 0;
	left: auto;
}
.snapjs-right .snap-drawer-right {
	display: none;
}
.all-elements{
	overflow-x:hidden;	
}