@charset "utf-8";
/* CSS Document */

.index-ad{ width: 980px; margin: 0 auto;}
.index-ad img{ width: 100%;}
.index-body{ width:980px; margin:25px auto 0 auto;}
.index-tab{ overflow: hidden; height: 60px; background:#fff url("../img/border_bottom.png") repeat-x bottom;}
.index-tab li{ cursor:pointer; float: left;}
.index-tab li a{ font-size: 18px;padding: 30px 50px 6px 50px; height: 24px; line-height: 24px; color: #fff; text-decoration: none; display: block;background:#30a5f6 url("../img/boc.png") no-repeat center 7px;}
.index-tab li.index-tab-active a{ background:#0486df url("../img/boc.png") no-repeat center 7px;}
.index-tab li a:hover{ background-color: #41b4f6;}
.index-tab li.index-tab-active a:hover{ background-color: #0c94df;}
.index-content {padding-right: 292px; overflow: hidden;}
.index-box{ width: 100%;}
.index-gang{ margin: 0 15px; display: block; float: left; background: url("../img/em_gang.png") no-repeat center; width:16px; height: 25px;}
.index-box>h1{ margin-top: 15px; overflow: hidden; height: 24px; line-height: 24px; padding: 8px 0 7px 0; border-bottom: 1px solid #3baae9; font-size: 22px; color: #ccc; font-weight: normal; cursor:pointer}
.index-box>h1 .index-box-active{ color: #fff;padding:3px}
.index-news{ margin-top: 15px; height:auto; overflow:hidden; max-height:394px;}
.index-news li{padding-left: 60px; background: url("../img/list_style.png") no-repeat 34px center;}
.index-news li a{ text-decoration: none; font-size: 14px; color: #565656; line-height: 26px; height: 26px;}
.index-pages{ overflow: hidden; text-align: center; font-size: 0; margin-top: 20px;}
.index-pages a,
.index-pages span{ text-decoration: none;color: #000; font-size: 12px; padding: 2px 6px; border:1px solid #ddd; background: #fff; display: inline-block; margin:0px 3px;}
.index-pages span{ border: 0; letter-spacing: 2px;font-weight: bolder;}
.index-pages a.index-pages-active{ background: #f1eded;}
.index-none{ display:none;}

.index-qa{ background: #f8f8f8; padding: 10px;}
.index-qa-list{}
.index-qa-list li{}
.index-qa-list li h5{ font-family: "宋体","仿宋","黑体","微软雅黑"; font-size: 14px;height: 31px;line-height: 31px;}
.index-qa-list li p{ font-size: 12px; line-height:24px; color: #858585; margin: 5px 0;}
.index-qa-list li h5,
.index-qa-list li p{ background: url("../img/Q.png") no-repeat 10px 4px; padding-left: 60px;}
.index-qa-list li p{ background-image:url("../img/A.png");}
.index-qa .index-pages a{ border-color: #f8f8f8;}
.index-qa .index-pages span{ background:none;}
.index-qa-list li h5 a:link,.index-qa-list li h5 a:visited{color:#17459b;}
.index-qa-list li h5 a:hover{color:#17459b;}

.index-line{ display: inline-block; margin: 0 20px;}
.index-tel{ float: right; font-size: 16px; color:#3baae9;}
.index-form{ margin-bottom: 10px;}
.index-base-info{ padding-top:10px;}
.index-base-info li{ overflow: hidden; height: 40px;margin-bottom: 2px;}
.index-base-info li span{ display: block; height: 100%;}
.index-base-info li .index-form-left{ float: left; width:60px; text-align: right; line-height: 40px;  font-size: 14px;}
.index-base-info li .index-form-left>em{ color: #f60; margin-right: 8px;vertical-align: sub;}
.index-base-info li .index-form-right{ float: left; margin-left: 5px;}
.index-base-info li .index-form-right>input{ border: 0; border-bottom: 1px dashed #ccc; outline: none; width:260px; height: 37px; font-size: 16px; }
.index-post{ float: right;}
.index-post-title{ display: block; margin:5px auto 16px 0; font-size: 14px;}
.index-post-textarea{ width: 304px; font-size: 12px; line-height: 1.5em; height: 100px; border: 1px solid #ddd; resize: none; outline: none; padding: 5px;}
.index-post-submit,
.index-post-submit-active{  cursor: pointer;background:url("../img/btn_save.png") no-repeat center; width: 125px; height: 31px; border: 0; font-size: 0; text-indent: -999px; outline: none;}
.index-post-submit-active,
.index-post-submit:hover,
.index-post-submit:active{ background-image: url("../img/btn_hover_save.png");}
.index-post-bottom{ padding-left: 40%; margin-top: 10px;}

.index-right{ float: right; margin: 0; height: 444px;width:280px; margin-right: -292px; margin-top: 10px;}
.index-right-ban{ overflow: hidden;}
.index-right-ban li{ float: left; width: 50%; text-align: center;}
.index-right-ban li a{ display: block; height: 86px; line-height: 86px; text-decoration: none; color: #fff;}
.index-right-ban li a.ban1{ background-color: #e89e9e;}
.index-right-ban li a.ban1:hover{ background-color: #e8b8b3;}
.index-right-ban li a.ban2{ background-color: #88b3e8;}
.index-right-ban li a.ban2:hover{ background-color: #97c0e8;}
.index-right-ban li a.ban3{ background-color: #bdaa7e;}
.index-right-ban li a.ban3:hover{ background-color: #bdb68b;}
.index-right-ban li a.ban4{ background-color: #ec9726;}
.index-right-ban li a.ban4:hover{ background-color: #eca844;}
.index-right-ban li a.ban5{ background-color: #7ed0d5;}
.index-right-ban li a.ban5:hover{background-color: #8dd5d4;}
.index-right-ban li a.ban6{ background-color: #b8c95d;}
.index-right-ban li a.ban6:hover{ background-color: #c7d774;}
.index-flash{ margin-top: 10px; border: 1px solid #ccc; background: #f3f4f5; padding:9px; height: 230px; overflow:hidden;}
.index-flash-content{ width: 40000%; overflow: hidden; position:relative; left:0; top:0;}
.index-flash-content li{ float: left; width:278px; }
.index-flash-content li a{ display: block;}
.index-flash-content li a img{ width:260px; height: 202px;}
.index-flash-nums{ font-size: 0;overflow: hidden; text-align: center;}
.index-flash-nums li{ display: inline-block; width:12px; height: 12px; border: 1px solid #ccc; background: #fff; margin:6px 3px; }
.index-flash-nums li.index-flash-nums-active{ background:#fff url("../img/nums_active.png") no-repeat center; border-color: #ff5700;}