* { 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 { max-width:640px; min-width:320px; width:100%; min-height:100%; margin:0 auto; font:14px/150% "Microsoft Yahei", "Arial", "Thmano"; color:#555; background:#FFF; }
img { border:0px; }
ul, ol { list-style-type:none; }
.clearFix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
table { border-collapse:collapse; border-spacing:0; }
.wrapper { width:100%; }
.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:14px !important; }
.loadingData { background:none; box-shadow:0 0 0 2px #ccc inset; color:#cc0000; font-weight:700; }
.relLink { width:96%; height:40px; margin:0 auto 20px; }
.relLink .r, .relLink .l { float:left; width:48%; height:40px; line-height:40px; text-align:center; color:#cc0000; background:none; box-shadow:0 0 0 2px #ccc inset; }
.relLink .r { float:right; }
.relLink a { color:#cc0000; display:block; }
.relLink .hover a { box-shadow:0 0 0 200px #cc0000 inset; color:#FFF;  }
.BMap_bubble_title a { background:#999;  }

/* header */
.header { width:100%; position:fixed; left:0; top:0; z-index:100; }
.header .main { width:100%; min-width:320px; max-width:640px; height:50px; background:#0e62b1; margin:0 auto; position:relative; }
.header .logo { float:left; width:85%; overflow:hidden; margin:5px 0 0 5px }
.header .logo, .header .logo img { height:40px; }
.headerHolder { height:50px; }
/* nav */
.nav { width:50px; height:50px; position:absolute; right:0; top:0; }
.nav p { width:50px; height:50px; background:none; border-left:1px solid #0a50a1; }
.nav p:before { display:block; width:20px; height:20px; content:"\20"; background:url(./images/a.png) 0 0 no-repeat; background-size:100px; position:relative; top:15px; left:15px; }
.nav .drop { width:110px; position:absolute; right:0; top:50px; background:#064d8e; display:none; z-index:100; }
.nav .drop a { display:block; height:40px; line-height:40px; color:#FFF; border-bottom:1px solid #043d7b; font-size:16px; padding-left:20px; position:relative; }
.nav .drop a:last-child { border-bottom:0; }
.nav .drop a.hover { background:#043d7b; }
.nav .drop a.hover:before { width:20px; height:20px; content:"\20"; background:url(./images/a.png) -40px 0 no-repeat; background-size:100px; position:absolute; right:0; top:9px; }
.nav p.hover { background:#0a50a1; }
.nav p.hover:before { background:url(./images/a.png) -20px 0 no-repeat; background-size:100px; }
/* banner */
.banner { position:relative; overflow:hidden; overflow:hidden; opacity:0;}
.banner ul.list { width:300%;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;}
.banner li.item { width:33.33%;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;background:url(../images/web/01.gif) center center no-repeat;}
.banner li.item img { display:block;width:100%;}
.banner .tip { position:absolute; z-index:10; text-align:center; left:0; width:100%; bottom:4%; }
.banner .tip span { width:14px; height:14px; background:#0e62b1; line-height:0; font:0; display:inline-block; margin:0 5px;border-radius:7px;}
.banner .tip span.cur { background:none;border:3px solid #e13232;border-radius:11px;margin-bottom:-3px; }
/* showInfo */
.showInfo h1 { color:#cc0000; }
/*nav*/
.index_probox{width:96%;margin:0 auto;padding-top:20px;}
.index_probox li{width:33.33333%;padding-bottom:15px;float:left;}
.index_probox li a{display:block;float:left;width: 100%;text-align: center;color:#333333}
.index_probox li:nth-child(1) a:before{content: '\20';display: block;width:48px;height:48px;margin:0 auto;background: url(images/nav_bg.png) no-repeat left top;background-size:383%;}
.index_probox li:nth-child(2) a:before{content: '\20';display: block;width:48px;height:48px;margin:0 auto;background: url(images/nav_bg.png) no-repeat -65px top;background-size:383%;}
.index_probox li:nth-child(3) a:before{content: '\20';display: block;width:48px;height:48px;margin:0 auto;background: url(images/nav_bg.png) no-repeat -131px top;background-size:383%;}
.index_probox li:nth-child(4) a:before{content: '\20';display: block;width:48px;height:48px;margin:0 auto;background: url(images/nav_bg.png) no-repeat 4px -65px;background-size:383%;}
.index_probox li:nth-child(5) a:before{content: '\20';display: block;width:48px;height:48px;margin:0 auto;background: url(images/nav_bg.png) no-repeat -57px -55px;background-size:335%;}
.index_probox li:nth-child(6) a:before{content: '\20';display: block;width:48px;height:48px;margin:0 auto;background: url(images/nav_bg.png) no-repeat -124px -59px;background-size:356%;}
/* colTid */
.colTid { display:block; width:96%; margin:0 0 3% 2%; position:relative; height:40px; box-shadow:0 0 0 2px #bbd2e8 inset; }
.colTid:before { content:""; width:0; height:0; line-height:0; border-width:16px 16px 0 16px; border-style:solid; border-color: transparent transparent transparent #FFF; position:absolute; top:8px; left:-8px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); z-index:2; }
.colTid:after { content:""; width:0; height:0; line-height:0; border-width:16px 16px 0 16px; border-style:solid; border-color: transparent transparent transparent #0e62b1; position:absolute; bottom:8px; right:-8px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); z-index:2; }
.colTid h2 { font-size:16px; height:40px; line-height:40px; color:#FFF; background:#0e62b1; display:inline-block; padding:0 30px 0 15px; position:relative; }
.colTid h2:after { content:""; width:0; height:0; line-height:0; border-width:40px 40px 0 40px; border-style:solid; border-color: transparent transparent transparent #0e62b1; position:absolute; top:20px; right:-60px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); z-index:1; }
.colTid .mo { width:auto; height:20px; padding:0 5px; position:absolute; right:5px; top:10px; font-size:12px; color:#555; }
/* ipro */
.ipro, .inews, .ipro .tod { width:100%; }
.ipro { margin-bottom:4%; }
.ipro .item { float:left; width:47%; margin:0 0 2% 2%; }
.ipro .item a { display:block; color:#555; position:relative; }
.ipro .item img { display:block; width:100%; background:#F1F1F1; border:1px solid #ddd; }
.ipro .item span { display:block; height:30px; line-height:30px; text-align:center; }
/* listPro2 */
.listPro2 { width:100%; }
.listPro2 .list { width:100%; padding:2% 0; overflow:hidden; }
.listPro2 .item { width:100%; margin-bottom:2%; }
.listPro2 .item a { display:block; height:107px; overflow:hidden; line-height:20px; }
.listPro2 .item img { float:left; width:80px; height:107px; background:#f1f1f1; border-radius:5px; margin-right:10px; }
.listPro2 .item h3, .ipro .item p { display:block;color:#555; font-size:15px; overflow:hidden; }
.listPro2 .item p { height:20px; font-size:13px; color:#555 }
/* inews */
.inews .tod { width:96%; margin:0 auto; }
.inews .item { padding-left:15px; background:url(./images/tip.gif) 1px center no-repeat; background-size:7px; }
.inews .item a { display:block; height:35px; line-height:35px; overflow:hidden; color:#555; }
/* sitepath */
.sitepath { width:100%; height:45px; position:relative; background:#eee; border-bottom:1px solid #ddd; }
.sitepath h2 { float:left; height:45px; line-height:45px; padding:0 30px 0 10px; font-size:15px; position:relative; color:#555; }
.sitepath .showPanel { width:auto; height:45px; position:absolute; right:0; top:0; display:none; padding:0 2% 0 0; }
.sitepath .showPanel p { height:45px; line-height:45px; text-align:center; padding:0 10px 0 0; color:#999; }
.sitepath .showPanel p:after { content:""; display:inline-block; vertical-align:-4px; width:20px; height:20px; background:url(images/a.png) -60px 0 no-repeat; background-size:100px; margin-left:5px; }
.panel { width:100%; padding:4% 0 0; background:#fff; display:none; }
.panel a { width:44%; height:35px; line-height:35px; float:left; color:#555; margin:0 0 4% 4%; text-align:center; box-shadow:0 0 0 2px #ccc inset; }
.panel a.hover { box-shadow:0 0 0 2px #cc0000 inset; color:#cc0000; }
/* listPro */
.listPro { width:100%; }
.listPro .list { width:100%; padding:2% 0; overflow:hidden; }
.listPro .item { float:left; width:47%; margin:0 0 2% 2%; }
.listPro .item a { display:block; color:#555; position:relative; }
.listPro .item img { display:block; width:100%; background:#F1F1F1; border:1px solid #ddd; }
.listPro .item span { display:block; height:30px; line-height:30px; text-align:center; }
/* listNews */
.listNews { overflow:hidden; width:100%; }
.listNews .list { width:96%; overflow:hidden; margin:3% auto 2%; }
.listNews .item { padding-left:15px; background:url(./images/tip.gif) 1px center no-repeat; background-size:7px; }
.listNews .item a { display:block; height:35px; line-height:35px; overflow:hidden; color:#555; }

/* message */
.message .tbody { width:95%; margin:0 auto 35px;  padding-top:15px; }
.formData li.item { margin-bottom:10px; }
.formData .txt, .formData .code, .formData .text { width:95.7%; padding:0 2%; height:35px; line-height:normal; border-radius:2px; border:1px solid #ddd; 
  background:#FFF;/*  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.7) inset;  */box-shadow:none;background:none;}
.formData .text { height:120px; line-height:25px; padding:2%; }
.formData .code { width:100px; }
.formData .submit { width:115px; height:35px;background:#335477; background:-webkit-linear-gradient(top, #699fd9, #335477); border-radius:2px; color:#FFF; border:none; font-size:16px; cursor:pointer; }
.BMap_bubble_content{font-size:12px;line-height:16px;}