@charset "utf-8";

body { height:1004px; background:url(iBg.jpg) no-repeat center top; color:#def0f2; }
a { color:#def0f2; }

.iNav { width:1002px; height:61px; }
.iNav ul { position:relative; padding:0 63px 4px; }
.iNav .iNavBg { position:absolute; left:0; *+left:-764px; bottom:0; *+bottom:-5px; width:1002px; height:10px; *+height:16px; background:url(nav.png) repeat-x bottom; overflow:hidden; *zoom:1; z-index:1; }
.iNav li { position:relative; float:left; width:180px; height:57px; margin-right:-5px; background:url(nav_1.png) no-repeat; z-index:0; }
.iNav li a { display:block; width:160px; padding:10px 10px 0; height:47px; font:400 20px 'Arial'; text-align:center; line-height:25px; color:#488fa2; }
.iNav li a em { display:block; font:400 13px '微软雅黑'; line-height:15px; }
.iNav li a:hover { text-decoration:none; }
.iNav li.on { z-index:99; }
.iNav .iNav_2,.iNav .iNav_4 { background:url(nav_2.png) no-repeat; }
.iNav .iNav_2 a,.iNav .iNav_4 a { color:#464141; }
.iNav .iNavBg.on { background:url(navBg.png) repeat-x bottom; }

.wrap .sidebar { float:right; width:250px; }
.wrap .main { float:left; width:750px; padding-bottom:30px; background:#00a0ac url(mainBg.jpg) no-repeat right top; }

.colPicTitle { width:175px; height:92px; padding:40px 0 0  75px; background:#01646a url(colPicTitle.jpg) no-repeat 45px 44px; color:#abe1e5; font:400 23px "Arial"; line-height:25px; }
.colPicTitle em { display:block; padding-top:5px; font:400 14px '微软雅黑'; line-height:16px; color:#82bfc4; }

.menu { width:250px; height:560px; padding:20px 0; margin-top:4px; background:#017c8b; }
.menu dl dt { font-family:"微软雅黑"; font-size:14px; }
.menu dl dt a { position:relative; display:block; width:190px; padding:5px 0 5px 10px; color:#b3c8c9; line-height:20px; }
.menu dl dt a em { position:absolute; top:12px; left:0; display:inline-block; width:5px; height:9px; background:url(ico_3.jpg) no-repeat; }
.menu dl dt a:hover, .menu dl dt .current { color:#fff; text-decoration:none; }
.menu dl dt a:hover em, .menu dl dt .current em { background:url(ico_4.jpg) no-repeat;}
.menu dd { width:200px; text-align:left; font-family:"微软雅黑"; }
.menu dd a { display:block; width:190px; color:#b3c8c9; padding-left:10px; line-height:20px; text-indent:2em; }
.menu dd a:hover, .menu dd .current { color:#fff; text-decoration:none; }

.location { height:25px; margin-bottom:40px; padding-top:10px; padding-left:30px; background:url(breadcrumbs.jpg) no-repeat 5px 15px; border-bottom:#97c8ce 1px solid; line-height:25px; color:#ececec;  }
.location a { color:#ececec; }

.scroll { position:relative; width:630px; height:630px; padding:0 70px 0 50px; overflow:hidden; }
.scroll .scrCont { position:absolute; width:630px; top:20px; left:50px; padding:0; overflow:hidden; word-wrap:break-word; z-index:2; }
.scrPanel { position:absolute; right:30px; top:0; width:2px; background:#01646a; z-index:99; }
.scrPanel .scrHand { position:absolute; right:-1px; top:0; width:4px; height:100px; background:#fff; cursor:pointer; }

.menu .scroll2 { position:relative; width:200px; height:560px; padding:0 25px; overflow:hidden; }
.menu .scroll2 .scrCont { position:absolute; width:200px; top:0; left:20px; padding:0; overflow:hidden; word-wrap:break-word; z-index:2; }
.menu .scrPanel { position:absolute; right:15px; top:0; width:2px; background:#01646a; z-index:99; }
.menu .scrPanel .scrHand { position:absolute; right:-1px; top:0; width:4px; height:100px; background:#fff; cursor:pointer; }


.picShow .pic { float:left; width:226px; height:236px; margin-bottom:20px; }
.picShow .txt { position:relative; float:right; width:350px; height:226px; padding:5px 0; line-height:22px; }
.picShow .txt ul { position:absolute; bottom:0; left:0; width:350px; height:15px; }
.picShow .txt ul li { float:left; padding-left:25px; line-height:15px; font-weight:bold; }
.picShow .txt ul li a { color:#fff; line-height:15px; }
.picShow .txt ul li.down { background:url(down.jpg) no-repeat left center; }

.product { position:relative; width:630px; }
.product h5 { width:504px; height:30px; margin:0 auto; margin-bottom:10px; }
.product h5 a { font-size:14px; line-height:30px; color:#fff;  }
.product h5 span { float:right;}
.product h5 span a { font-size:12px; font-weight:100; line-height:30px; color:#fff;  }
.product .bPic { width:504px; height:393px; margin:0 auto 45px; overflow:hidden; }
.product .sPic { width:570px; margin:0 auto; padding:15px 10px; border-radius:10px; background:#008e98; }
.product .sPic li { float:left; width:122px; height:87px; padding:0 10px; }
.product .sPic li a { display:block; width:122px; height:87px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
.product .sPic li.on a,.product .sPic li a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.product .prev,.product .next { position:absolute; left:0; top:200px; display:block; width:27px; height:50px; background:url(prev.png) no-repeat; cursor:pointer; }
.product .next { left:auto; right:0; background:url(next.png) no-repeat; }

/* article */
.artbox { text-align:center; }
.artbox h1 { padding-bottom:10px; font-size:16px; line-height:26px; }
.artbox .info { padding:0; background:#eee; line-height:25px; }
.article { line-height:200%; word-wrap:break-word; text-align:justify; }
.top { padding:0 45px 20px; text-align:right; }

/* pic-item */
.w { margin:0; overflow:hidden; }
.w .pic-item { float:left; margin:0; color:#6C6D61; display:inline; text-align:center; }
.w .pic-item .list-pic { display:block; margin:0 auto; border:#ccc 1px solid; line-height:105px; }
.w .pic-item dl { height:25px; line-height:25px; background:#00a9a7; }
.w .pic-item dl a { color:#fff; }

/* list */
.list { clear:both; }
.list ul li { padding:6px; line-height:20px; clear:both; color:#def0f2; }
.list ul li.on { background:#14adb9; }
.list ul li a { padding-left:5px; color:#def0f2; }
.list ul li a:hover { text-decoration:underline; }
.list .date { float:right; padding-left:9px; font-size:11px; font-family:Arial; }

/* page */
.page { padding:30px 20px 0; color:#01646a; line-height:15px; font-family:'Arial'; text-align:center; }
.page a { margin:0 5px; color:#01646a; line-height:15px; }
.page .current { padding:2px 4px; font-size:15px; font-weight:bold; color:#fff; line-height:15px; text-decoration:underline; }
.page .current:hover { color:#fff; }
.page .prev,.page .next { padding:0 5px; background:#01646a; line-height:15px; font-size:15px; color:#fff; }
.page a:hover { text-decoration:none; }

/* message */
.message { clear:both; }
.message-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.message-list .m-title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#999; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; color:#525252; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* hr */
.hr { clear:both; }
.hr-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.hr-list .title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; color:#999; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { padding:5px; text-align:right; }

/* contact */
.contact { clear:both;  padding:10px 20px; line-height:200%; color:#666; word-wrap:break-word; word-break:break-all; }

/* form */
.form-panel { clear:both; }
.form-panel h4 { margin-bottom:10px; padding:2px 20px; background:#eee; color:#fff; line-height:22px; }
.form-panel .tips { padding:10px 0 10px 110px; color:#fff; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:65px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; color:#fff; zoom:1; }
.form-panel .input em { font-size:14px; }
.form-panel .input span label { display:inline; float:none; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:1px 3px; border:1px solid #fff; background:none; color:#fff; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #fff; background:none; color:#fff; }
.form-panel .submit-field { padding:20px 10px 20px 65px; clear:both; }
.form-panel .submit-field input { margin-right:25px; }
.form-panel .submit-field .btn-submit { width:55px; height:25px; border:1px solid #fff; color:#fff; background:none; cursor:pointer; }
.form-panel .submit-field .btn-reset { width:55px; height:25px; border:1px solid #fff; color:#fff; background:none; cursor:pointer; }


.messageWrap { width:630px; margin:0 auto; }
.messageWrap .hd { height:35px; }
.messageWrap .hd li { float:left; width:130px; height:35px; margin-right:5px; padding-left:20px; background:url(mesLi.jpg) no-repeat left center; font:400 14px '微软雅黑'; line-height:35px; color:#fff; display:inline; }
.messageWrap .hd li.on { background:url(mesLiCur.jpg) no-repeat left center; }
.messageWrap .bd { padding-top:50px; }