﻿
/*
CopyRight By Dongyi Network Technology CO.,Ltd Design Center
For HMS 首页模板
*/

/* 通用 */
.column{ overflow: hidden; margin-bottom: 0px;}
.column .side{ float: right; width: 280px;}
.column .mainContent{ overflow: hidden; width: 890px; float: left;}
.pageBanner{display: none;}

/* 首页banner */
#slideBox{display: block; height: 410px; z-index: 1;}
#slideBox .hd{display: none;}
#slideBox .bd{z-index: 2;}
#slideBox .bd li{height: 410px; }
#slideBox .bd li a{ height: 410px;}
#slideBox .next,
#slideBox .prev{display: block; width: 20px; height: 40px; position: absolute; z-index: 3; top: 164px; background: url(../image/arrow-type1.png) 0px 0px no-repeat; left: 50%; cursor: pointer;}
#slideBox .prev{margin-left: -620px;}
#slideBox .next{margin-left: 600px;background-position: -70px 0px;}





/* 快捷导航按钮组 */
#quickNav{width: 1200px; margin: 0 auto; height: 0px; position: relative; z-index: 20;}
#quickNav ul.quickNavUl{display: block; height: 86px; position: absolute; z-index: 21; bottom: 0px; left: 0px; width: 1212px;}
#quickNav .quickNavLi{width: 190px; height: 70px; float: left;*display: inline; margin-right: 12px; }
#quickNav .quickNavLi .h1{display: block; width: 190px; height: 70px; }
#quickNav .quickNavLi .h1 a{display: block; height: 70px; line-height: 70px; text-align: left; padding-left: 85px; font-size: 18px; color: #fff; background: url(../image/quickNav-li.png) 0px 0px repeat; border-radius: 6px; box-shadow: 0px 3px 10px 0px #333333; overflow: hidden; position: relative; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; z-index: 23;}
#quickNav .quickNavLi .h1 a:hover{text-decoration: none; margin-top: -5px;}
#quickNav .quickNavLi .h1 .icon{display: block;width: 60px;height: 50px;background: url(../image/icons-ind-tab.png) 11px 8px no-repeat #33b6ae;position: absolute;top: 10px;left: 10px;border-radius: 3px;overflow: hidden;}
#quickNav .quickNavLi .h1 .arrow{width: 6px;height: 12px;background: url(../image/hasSub.png) 0px 0px no-repeat;position: absolute;top: 29px;right: 15px; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
#quickNav .on .h1 .arrow{transform: rotate(-90deg);}
#quickNav #quickTabXNHYB .h1 a{padding-left: 79px;}
#quickNav #quickTabTJJGCX .h1 a{padding-left: 74px;}
#quickNav #quickTabYYGH .h1 .icon{background-position: 11px -106px;}
#quickNav #quickTabCZXX .h1 .icon{background-position: 11px -223px;}
#quickNav #quickTabXNHYB .h1 .icon{background-position: 11px -335px;}
#quickNav #quickTabKSJS .h1 .icon{background-position: 11px -452px;}
#quickNav #quickTabTJJGCX .h1 .icon{background-position: 11px -568px;}



#quickNav{width: 1200px; margin: 0 auto; height: 0px; position: relative; z-index: 20;}
#quickNav ul.quickNavUl{display: block; height: 86px; position: absolute; z-index: 21; bottom: 0px; left: 0px; width: 1212px;}
#quickNav .quickNavLi{width: 190px; height: 70px; float: left;*display: inline; margin-right: 12px; }
#quickNav .quickNavLi .h2{display: block; width: 190px; height: 70px; }
#quickNav .quickNavLi .h2 a{display: block; height: 70px;  text-align: center; padding-left: 85px; font-size: 18px; color: #fff; background: url(../image/quickNav-li.png) 0px 0px repeat; border-radius: 6px; box-shadow: 0px 3px 10px 0px #333333; overflow: hidden; position: relative; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; z-index: 23;}
#quickNav .quickNavLi .h2 a:hover{text-decoration: none; margin-top: -5px;}
#quickNav .quickNavLi .h2 .icon{display: block;width: 60px;height: 50px;background: url(../image/icons-ind-tab.png) 11px 8px no-repeat #33b6ae;position: absolute;top: 10px;left: 10px;border-radius: 3px;overflow: hidden;}
#quickNav .quickNavLi .h2 .arrow{width: 6px;height: 12px;background: url(../image/hasSub.png) 0px 0px no-repeat;position: absolute;top: 29px;right: 15px; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
#quickNav .on .h2 .arrow{transform: rotate(-90deg);}
#quickNav #quickTabXNHYB .h2 a{padding-left: 79px;}
#quickNav #quickTabTJJGCX .h2 a{padding-left: 74px;}
#quickNav #quickTabYYGH .h2 .icon{background-position: 11px -106px;}
#quickNav #quickTabCZXX .h2 .icon{background-position: 11px -223px;}
#quickNav #quickTabXNHYB .h2 .icon{background-position: 11px -335px;}
#quickNav #quickTabKSJS .h2 .icon{background-position: 11px -452px;}
#quickNav #quickTabTJJGCX .h2 .icon{background-position: 11px -568px;}

#quickNav .subCon{width: 1200px;height: 304px;background: #fff; background: rgba(255,255,255,0.96); *background: #fff;position: absolute;left: 0px;bottom: 86px; display: none; z-index: 22; padding-top: 20px; text-align: left; overflow-y:scroll;}
#quickNav .subConBg{overflow:hidden; height:auto}
/* 展开 */
#quickTabJYZN .subCon .areaL{width: 250px; float: left; *display: inline;  padding:0 20px 0 35px; height: 290px; overflow: hidden; border-right: 1px solid #dedede; }
#quickTabJYZN .subCon .areaC{width: 420px; float: left; *display: inline; padding: 0 47px 0 40px; height: 290px; overflow: hidden; border-right: 1px solid #dedede; }
#quickTabJYZN .subCon .areaR{width: 320px; float: right; *display: inline; padding-right: 26px; height: 290px; overflow: hidden;}
#quickTabJYZN .subCon .jyznLinks li{height: 47px;line-height: 47px;border-bottom: 1px solid #f1f2f2;padding-left: 48px;background: url(../image/side-menu-li.png) 16px 16px no-repeat;font-size: 14px;  -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
#quickTabJYZN .subCon .jyznLinks li a:hover{color: #33b6ae; text-decoration: none;}
#quickTabJYZN .subCon .jyznLinks li.last{border-bottom:none; }
#quickTabJYZN .subCon .jyznLinks li .more{float: right; width: 60px; height: 26px; line-height: 26px; background: #238e57; color: #fff; border-radius: 3px; overflow: hidden; text-align: center; margin-top: 10px; display: none;}
#quickTabJYZN .subCon .jyznLinks li:hover{padding-left: 60px;}
#quickTabJYZN .subCon .jyznLinks li:hover a{color: #33b6ae}
#quickTabJYZN .subCon .jyznLinks li:hover .more{display: block; color: #fff}
#quickTabJYZN .subCon .areaC .box{margin-bottom: 10px;}
#quickTabJYZN .subCon .areaC .box .bd{padding-top: 5px; height: 90px; overflow: hidden;}
#quickTabJYZN .subCon #indHZTSLXWM{}
#quickTabJYZN .subCon #indHZTSLXWM .hd{ height:40px; line-height:40px;  }
#quickTabJYZN .subCon #indHZTSLXWM .hd h3{float:left;padding-left:45px;font-size:18px;background: url(../image/sideBoxHd.png) 0px 10px no-repeat; color:#33b6ae}
#quickTabJYZN .subCon #indHZTSLXWM .bd{padding:5px 0px 0; margin-bottom:10px }
#quickTabJYZN .subCon #indHZTSLXWM .bd p{margin:0px; line-height:26px; font-size:14px; }
#quickTabJYZN .subCon #indHZTSLXWM #hdLXWM h3{background-position: 3px -121px;}

#quickTabKSJS .subCon .areaL{width: 1200px; float: left;*display: inline; padding-left: 20px; height: auto; overflow: hidden; border-right: 1px solid #dedede;}
#quickTabKSJS .subCon .areaR{overflow: hidden;}
.ksList{}
.ksList .ksLi{overflow:hidden; margin-bottom:12px}
.ksList .ksLi .ksName{width:138px; float:left; text-align:right; height:auto; line-height:26px; font-size:16px; color:#33b6ae}
.ksList .ksLi .ksName a{color:#33b6ae}
.ksList .ksLi .subList{overflow:hidden}
.ksList .ksLi .subList li{height:26px;line-height:26px;padding-left:18px;background: url(../image/dot-02.gif) 0px 8px no-repeat;margin-left:10px;float:left;width:150px;}
.ksList .ksLi .subList li.li11{width:150px}
#quickTabKSJS .subCon .areaR .ksList .ksLi .ksName{width: 100px}
#quickTabKSJS .subCon .areaR .ksList .ksLi .li9{width: 210px}

/* ========== columnA ========== */
#columnA{margin-bottom: 20px; height: 351px; overflow: hidden;}
#indTZGG .bd{height: 290px; overflow: hidden;}
#indTZGG .tempWrap{height: 290px !important;}
#indXWDT .tBd{overflow: hidden;}
#focusPic{width: 380px; height: 290px; float: left; margin-right: 18px;}
#focusPic .bd .pic{width: 380px; height: 290px;}

/* ========== columnB ========== */

#indMYFC{}
#indMYFC .bd{position: relative;padding: 25px 0px 25px 35px;}
#indMYFC .bd .tempWrap{width:1124px !important;}
#indMYFC .bd .next,
#indMYFC .bd .prev{width: 26px;height: 50px;background: url(../image/arrow-type2.png) 0px 0px no-repeat;cursor: pointer;position: absolute;top: 65px;left: 0px;cursor: pointer;}
#indMYFC .bd .next{left: auto; right: 0px; background-position: -26px 0px;}
.indDocList{}
.indDocList li{width: 174px;float: left; *display: inline;margin: 0px 16px 0px 0px;background: #fff;position: relative;}
.indDocList li .pic{width: 174px; height: 130px; overflow: hidden; margin: 0 auto 10px; text-align:center;}
.indDocList li .pic img{width: 174px; height: 130px; }
.indDocList li .con{text-align: center;}
.indDocList li .con span{display: none; }
.indDocList li .con .title{line-height: 30px;font-size: 16px;color: #34b6ae;/* font-weight: bold; */margin-bottom:10px;}
.indDocList li .con .intro{padding:0 10px; font-size:12px; line-height:20px; text-align:center; height:40px; overflow:hidden; color: #999999; margin-bottom:10px}
.indDocList li .con .more{text-align:center; font-size:14px; color:#ec9b45; display:none;}
.indDocList li .con .more a{color:#ec9b45}
.indDocList li .con .inDeptName{font-size: 12px; color: #ec9b45; line-height: 20px; height: 20px; overflow: hidden; display: block;}
.indDocList li .con .inDeptPost{display: none;}
.indDocList li .con .inDeptDegree{font-size: 12px; color: #999999; line-height: 20px; height: 20px; overflow: hidden; display: block; margin-bottom: 10px;}
.indDocList li .con .btnView{display: block; width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: #33b6ae; margin: 0 auto; }




#indMYFC1{}
#indMYFC1 .bd{position: relative;padding: 25px 0px 25px 35px;}
#indMYFC1 .bd .tempWrap{width:1124px !important;}
#indMYFC1 .bd .next,
#indMYFC1 .bd .prev{width: 26px;height: 50px;background: url(../image/arrow-type2.png) 0px 0px no-repeat;cursor: pointer;position: absolute;top: 65px;left: 0px;cursor: pointer;}
#indMYFC1 .bd .next{left: auto; right: 0px; background-position: -26px 0px;}
.indDocList1{}
.indDocList1 li{width: 120px;float: left; *display: inline;margin: 0px 16px 0px 0px;background: #fff;position: relative;}
.indDocList1 li .pic{width: 120px; height: 180px; overflow: hidden; margin: 0 auto 10px; text-align:center;}
.indDocList1 li .pic img{width: 120px;height: 180px; }
.indDocList1 li .con{text-align: center;}
.indDocList1 li .con span{display: none; }
.indDocList1 li .con .title{line-height: 30px;font-size: 16px;color: #34b6ae;/* font-weight: bold; */margin-bottom:10px;}
.indDocList1 li .con .intro{padding:0 10px; font-size:12px; line-height:20px; text-align:center; height:40px; overflow:hidden; color: #999999; margin-bottom:10px}
.indDocList1 li .con .more{text-align:center; font-size:14px; color:#ec9b45; display:none;}
.indDocList1 li .con .more a{color:#ec9b45}
.indDocList1 li .con .inDeptName{font-size: 12px; color: #ec9b45; line-height: 20px; height: 20px; overflow: hidden; display: block;}
.indDocList1 li .con .inDeptPost{display: none;}
.indDocList1 li .con .inDeptDegree{font-size: 12px; color: #999999; line-height: 20px; height: 20px; overflow: hidden; display: block; margin-bottom: 10px;}
.indDocList1 li .con .btnView{display: block; width: 110px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: #33b6ae; margin: 0 auto; }



/* ========== columnC ========== */
#columnC{padding: 20px 0px; background: #f2f2f2;}
#indZTZL{width: 1200px; margin: 0 auto; }
#indZTZL .bd{overflow: hidden;}
#indZTZL .bd li{width: 276px; float: left; *display: inline; margin-right: 30px; height: 118px; text-align: center; }
#indZTZL .bd li .pic,
#indZTZL .bd li .pic img{width: 276px; height: 70px;}
#indZTZL .bd li .tit{font-size: 14px; line-height: 30px;}

