* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
a:link { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout: none; text-decoration:none; }
html { width:100%; height:100%; }
body{ width:100%; height:100%; font:0.8em/200% "Arial", "Microsoft Yahei", "Thmano"; color:#000; -webkit-text-size-adjust:100%; }
input{font:0.8em/200% "Arial", "Microsoft Yahei", "Thmano";}
img { border:0px; }
ul, ol { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; }
.clear { clear:both; font-size:0em; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.wrapper { max-width:640px; min-width:320px; width:100%; margin:0 auto; position:relative;overflow: hidden;}
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-index:98; background:#000; opacity:1; display:none; }
.dataErr { width:100%; height:40px; }
.dataErr font { margin-left:2%; text-align:left !important; font-size:0.8em !important; }
/* header */
.header { width:100%;  z-index:100;}
.header .main {width:100%; min-width:320px; max-width:640px; height:55px;margin:0 auto;position:relative;}
.header .logo {width:90%;overflow: hidden;text-align: center; margin: 0 auto;}
.header .logo img { height:44px; padding-top: 1%;}
/* ??????????????? */
.navBar { width:100%; position:fixed; left:0; bottom:-1px; z-index:100; }
.navBar .main { width:100%; height:45px; max-width:640px; min-width:320px; background:#0962A6; margin:0 auto; box-shadow:0 -2px 5px rgba(0,0,0,0.2); }
.navBar li { float:left; width:25%;height:45px; }
.navBar a { display:block; height:45px; line-height:25px; text-align:center; color:#FFF; padding-top:2px; font-size:0.8em; }
.navBar a:before { width:25px; height:20px; content:"\20"; background:url(img/a.png) 0 -20px no-repeat; background-size:100px; display:block; margin:0 auto; }
.navBar li:nth-child(1) a:before { background-position:2px -22px; }
.navBar li:nth-child(2) a:before { background-position:-25px -21px; }
.navBar li:nth-child(3) a:before { background-position:-50px -20px; }
.navBar li:nth-child(4) a:before { background-position:-75px -20px; }
.navBar li:nth-child(1) a { border-left:0; }
.navBar li:nth-child(4) a { border-right:0; }
.navBar a.hover { background:#333; }
/* banner */
.banner { width:100%; max-width:640px; min-width:320px; position:relative; z-index:1; overflow:hidden;}
.banner ul { float:left; width:500%; }
.banner li { float:left; width:20%;position: relative;}
.banner li span{ position: absolute; left: 0px; height: 20px; line-height: 20px; background: #000; opacity: 0.7; bottom: 0px; color: #fff;font-size: 0.7em; width: 95%; padding-left: 5%;}
.banner img { display:block; width:100%; }
.banner .tip { width:100%; height:10px; position:absolute; bottom:10px; z-index:10; text-align:center; z-index:10; }
.banner .tip span { display:inline-block; width:20px; height:5px;margin:0 3px; background:#424242; vertical-align:5px; }
.banner .tip span.cur { background:#17bc14; }
/* iNav */
.iNav { width:100%; background:#0962A6; padding: 2% 0px;}
.iNav li {width:16%; float:left;line-height:30px; height: 30px;white-space : nowrap; padding: 0px; background: url(img/navli.jpg) no-repeat 0px 8px; background-size:2px 14px;}
.iNav li a{color:#fff; text-align:center; font-size:0.9em; display:block;}
.iNav li.hover{ background:#1e461d}

.title{ width:100%; }
.titlebo{ border: 1px solid #e2e2e2; height: 28px; line-height: 28px;}
.title span{ color: #0962A6;font-weight: bold; width: 30%;}
.title span{ font-size: 1.2em;  float: left; border-left:4px solid #0962A6; padding-left: 4px;}
.title a{ padding: 0px 1%;}
.title a,.title i{ float:right;color: #0962A6;font-weight: bold; text-align: center; font-size: 0.7em;}
.title_right {float:right; width:65%;text-align:right;}
.title_right a,.title_right i{float:none;}
/* ipro */
.allipro{ width: 100%;padding-top:4%;}
.ipro { width:96%; overflow:hidden; margin:0 auto;}
.ipro .tob ul{ width:104%;margin-top: 2%;}
.ipro li { float:left; width:30%; box-shadow: 0px 0px 3px #eee;-moz-box-shadow: 0px 0px 3px #eee;-webkit-box-shadow: 0px 0px 3px #eee;margin-right: 2%; margin-bottom:4%;border: 1px solid #e7e7e7;}
.ipro li img { display:block; width:96%; padding:2% 2% 0; }
.ipro li .txt{ background: url(img/t1c.jpg) no-repeat 3px 5px; padding-left: 10px; margin-top:5px; color: #333333;}
.ipro li .txt p{ line-height:20px;font-size: 0.7em; overflow: hidden;white-space: nowrap;}    
.ipro .item:nth-child(2), .ipro .item:nth-child(3) { display:none; }
.ipro li.hover img { background:#ffa800; }
/*part1*/
.padding{ padding-top: 4%;}
.part1 .a1 img{display: block; margin: 0 auto 4%; width: 70%;}
.part1 .a2 img,.part1 .a3 img,.part1 .a4 img{ display: block; width:100%;}
/*part2*/
.part2 .a1 img{display: block; margin: 0 auto 4%; width:100%;}
.part2 .comt{ width: 94%; margin: 0 auto;border: 1px solid #c6c6c6; overflow: hidden;border-radius:3px;}
#adimg {width:100%; max-width:640px; min-width:320px; position:relative; z-index:1; overflow:hidden;}
#adimg ul { float:left; width:500%; }
#adimg li { float:left; width:20%;position: relative;}
#adimg li span{ position: absolute; left: 0px; height: 20px; line-height: 20px; background: #000; opacity: 0.7; bottom: 0px; color: #fff;font-size: 0.7em; width: 95%; padding-left: 5%;}
#adimg img { display:block; width:100%; }
#adimg .tip { width:100%; height:10px; position:absolute; bottom:10px; z-index:10; text-align:center; }
#adimg .tip span { display:inline-block; width:10px; height:10px;margin:0 3px; background:#17bc14; vertical-align:5px;border-radius: 10px;}
#adimg .tip span.cur { background:#ffb400; }

.part3 .a1 img{display: block; margin: 0 auto 4%; width: 90%;}
.part3 .a2 img{display: block; margin: 0 auto 4%; width: 90%;}
/*part4*/
.part4 img{display: block; margin: 0 auto 4%; width:100%;}
/*part5*/
.part5 .a1 img{display: block; margin: 0 auto; width:40%;}
.part5 .comt{ width: 96%; margin: 0 auto; border-top: 1px solid #0962A6;}
.procomt ul{width: 104%;}
.procomt ul li{width: 30%; margin: 3% 3% 4% 0; float: left; margin-bottom: 10px;}
.procomt ul li img{ width: 100%;display: block;}
/*part6*/
.part6{ width: 96%; margin: 0 auto;}
/*part7*/
.part7{ border: 1px solid #e2e2e2; margin: 0 auto; width: 96%; height:288px;}
.part7 .til{ height: 28px; line-height: 28px;border-bottom: 1px solid #e2e2e2;}
.part7 .til a{ float: left; width:20%; float: left; text-align: center; font-size: 0.8em; background: #e2e2e2; margin-right: 1px; color: #333; overflow: hidden; height: 26px; margin-top: 1px;}
.part7 .til a.hover{ color: #fff; background: #0962A6;}
.part7 .comt{ padding-top: 3%; padding-bottom:5%;}
.part7 .comt ul{ width: 98%; float:left; padding-left: 1%;}
.part7 .comt ul li{ border-bottom: 1px dotted #ededed; height: 24px; line-height: 24px;}
.part7 .comt ul li a{ float: left; color: #333;}
.part7 .comt ul li span{ float: right; color: #333;}
/* column */
.column { overflow:hidden;}
.column .thead { height:30px; line-height:30px; width:100%;background:-webkit-linear-gradient(top, #FFF, #dfdfdf); padding:5px 0; box-shadow:0 3px 3px rgba(0,0,0,0.3);   position:relative; left:0; top:0; text-align: center; font-size: 1.2em;}
.column .thead .sort { display:block; position:absolute; width:40px; height:40px;top:0; right:2%; color: #666;line-height: 40px;font-size: 12px; text-align: center;  }
.column .thead .back { position:absolute; width:40px; height:40px; background:url(img/tip3.png) center center no-repeat; background-size:15px; top:0; left:0; }
.column .thead .tit2 { text-align:center; font-weight:700; font-size: 14px; color: #666}
.column .thead #spaceid,.column .thead #styleid,.column .thead i{float: right;color: #0962A6;font-weight: bold;text-align: center;font-size: 0.7em;}
/* column */
.panel { width:96%; overflow:hidden; padding:1% 0; margin:0 auto; }
.panel a { float:left;height:30px; line-height:30px; text-align:center; padding: 0px 3%;background: #f5f5f5; margin:1% 1%;}
.panel font { display:block;color:#000; font-size:0.8em; overflow:hidden;display: block;}
.panel a.hover{ background:#43a053; }
.panel a.hover font{color:#FFF;}
/* listPro */
.listcase { overflow:hidden; width:100%;  padding-top:2%;background:#fff; }
.listcase .list { width:110%; overflow:hidden; }
.listcase .item { float:left; width:40%; padding:1% 2% 0; margin:0 2% 2% 0;  }
.listcase .item img { display:block; width:100%; height:auto; padding: 1px; border: 1px solid #ccc }
.listcase .item .title{ display:block; color:#666; text-align:center; font-size:0.8em; }
.listcase li.hover { background:#334595; }

.listPro{overflow:hidden; width:100%;  padding-top:3%;background:#fff;}
.listPro .list { width:102%; overflow:hidden; }
.listPro li { float:left;width:44%;box-shadow: 0px 0px 3px #eee;-moz-box-shadow: 0px 0px 3px #eee;-webkit-box-shadow: 0px 0px 3px #eee;border: 1px solid #e7e7e7;
	margin-right: 2%; margin-left: 2%; margin-bottom: 2%;
}
.listPro li img { display:block; width:96%; padding:2% 2% 0; }
.listPro li .txt{ background: url(img/t1c.jpg) no-repeat 3px 5px; padding-left: 10px; margin-top:5px; color: #333333;}
.listPro li .txt p{ line-height:20px;font-size: 0.7em; overflow: hidden;white-space: nowrap;}

.about{overflow:hidden; width:100%;  padding-top:2%;font-size: 0.8em; color: #666;}
.about .main{padding: 3% 3%;line-height: 2em;min-height: 320px;}
.about .main img{max-width:100%;}
/* listNews */
.listNews{ padding-top: 2%;}
.listNews .list{ width: 96%; margin: 0 auto;}
.listNews li {overflow: hidden; border-bottom: 1px #c8c8c8 solid; width: 100%;}
.listNews li a { display:block;overflow:hidden; margin: 2% 0px; border-left: 2px solid #0962A6; width: 97%; padding-left: 3%;}
.listNews li h3 { font-size:0.8em; color:#666; overflow:hidden; line-height:20px;}
.listNews li p { font-size:0.7em; color:#666; height:20px; line-height:20px; overflow:hidden;overflow: hidden;}
.listNews li a.hover{background: #0962A6;border-left: 2px solid #ccc;}
.listNews li a.hover h3{ color: #fff;}
.listNews li a.hover p{ color: #fff;}
/* showInfo */
.showInfo{ padding:2% 2%; }
.showInfo .article{text-align:center; }
.showInfo .article h1{ font-size:16px; line-height:100%; font-weight:700; color:#43a053; margin-bottom:10px; text-align: center; }
.showInfo .article span{ padding-right: 5px; color: #999;}
.showInfo .infor{ line-height: 22px; font-size: 0.8em;}
.showInfo .infor img { max-width:100%; }
/*showInfo*/
.showInfo .infor .tit h1{font-size:16px; line-height:100%; font-weight:700; color:#43a053; margin-bottom:10px;text-align: center;}
.showInfo .infor .des{ color: #022C00; font-weight: bold; padding-top: 2%; font-size: 16px;}
/* footer */
.footer { padding:10px 0 60px; font-size:0.9em; text-align:center; background: #fff }
.footer, .footer a { color:#666; }


.minPage { width:100%; height:30px; margin:20px auto 0; }
.minPage span, .minPage a { float:left; width:50px; height:30px; background:url(img/ui-a.png) 0 0 no-repeat; background-size:50px; text-indent:-99em; overflow:hidden; }
.minPage a.prev { margin-left:8%; }
.minPage a.next { background-position:0 -33px; float:right; margin-right:8%; }


	.sitemap .sect {border-top: 1px solid #DDEEFF;padding: 20px 10px 50px;}
	.sitemap .coupons-table {font-size: 14px;  margin: 10px 10px 30px;}
	.sitemap .coupons-table b{color: #333;}
	.sitemap .coupons-table td { background: none repeat scroll 0 0 #FFFFFF;}
	.coupons-table td.td1{width:80px;}
	.sitemap .coupons-table .city_list a {margin-right: 12px;line-height:30px; color:#666; float:left;}
	
	
.tbody .main ul li {
  height: 35px;
  padding-bottom: 15px;
}
.tbody .main ul li span {
  font-size: 14px;
  float: left;
  height: 35px;
  line-height: 35px;
  width: 100px;
  text-align: right;
  padding-right: 5px;
}
.tbody .main ul li input {
  float: left;
  border: 1px solid #edecec;
  height: 35px;
  width: 55%;
  padding: 0px 5px;
  box-shadow: 0px 0px 5px #efefef inset;
}
.tbody .main ul .area {
  height: 170px;
}
.tbody .main ul .area .textarea {
  float: left;
  border: 1px solid #edecec;
  height: 150px;
  width: 55%;
  padding: 10px 5px;
  box-shadow: 0px 0px 5px #efefef inset;
}
.tbody .main ul .yanzhengma input {
  width: 110px;
}
.tbody .main ul .bottom {
  padding-top: 20px;
}
.tbody .main ul .bottom input {
  width: 100px;
  background: #ff9900;
  box-shadow: none;
  border: 0;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.tbody .main ul .bottom .button2 {
  background: #0962A6;
  margin-left: 10px;
}

i.rend {
  color: red;
  padding-left: 5px;
}
#space,#style{ width: 100%; line-height: 24px; padding:5px 0px;}
#space a,#style a{border: 1px solid #ccc; border-radius: 3px; font-weight: normal;margin:1% 2%; float: left;}