@charset "utf-8";

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
ul,ol{list-style:none;}
em { font-style: normal; }
dt { font-weight: normal; }
a img{transition: all 0.5s ease 0s;opacity: 1;}
a:hover img{opacity: 0.7;}

/* HTML5 ����Ϊ�Ͼɰ汾������� */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ��ť��ʽ */
input, button, textarea, select { outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}

/*ɾ������°�ťĬ����ʽ*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*����*/
.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}

/*a ����*/
a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); }
a:link { color:#000; }
a:visited { color:#000; }
a:hover, a:active, a:focus {color:#09918c; text-decoration:none;}

/*ͼƬ����*/
.middle { display:table-cell; *display:block; overflow:hidden; font:0px/0px 'Arial'; text-align:center; vertical-align:middle;}
fieldset, img { border:0; vertical-align:middle; width:100%; }

/*����*/
.hide{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}

/* common */
body { overflow-x:hidden; -webkit-text-size-adjust:none; font-family: Microsoft YaHei,Arial; color:#000; font-size: 14px; max-width:640px; margin:0 auto; }

.header{ position:relative; border-top:3px solid #287dc5; }
.topArea{ }
.nav{ }
.logo{ width:50%; }
.nav ul{ background:#000; padding-bottom:10px; position:absolute; right:0px; z-index:100; top:0px; }
.nav ul li{ line-height:50px; margin:0 10px;  border-bottom:1px solid white; }
.nav ul li a{ font-size:16px; color:#666666;}
.nav ul li:hover,.nav ul li.on{ border-bottom:1px solid #006f6b; }
.nav ul li:hover a,.nav ul li.on a{ color:#006f6b; }



.page{ padding-left:22px; width:412px; height:25px; margin:0 auto; padding-top:10px; padding-bottom:8px; }
.page a{ display:inline-block; height:23px; border:1px solid #dcdcdc; border-radius:3px; line-height:23px; font-size:14px; color:#666666; padding:0 8px; }
.page a:hover{ background:#00a5b8; color:white; }

.iBanner{ position:relative; }
.iBanner .next{ position:absolute; bottom:207px; margin-left:-960px; left:50%; display:block; padding-left:530px; cursor:pointer; }
.iBanner .bd{ position:relative; }
.iBanner .hd{ width:100%; position:absolute; z-index:3; bottom:40px; left:45%; }
.iBanner .hd ul{}
.iBanner .hd ul li{ cursor:pointer; float:left; width:16px; height:16px; background: url("../images/off.png") no-repeat center; padding:0px 14px; font-size:0px; }
.iBanner .hd ul li.on{ background: url("../images/on.png") no-repeat center; width:36px; }
.iBanner a:hover img{opacity:1;}

.iiBanner{ position:relative; }
.iiBanner .bd{ }

.banner{ position:relative; }
.banner .bd{ }
.banner .hd{ position:absolute; z-index:3; bottom:111px; left:75%; }
.banner .hd ul{}
.banner .hd ul li{ cursor:pointer; float:left; width:31px; height:4px; border:1px solid #d5e8ec; font-size:0px; margin-left:5px; }
.banner .hd ul li.on{ background: url("../images/on.png") no-repeat center; width:36px; }

.guide{ position:absolute; bottom:0px; font-size:16px; width:100%; }
.guide ul{ }
.guide ul li{ float:left; cursor:pointer; text-align:center; width:30%; height:30px; line-height:90px; margin:0 1.6%; padding:30px 0; border-radius:5px; }
.guide ul li a{ color:white; }
.guide ul li.li1{ background:rgba(0,0,0,0.6) url("../images/home.png") no-repeat center 20px; }
.guide ul li.li1:hover{ background:#109994 url("../images/home.png") no-repeat center 20px; }
.guide ul li.li2{ background:#109994 url("../images/li2.png") center; }
.guide .li3{ padding:18px 25px; font-size:12px; color:#ffffff; line-height:22px; background:rgba(0,0,0,0.6); margin:20px 1.5%; border-radius:5px; }
.guide .li3 .ihd{ width:50px; font-size:1.6em; }
.guide ul li.li4{ background:rgba(0,0,0,0.6) url("../images/ch.png") no-repeat center 20px; }
.guide ul li.li4:hover{ background:#109994 url("../images/ch.png") no-repeat center 20px; }
.guide ul li.li5{ background:rgba(0,0,0,0.6) url("../images/heart.png") no-repeat center 20px; }
.guide ul li.li5:hover{ background:#109994 url("../images/heart.png") no-repeat center 20px; }

.search{ width:274px; height:42px; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; margin:30px 15px; }
.search input{ border:none; line-height:42px; }
.search input.search_keywords{ padding-left:12px; font-size:13px; color:#e7e7e7; }
.search input.btn{ display:inline-block; height:42px; width:21px; background:url("../images/search.jpg") no-repeat center; margin-right:6px; }

.footer{ padding-bottom:10px; }
.footer .fTop{ background:url("../images/fBg.jpg") no-repeat; }
.footer .fTop .contact{ text-align:center; padding-top:50px; }
.footer .fTop .contact h3{ font-size:20px; color:white; }
.footer .fTop .contact .address{ font-size:13px; color:#ffffff; line-height:24px; width:340px; margin:15px auto 40px; }
.footer .fTop ul{ padding-bottom:10px; margin:0 auto; width:258px; }
.footer .fTop ul li{ float:left; margin-right:38px; }
.footer .fTop ul li p{ font-size:13px; padding-top:10px; color:#ffffff; }
.footer .sub{}
.footer .sub ul{ width:305px; margin:10px auto; }
.footer .sub ul li{ float:left; padding:0 10px; background:url("../images/fnavBar.jpg") no-repeat right; }
.footer .sub ul li a{}
.footer .sub .copyright{ text-align:center; font-size:12px; color:#4c4c4c; }

.myHide{ display:none; }

.relog{ background:#ffffff; position:relative; }
.relog form{ padding-top:66px; position:absolute; top:0px; width:100%; }
.relog form .rhd{}
.relog form .rhd ul{}
.relog form .rhd ul li{ font-size:18px; color:#333333; float:left; padding:0 17px; background:url(../images/rbar.png) no-repeat right; cursor:pointer; }
.relog form .rhd ul li.on{ font-weight:bold; }
.relog form .rbd{ margin:0 auto; padding-top:35px; width:100%; }
.relog form .rbd .phone{ margin-bottom:10px; }
.relog form .rbd .phone input{ height:42px; width:80%; border:1px solid #e8e8e8; font-size:14px; color:#9f9f9f; padding-left:42px; background:url(../images/phone.png) no-repeat 10px; }
.relog form .rbd .yzm{ margin-bottom:10px; }
.relog form .rbd .yzm input{ margin-bottom:10px; height:42px; width:50%; border:1px solid #e8e8e8; font-size:14px; color:#9f9f9f; padding-left:42px; background:url(../images/yzm.png) no-repeat 10px; }
.relog form .rbd .yzm input.gyzm{ text-align:center; color:#333; margin-left:5px; width:95px; height:44px; background:#e6ebed; line-height:42px; font-size:14px; padding-left:0px; }
.relog form .rbd .password{ margin-bottom:10px; }
.relog form .rbd .password input{ width:80%; height:42px; border:1px solid #e8e8e8; font-size:14px; color:#9f9f9f; padding-left:42px; background:url(../images/password.png) no-repeat 10px; }
.relog form .rbd .degree{ margin-bottom:12px; }
.relog form .rbd .degree span{ display:inline-block; width:97px; height:15px; line-height:15px; text-align:center; background:#e8e8e8; color:#b9b9bd; font-size:12px; margin-right:5px; }
.relog form .rbd .degree span.low{ background:#333; }
.relog form .rbd .degree span.mid{ background:#666; }
.relog form .rbd .degree span.high{ background:#999; }
.relog form .rbd .confirm{ font-size:12px; color:#999999; margin-bottom:28px; }
.relog form .rbd .confirm span{ display:inline-block; padding-right:12px; }
.relog form .rbd .confirm span input{ position:relative; top:2px; }
.relog form .rbd .confirm em{ cursor:pointer; }
.relog form .rbd .sub{}
.relog form .rbd .sub input{ width:90%; height:48px; background:#006f6b; text-align:center; line-height:48px; color:#ffffff; font-size:18px; border-radius:3px; }

.relog form .rbd .username{ margin-bottom:10px; }
.relog form .rbd .username input{ width:80%; height:42px; border:1px solid #e8e8e8; font-size:14px; color:#9f9f9f; padding-left:42px; background:url(../images/count.png) no-repeat 10px; }
.relog form .rbd .forget{ cursor:pointer; text-align:right; font-size:12px; color:#999999; margin-bottom:28px; padding-right:50px; }
.relog form .rbd .forget .ask{ display:inline-block; width:12px; height:12px; background:#cfcfcf; border-radius:5px; padding:0px; text-align:center; line-height:12px; color:#fff; }
.relog form .rbd dl{ margin:35px 0px 0; background:url(../images/mlogins.png) no-repeat top; padding:36px 56px 0; }
.relog form .rbd dl dt{ float:left; margin-left:45px; }
.relog form .rbd dl dt a{  }

.io{ padding-top:29px; padding-left:15px; }
.io input{ height:36px; line-height:36px; cursor:pointer; text-align:center; border:1px solid #006f6b; color:#006f6b; display:inline-block; width:83px; margin-left:6px;background:#fff; }
.io input:hover,.io input.current{ background:#006f6b; color:white; }
.io input.current:hover{background:#017c78;}