body{background: #fff;}
.brand-zj-intro{padding:45px; margin: 0 0 30px 0; font-size:16px; text-indent: 2em; line-height:30px; background: url("../images/brand_zj_bg.gif") no-repeat;}
.brand-zj .zhd{padding: 0 0 10px;margin: 0 0 20px;border-bottom: 1px solid #e1e1e1;}
.brand-zj .zhd h3{float: left;position: relative;padding:8px 0 0 8px;font-size: 22px;font-weight: normal;line-height: 30px;}
.brand-zj .zhd h3::after{position: absolute;left: 0; top: 9px;content: '';width: 3px;height: 28px;font-size: 0;line-height: 0;background: #4cbbb4;}


.doc-wrap{position: relative;min-height: 300px;}
.doc-wrap .loader{position: absolute; left: 50%; top: 100px; margin: 0 0 0 -84px; padding: 20px; background: #fff;background: rgba(255,255,255,0.7); border: 1px solid #fff; border-radius: 3px;}
.doc-wrap .loader img{display: block;width: 16px;height: 16px;margin: 0 auto 10px;}
.doc-wrap .loader p{font-size: 14px;line-height: 20px; text-align: center;}

.doc-select{float: right;}
.doc-select a{float: left;height: 38px;padding: 0 25px;font-size:16px;line-height: 38px;color: #333;background: #eee;}
.doc-select a.on{color: #fff;background: #4cbbb4;}

.doc-tab .hd{margin: 0 0 20px -10px;}
.doc-tab .hd a{float: left; position: relative; width: 145px;height: 50px;margin: 0 0 0 10px;text-align: center;line-height: 50px;font-size: 24px;color: #fff;background: #bbb;}
.doc-tab .hd a::after{display: none;content: '';position: absolute;left: 50%;bottom: -9px;margin: 0 0 0 -8px;font-size: 0;width: 17px;height: 9px;background: url("../images/tab_cur.png") no-repeat;}
.doc-tab .hd a.on{background: #4cbbb4;}
.doc-tab .hd a.on::after{display: block;}


.doc-list ul{margin: 0 0 0 -17px;}
.doc-list ul li{float: left;width: 426px;height: 218px;padding: 10px;margin: 0 0 20px 17px; border: 1px solid #e1e1e1;transition: all linear .3s;}
.doc-list ul li a,.doc-list ul li a:hover{color: #333;}
.doc-list ul li .zj-pic{float: left;width: 150px;height: 218px;overflow: hidden;}
.doc-list ul li .zj-pic img{display: block;width: 218px;height: 218px;margin: 0 0 0 -34px;}
.doc-list ul li .zj-des{float:right;width: 260px;transition: all linear .3s;}
.doc-list ul li .zj-title{height:65px;line-height:65px;font-size: 26px;}
.doc-list ul li .zj-title strong{font-size: 14px; font-weight: normal;}
.doc-list ul li .zj-ry,
.doc-list ul li .zj-xm{height: 52px; overflow: hidden; font-size: 14px;line-height: 26px; transition: all linear .3s;}
.doc-list ul li .zj-btn{opacity: 0; display: block;width: 160px;height: 40px; margin: 10px 0 0 0; text-align: center; line-height: 40px; color: #fff; font-size: 18px; background: #fda233; display: none\9;transition: all linear .3s;}
.doc-list ul li:hover{border-top: 1px solid #fda233; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.doc-list ul li:hover .zj-des{transform: translateY(-10px);}
.doc-list ul li:hover .zj-btn{opacity: 1; display: block\9;}
.doc-list ul li .zj-btn:hover{ background: #31a0fa;}