/******************************
 ** 初始化
 ******************************/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; }
html { height: 100%; }
body { width: 100%; height: 100%; font: .28rem/1.8 "Microsoft Yahei", Arial; color: #666; background: #fff; transition: transform .3s ease; }
img { border: 0px; }
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6, h7 { font-size: .28rem; }
ul, ol { list-style-type: none; }
input,button,select,textarea { outline: none; font-family: "Microsoft Yahei", Arial; font-size: .28rem; -webkit-appearance: none !important; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; }
.gap { height: .2rem; background: #fff; }
.article { overflow: hidden; line-height: 25px; font-family: 'Microsoft Yahei' !important; }
.article img { display: block; max-width: 100%; background: #eee; }


/******************************
 ** 公共片段
 ******************************/
#header { position: relative; height: 1rem; }
#navbar { position: relative; height: 1rem; }
#location { position: relative; }
#menuer { position: relative; margin: 0 0 .3rem; }

.header { position: fixed; left: 0; right: 0; top: 0; z-index: 10; height: 1rem; background: #dad8d8; }
.header h2 { line-height: 1rem; text-align: center; font-size: .34rem; color: #403c3c; font-weight: normal; }
.header .back { position: absolute; left: 0; top: 0; bottom: 0; width: 1rem; background: url(../images/header-back.png) center center no-repeat; background-size: .6rem; }
.header .back:active { opacity: .6; }

.navbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; height: 1rem; background: #ededed; }
.navbar li { float: left; width: 25%; }
.navbar li.active { background: #dbebfc; }
.navbar li:active { box-shadow: 0 0 100rem rgba(0,0,0,.02) inset; }
.navbar li:active a { opacity: .6; }
.navbar a { display: block; height: 1rem; padding: .2rem; }
.navbar img { display: block; width: .6rem; height: .6rem; margin: 0 auto; }

.menuer { /*background: #f7f7f7;*/background: #666; overflow: hidden; }
.menuer li { float: left; width: 50%; }
.menuer a { display: block; line-height: .8rem; text-align: center; font-size: .3rem; color: #fff; }
.menuer li.active { background: #6b89a8; color: #fff; }

.location { position: relative; line-height: .8rem; padding: 0 .3rem; background: #888; color: #fff; }
.location h2 { font-weight: normal; font-size: .3rem; }
.location span { position: absolute; right: 0; top: 0; padding: 0 .3rem; }
.location .month { position: absolute; right: 0; top: 0; padding: 0 .15rem; }
.location .month a,
.location .month em { display: inline-block; vertical-align: middle; font-style: normal; }
.location .month a {  width: .5rem; height: .8rem; background: url(../images/location-i.png) center center no-repeat; background-size: .3rem; }
.location .month a.prev { }
.location .month a.next { transform: rotate(180deg); }



/******************************
 ** 首页
 ******************************/
#swiper { background: #eee; position: relative; }
#swiper img { display: block; width: 100%; }
#swiper .dots { position: absolute; left: 0; right: 0; bottom: .2rem; text-align: center; z-index: 5; }
#swiper .swiper-pagination-bullet { width: .2rem; height: .2rem; border-radius: .2rem; opacity: .5; transition: all .5s ease; }
#swiper .swiper-pagination-bullet-active { opacity: 1; background: #6b89a8; width: .4rem; }

.ihead { line-height: 1rem; padding: 0 .2rem; position: relative; }
.ihead h2 { font-size: .3rem; font-weight: normal; }
.ihead a { position: absolute; top: 0; right: 0; padding: 0 .2rem; }

.ipro { padding: 0 0 .4rem; background: #f7f7f7; }
.ipro .swiper { margin: 0 .2rem; }
.ipro .swiper img { display: block; width: 100%; }

.inews { padding: 0 0 .2rem; background: #f7f7f7; }
.inews .list { margin: 0 .3rem; }
.inews .item a { display: block; line-height: .6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.inews .item a:before { content: '--'; margin: 0 .2rem 0 0; }



/******************************
 ** 个人中心
 ******************************/
.user-poi { padding: .5rem 0; background: #f5f5f5; text-align: center; }
.user-poi .avatar { margin: 0 auto; }
.user-poi .avatar img { width: 2rem; height: 2rem; border-radius: 50%; }
.user-poi h2 { font-size: .32rem; font-weight: normal; }
.user-poi h3 { font-weight: normal; color: #999; }

.user-menu { padding: .3rem 0; }
.user-menu dl { }
.user-menu dd { background: #f5f5f5; border-bottom: 1px solid #fff; }
.user-menu a { display: block; line-height: .8rem; padding: 0 .8rem 0 .3rem; position: relative; }
.user-menu a:before { content: ''; width: .8rem; height: .8rem; background: url(../images/user-link.png) center center no-repeat; background-size: .4rem; position: absolute; right: 0; top: 0; }
.user-menu a:active { box-shadow: 0 0 100rem rgba(0,0,0,.02) inset; }



/******************************
 ** 书架
 ******************************/
.shelf-help { height: 1rem; padding: .2rem .3rem; position: relative; }
.shelf-help h2 { line-height: .6rem; font-size: .3rem; font-weight: normal; }
.shelf-help .sos { position: absolute; right: .3rem; top: .2rem; height: .6rem; }
.shelf-help .txt { width: 3.4rem; height: .6rem; padding: 0 .2rem; border: 1px solid #ddd; color: #888; }
.shelf-help .submit { position: absolute; right: 0; top: 0; bottom: 0; background: #666; color: #fff; border: 0; padding: 0 .2rem; }

.shelf-tabed { background: #b3b3b3; }
.shelf-tabed ul { }
.shelf-tabed li { float: left; width: 50%; line-height: .7rem; text-align: center; font-size: .3rem; }
.shelf-tabed li.active { background: #84c2a3; color: #fff; }
.shelf-tabed a { display: block; }

.shelf-content { padding: .3rem .3rem 0; }
.shelf-lister { }
.shelf-lister .list { }
.shelf-lister .item { height: 2.8rem; padding: 0 0 0 2.4rem; position: relative; margin: 0 0 .3rem; }
.shelf-lister .item .img { position: absolute; left: 0; top: 0; }
.shelf-lister .item img { display: block; width: 2.1rem; height: 2.8rem; }
.shelf-lister .item h3 { line-height: .4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 .3rem; font-size: .3rem; }
.shelf-lister .item p { height: 1.2rem; line-height: .4rem; overflow: hidden; text-align: justify; opacity: .8; margin: 0 0 .2rem; }
.shelf-lister .item ul { }
.shelf-lister .item li { display: inline-block; vertical-align: middle; }
.shelf-lister .item a { display: block; line-height: .6rem; padding: 0 .2rem; background: #ccc; margin: 0 .15rem 0 0; border-radius: .06rem; }
.shelf-lister .item a:active { box-shadow: 0 0 100rem rgba(0,0,0,.1) inset; }


.shelf-lister .itemalbu { height: 2.1rem; padding: 0 0 0 1.8rem; position: relative; margin: 0 0 .3rem; }
.shelf-lister .itemalbu .img { position: absolute; left: 0; top: 0; }
.shelf-lister .itemalbu img { display: block; width: 1.5rem; height:auto; }
.shelf-lister .itemalbu h3 { line-height: .4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 .3rem; font-size: .3rem; }
.shelf-lister .itemalbu p { height: 1.2rem; line-height: .4rem; overflow: hidden; text-align: justify; opacity: .8; margin: 0 0 .2rem; }
.shelf-lister .itemalbu ul { }
.shelf-lister .itemalbu li { display: inline-block; vertical-align: middle; }
.shelf-lister .itemalbu a { display: block; line-height: .6rem; padding: 0 .2rem; background: #ccc; margin: 0 .15rem 0 0; border-radius: .06rem; }
.shelf-lister .itemalbu a:active { box-shadow: 0 0 100rem rgba(0,0,0,.1) inset; }

.shelf-history { padding: 0 0 .2rem; background: #f7f7f7; overflow: hidden; }
.shelf-history .head { line-height: 1rem; padding: 0 .2rem; position: relative; }
.shelf-history .head h2 { font-size: .3rem; font-weight: normal; }
.shelf-history .head a { position: absolute; top: 0; right: 0; padding: 0 .2rem; }
.shelf-history .swiper { margin: 0 -.8rem 0 .2rem; }
.shelf-history .swiper img { display: block; width: 100%; }

.shelf-style { padding: .4rem 0 0; background: #fff; }
.shelf-style .swiper { padding: 0 .4rem; position: relative; }
.shelf-style .swiper img { display: block; width: 100%; }
.shelf-style .prev,
.shelf-style .next { position: absolute; right: 0; top: 50%; margin: -.5rem 0 0; width: .2rem; height: 1rem; background: url(../images/user-link.png) center center no-repeat; background-size: .5rem; z-index: 2; }
.shelf-style .prev { left: .1rem; transform: rotate(180deg); }
.shelf-style .next { right: .1rem; }

.shelf-menuer { background: #fff; }
.shelf-menuer .head { position: relative; line-height: .8rem; padding: 0 .3rem; background: #888; color: #fff; margin: 0 0 .1rem; }
.shelf-menuer .head h2 { font-weight: normal; font-size: .3rem; }
.shelf-menuer .list { padding: 0 0 0; }
.shelf-menuer .item { border-bottom: .1rem solid #fff; }
.shelf-menuer .item .img { position: relative; padding: 0 0 25%; background: #eee; }
.shelf-menuer .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }



/******************************
 ** 详情头部
 ******************************/
.detail-head { padding: .3rem; }
.detail-head h1 { padding: 0 0 .3rem; font-size: .34rem; font-weight: normal; text-align: center; color: #333; }
.detail-head .chapter { }
.detail-head .head { position: relative; line-height: .8rem; font-size: .3rem; }
.detail-head .head font { color: #999; margin: 0 0 0 .3rem; }
.detail-head .head a { position: absolute; right: 0; top: 0; color: #999; background: url(../images/book-s.png) right center no-repeat; background-size: .3rem; padding: 0 .4rem; font-size: .28rem; }
.detail-head .head { }
.detail-head .main { }
.detail-head .list { height: 3rem; line-height: .6rem; overflow: hidden; }
.detail-head .list dd { }
.detail-head .list a { }
.detail-head .loop { }
.detail-head .loop:before { content: '............'; }
.detail-head .chapter.active .list { height: auto; overflow: visible; }
.detail-head .chapter.active .loop { display: none; }

.detail-content { padding: .3rem; background: #d9f7d9; }



/******************************
 ** 案例
 ******************************/
.case-classify { line-height: .7rem; background: #666; color: #fff; margin: 0 0 .2rem; }
.case-classify a { display: inline-block; padding: 0 .15rem; }
.case-classify a.active { background: #6b89a8; color: #fff; }

.case-type { width: 100%; position: relative; padding: .15rem 0 0; margin: 0 0 .3rem; background: #f7f7f7; }
.case-type dl { position: relative; padding: 0 0 0 30%; overflow: hidden; }
.case-type dt { width: 27%; position: absolute; left: 3%; top: 0; bottom: .2rem; background: #e3a4a4; }
.case-type dt span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; color: #fff; }
.case-type dd { float: left; width: 45%; margin: 0 0 .2rem 3%; }
.case-type dd a { display: block; line-height: .6rem; padding: 0 .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-type dd:nth-child(2) { background: #d9f7d9; }
.case-type dd:nth-child(3) { background: #dbebfc; }
.case-type dd:nth-child(4) { background: #d6bfeb; }
.case-type dd:nth-child(5) { background: #d9f7d9; }
.case-type dd:nth-child(6) { background: #d6bfeb; }

.case-category { }
.case-category .list { }
.case-category .item { float: left; width: 29.33%; margin: 0 0 3% 3%; }
.case-category .item a { display: block; position: relative; }
.case-category .item figure { position: relative; padding: 0 0 75%; background: #eee; }
.case-category .item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.case-category .item h3 { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.6); font-weight: normal; line-height: .5rem; text-align: center; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.case-lister { }
.case-lister .list { }
.case-lister .item { float: left; width: 45.5%; margin: 0 0 0 3%; }
.case-lister .item a { }
.case-lister .item figure { position: relative; padding: 0 0 60%; background: #eee; }
.case-lister .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.case-lister .item ul { position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,.6); color: #fff; padding: 0 .2rem; }
.case-lister .item li { line-height: .6rem; }
.case-lister .item li:nth-child(2) { position: absolute; right: 0; top: 0; padding: 0 .2rem; }
.case-lister .item h3 { line-height: 1rem; text-align: center; font-weight: normal; font-size: .3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.case2-lister { }
.case2-lister .list { padding: .3rem 0 0; }
.case2-lister .item { float: left; width: 45.5%; margin: 0 0 0 3%; }
.case2-lister .item a { display: block; position: relative; }
.case2-lister .item figure { position: relative; padding: 0 0 60%; background: #eee; }
.case2-lister .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.case2-lister .item ul { position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,.6); color: #fff; padding: 0 .2rem; }
.case2-lister .item li { line-height: .6rem; text-align: right; }
.case2-lister .item h3 { line-height: 1rem; text-align: right; font-weight: normal; font-size: .3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case2-lister .item h4 { position: absolute; left: 0; bottom: 0; line-height: 1rem; font-weight: normal; }

.case-sumary { }
.case-sumary h1 { padding: .2rem 0.4rem; font-size: .36rem; font-weight: normal; text-align: center; }
.case-sumary ul { width: 100%; padding: .2rem; overflow: hidden; background: #eee; }
.case-sumary li { float: left; width: 50%; white-space: normal; overflow: hidden; text-overflow: ellipsis; }

.case-detail { }
.case-detail h2 { line-height: 1rem; text-align: center; font-size: .34rem; font-weight: normal; }
.case-detail .images { }
.case-detail .images img { display: block; width: 100%; }
.case-detail .article { padding: .2rem; text-align: justify; }









/******************************
 ** 调查问卷
 ******************************/
.question-head { padding: .3rem; background: #f7f7f7; }
.question-head h1 { padding: 0 0 .1rem; font-size: .34rem; font-weight: normal; }
.question-head p { line-height: .4rem; }

.question-lister { padding: .3rem .3rem .7rem; background: #f7f7f7; }
.question-lister .rows { margin: 0 0 .3rem; }
.question-lister dt { font-size: .3rem; }
.question-lister .radio { }
.question-lister .radio-item { display: block; line-height: .6rem; }
.question-lister .radio-item input { -webkit-appearance: radio !important; vertical-align: -2px; }
.question-lister .radio-item font { }
.question-lister .button { position: fixed; left: 0; right: 0; bottom: 1rem; z-index: 10; background: #fff; }
.question-lister .submit { width: 100%; height: .8rem; border: 0; border-radius: 0; background: #84c2a3; color: #fff; font-size: .32rem; }
.question-lister .submit:active { box-shadow: 0 0 100rem rgba(0,0,0,.04) inset; }




/******************************
 ** 通知新闻
 ******************************/
.news-lister { padding: 0 .3rem; }
.news-lister .list { margin: 0 0 .5rem; }
.news-lister .head { line-height: .4rem; color: #c52323; margin: 0 0 .1rem; font-size: .32rem; }
.news-lister .item { border-bottom: 1px dashed #ddd; }
.news-lister .item a { display: block; padding: .2rem 0; position: relative; }
.news-lister .item h3 { height: .9rem; line-height: .45rem; font-weight: normal; }
.news-lister .item span { position: absolute; right: 0; bottom: .2rem; color: #888; }

.news-detail { padding: 0 .3rem .3rem; text-align: justify; }

/******************************
 ** 集团规范
 ******************************/
.specs-lister { }
.specs-lister .list { }
.specs-lister .item { float: left; width: 45.5%; margin: 0 0 0 3%; }
.specs-lister .item a { }
.specs-lister .item figure { position: relative; padding: 0 0 60%; background: #eee; }
.specs-lister .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.specs-lister .item ul { position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; background: rgba(0,0,0,.6); color: #fff; padding: 0 .2rem; }
.specs-lister .item li { line-height: .6rem; text-align: right; }
.specs-lister .item h3 { line-height: 1rem; text-align: center; font-weight: normal; font-size: .3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



/******************************
 ** 集团规范
 ******************************/
.specs-head { height: 1.8rem; padding: .3rem .3rem .3rem 2.6rem; position: relative; background: #eee; }
.specs-head figure { position: absolute; left: .3rem; top: .3rem; }
.specs-head img { display: block; width: 2rem; height: 1.2rem; }
.specs-head h1 { line-height: .4rem; font-size: .32rem; font-weight: normal; }
.specs-head h3 { line-height: .5rem; font-weight: normal; opacity: .6; }

.specs-detail { padding: .3rem; }























/******************************
 ** 根字体
 ******************************/
 @media (min-width: 700px){
 	html { font-size: 70px; }
 }
 @media (max-width: 700px){
 	html { font-size: 60px; }
 }
 @media (max-width: 500px){
 	html { font-size: 50px; }
 }
 @media (max-width: 350px){
 	html { font-size: 50px; }
 }