body{font-family: "Microsoft Yahei";}
.hide,.hidden{display: none!important;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: '';display: block; clear:both; }
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.pointer{cursor: pointer;}
.imgbox,.advbox{overflow: hidden;}
.imgbox a{display: block;width: 100%;height: 100%;}
.imgbox img{object-fit: cover;width: 100%;height: 100%;}
.imgbox a:hover{display: block;overflow: hidden;}
.imgbox img{object-fit: cover;width: 100%;height: 100%;}
.imgbox img:hover{transform: scale(1.2);}
.advbox *{max-width:100% !important;}
.no-padding{padding: 0;}
.no-margin{margin: 0;}
.advlist li{width: 100%;text-align: center;}
.advlist li:first-child:nth-last-child(2),.advlist li:first-child:nth-last-child(2) ~ li{width: 50%;float: left;}
.advlist li:first-child:nth-last-child(3),.advlist li:first-child:nth-last-child(3) ~ li {width: 33.3%;float: left;}
.grey-bg{background: #ececec;}

/* 头部 */
@media (min-width: 768px) {
	.banner{height: 180px;margin-bottom: 1px;background: url('../../images/index/banner.png') no-repeat center center;background-size: cover;}   
  	.qk-list .topinfo{background: linear-gradient(to right,#38503b,#6f8360);font-size: 14px;color: #fff;margin: 15px 0px;padding: 20px 18px 14px;}
}
@media (max-width: 768px) {
    .banner{height: 180px;margin-bottom: 1px;background: url('../../images/banner_mobile120.jpg') no-repeat center center;background-size: cover;}
  	.qk-list .topinfo{background: linear-gradient(to right,#38503b,#6f8360);font-size: 14px;color: #fff;margin: 5px 0px;padding: 10px 18px;}
}

.banner .container{position: relative;}
.banner .topinfo{padding: 10px 0px;}
.banner .time{color: #fff;font-size: 18px;line-height: 24px;font-weight: bold;}
.banner .code{color: #fff;font-size: 18px;line-height: 24px;font-weight: bold;text-align: right;}
.banner hr{margin-top: 3px;margin-bottom: 3px;}

.header {padding: 0;}
.header .input-wrapper {position: relative;margin-top: 6px;}
.header .input-wrapper input {display: inline-block;width: 200px;height: 35px;padding-left:45px;font-size:14px; color: #648124;background: #fff;border: none;}
.header .input-wrapper input::-webkit-input-placeholder {color: #808080;}
.header .input-wrapper .input-icon {display: inline-block;content: '';width: 20px;height: 20px;background: url('../../images/index/search.png') no-repeat;background-size: 100%;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);transition: all 150ms linear;}

.header .index-nav{padding: 0px;}
.header .index-nav li {position: relative;float: left;padding:12px 0px 12px 0px;width: 12.2%;text-align: center;}
.header .index-nav li.cur,.header .index-nav li:hover {font-weight: bold;}
.header .index-nav li a {font-size: 16px;line-height: 24px;color: #fff;}




/* 首页各位置背景色 */
.header .header-nav {background: linear-gradient(to top,#38503b,#6f8360);}
.index .system .box,.index .system .tit{background: linear-gradient(to right,#38503b,#6f8360);}
.index .rightbox .tit{background: linear-gradient(to right,#38503b,#6f8360);}
.header .index-nav li.cur,.header .index-nav li:hover {background: #354d3a;}
.index .data-select .select-btn{margin-top: -1px;width: 55px;height: 55px;background:#738861 url(../../images/index/search1.png) no-repeat center center;}
.index .data-select .select-btn:hover{background-color:#354d3a;}
.leftmenu .public-box .big-tit{background: linear-gradient(to right,#38503b,#6f8360);}
.leftmenu a:hover{color: #354d3a;}
.index .list-tit .cur{background: #ffffff;border-top:2px solid #354d3a;}
.index .bookslick .slick-prev:hover{background:#354d3a url(../../images/index/icon17.png) no-repeat center center;border: solid 1px #354d3a;}
.index .bookslick .slick-next:hover{background:#354d3a url(../../images/index/icon16.png) no-repeat center center;border: solid 1px #354d3a;}
.leftmenu .leftbook{background-color: #ffffff;border: solid 1px #eeeeee;border-top: 5px solid #354d3a;padding: 22px;margin: 15px 0px;}
.detail .recommend .tit{background: linear-gradient(to right,#38503b,#6f8360);color: #ffffff;font-size: 18px;line-height: 50px;padding-left: 18px;}
.lybmsg{background: linear-gradient(to right,#38503b,#6f8360);padding: 6px 12px;border-radius: 4px;border: 1px solid #648124;color: #fff;}
.input-group-addon{background: linear-gradient(to right,#ececec,#fff) !important;}
.btn-success{background: linear-gradient(to right,#38503b,#6f8360) !important;}
.modal-footer button.active{background: linear-gradient(to right,#38503b,#6f8360) !important;}
.index .rightbox .notice .list li a:hover{color: #354d3a;}
.index .rightbox .notice .list li a:hover::after{background-color: #354d3a;}


/* 首页 */
.index{padding-top: 15px;}
.index .system{margin-bottom: 10px;}
.index .system .box,.index .system .tit{box-shadow: 0px 13px 40px 0px rgba(1, 2, 2, 0.25);margin-bottom: 1px;color: #ffffff;font-size: 18px;line-height: 50px;text-align: center;}
.index .system .tit a{display: block;color: #ffffff;}
.index .system .tit a:hover{background: #9ac932;}
.index .system .tit span{padding-left: 45px;width: 140px;display: inline-block;}
.index .system .zzzx span{background: url(../../images/index/icon8.png) no-repeat left center;}
.index .system .zjzx span{background: url(../../images/index/icon9.png) no-repeat left center;}
.index .system .zbzx span{background: url(../../images/index/icon10.png) no-repeat left center;}
.index .system .bjzx span{background: url(../../images/index/icon11.png) no-repeat left center;}

.index .data-select{background: #ffffff;border: solid 1px #f1f1f1;text-align: center;color: #494949;font-size: 16px;line-height: 55px;}
.index .data-select .font{background: url(../../images/index/icon12.png) no-repeat right center;margin-right: 10px;color: #999999;}
.index .data-select .num{color: #494949;margin-right: 10px;}
.index .data-select .selectbox{position: relative;}
.index .data-select .year{width: 120px;border-right: solid 1px #f1f1f1;}
.index .data-select .month{width: 85px;}
.index .data-select ul{width: 100%;border: 1px solid #f1f1f1;background: #fff;line-height: 35px;padding: 10px 0px;text-align: center;position: absolute;top: 50px;display: none;}

.index .swiper-banner{height: 250px;}
.index .swiper-banner .fontbox{width: 37%;float: right;background:rgba(53, 77 ,58 , 0.65);color: #fff;padding: 25px 15px;text-align: left;height: 100%;}
.index .swiper-banner .fontbox .tit{font-size: 18px;line-height:28px;margin-bottom: 10px;min-height: 70px;}
.index .swiper-banner .fontbox .summary{font-size: 14px;line-height:24px;}
.index .swiper-banner .pagination {position: absolute;z-index: 2;right: 20px;bottom: 5px;margin: 0px;}
.index .swiper-banner .swiper-pagination-switch {display: inline-block;width: 18px;height: 5px;border-radius: 0px;background: rgba(251,251,251, 0.6);margin-right: 8px;cursor: pointer;}
.index .swiper-banner .swiper-active-switch{background-color: #fbfbfb;}

.index .bookslick{margin: 10px 0px;padding: 25px 10px 10px 10px;background: #fff;border: solid 1px #f1f1f1;}
.index .bookslick .slick-slide .box{padding: 0px 8px;display: block;}
.index .bookslick .item .imgbox{position: relative;max-width: 100%;}
.index .bookslick .cur{position: absolute;color: #ffffff;top: 0;line-height: 14px;font-size: 14px;right: 8px;width: 30px;height: 80px; padding:7px; background: url(../../images/index/icon13.png) no-repeat center center;}
.index .bookslick .font{color: #999999;font-size: 14px;line-height: 24px;text-align: center;padding: 10px 0px;}
.index .bookslick .font .time{color: #333333;font-size: 16px;font-weight: bold;margin-right: 8px;}
.index .bookslick button{width: 23px;height: 45px;}
.index .bookslick .slick-prev{left: 5px;background:#fff url(../../images/index/icon15.png) no-repeat center center;border: solid 1px #eeeeee;}
.index .bookslick .slick-next{right: 5px;background:#fff url(../../images/index/icon14.png) no-repeat center center;border: solid 1px #eeeeee;}
.index .bookslick .slick-prev:before,.index .bookslick .slick-next:before{content: "";}

.index .list-tit{background: #f1f1f1;margin: 15px 0px;}
.index .list-tit a{color: #6f6f6f;font-size: 14px;line-height: 38px;text-align: center;}
.index .list-tit li{padding: 0px 25px;border-top:2px solid #f1f1f1;}
.index .list-tit .cur a{color: #333333;}

.index .rightbox .tit{color: #ffffff;font-size: 16px;line-height: 40px;padding-left: 18px;}
.index .rightbox .notice{margin-bottom: 15px;}
.index .rightbox .notice .list{border: solid 1px #e5e5e5;background: #ffffff;position: relative;padding: 6px;height: 266px;overflow: hidden;}
.index .rightbox .notice .list::after{content: '';height: 100%;width: 1px;background: #f8f8f8;position: absolute;top: 0;bottom: 0;left: 19px;}
.index .rightbox .notice .list li{padding:5px 0px 5px 14px;}
.index .rightbox .notice .list li a::after{position: absolute;content: '';border-radius: 50%; width: 7px;height: 7px;background-color: #f1f1f1;left: -4px;top: 0;bottom: 0;margin: auto;z-index: 2;}
.index .rightbox .notice .list li a{color: #505050;font-size: 14px;line-height: 24px;padding-left: 10px;position: relative;}


.index .rightbox .notice .list li .asss{
  background-image: url(../../images/index/new.png);
  background-repeat: no-repeat;
  background-position: center;
}
.index .rightbox .zjmdm{margin: 15px 0px;}
.index .rightbox .zjmdm .imgbox{height: 150px;position: relative;}
.index .rightbox .zjmdm img{width: 100%;height: 100%;object-fit: cover;}
.index .rightbox .zjmdm .play{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;top: 0;width: 60px;height: 60px;background: url(../../images/index/play.png) no-repeat left center;}
.index .rightbox .zjmdm .play:hover{transform: scale(1.2);}

.index .rightbox .friendlink{margin: 15px 0px;}
.index .rightbox .friendlink ul{border: solid 1px #e5e5e5;padding:6px 15px 15px 15px;background: #ffffff;}
.index .rightbox .friendlink li{min-width: 50%;}
.index .rightbox .friendlink li a{color: #505050;line-height: 42px;font-size: 14px;}
.index .rightbox .friendlink li a:hover{color: #648124;}
/* 首页列表部分 */
.data-list{margin: 15px 0px;}
.data-list .item{background: #fff;margin-bottom: 5px;padding: 15px;}
.data-list .item:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.data-list .name{color: #3c3c3c;font-size: 16px;line-height: 26px;}
.data-list .name a{color: #3c3c3c;}
.data-list .name a:hover {color: #648124;}
.data-list .author{color: #7f7f7f;font-size: 14px;line-height: 24px;}
.data-list .iconbox{color: #7f7f7f;font-size: 14px;line-height: 24px;margin: 10px 0px;}
.data-list .iconbox .num{color: #89ae37;}
.data-list .iconbox div{padding-left: 23px;margin-right: 30px;}
.data-list .iconbox .html{background: url(../../images/index/icon18.png) no-repeat left center;}
.data-list .iconbox .pdf{background: url(../../images/index/icon19.png) no-repeat left center;}
.data-list .iconbox .zgwz{background: url(../../images/index/icon20.png) no-repeat left center;}
.data-list .taglist .tag{display: inline-block;background: #f8f8f8;border-radius: 2px;border: solid 1px #eeeeee;color: #7f7f7f;font-size: 14px;line-height: 28px;padding: 0px 10px;margin:5px 10px 5px 0px;}

.data-list .summary{margin: 15px 0px 10px;background: #f8f8f8;padding: 12px 20px;color: #7f7f7f;font-size: 14px;line-height: 24px;}
.qk-list .data-list .item{margin-bottom: 10px;}

/* 公共二维码部分 */
.codebox{border: solid 1px #e5e5e5;background: #ffffff;padding: 20px;margin: 15px 0px;}
.codebox img{max-width: 110px;max-height:110px;}
.codebox .fontbox{width: calc(100% - 110px);}
.codebox .name{text-align: center;color: #89ae37;padding: 15px 0px 5px;font-size: 16px;}
.codebox .intro{text-align: center;color: #505050;font-size: 16px;line-height: 26px;font-size: 16px;}

/* 公共左侧菜单 */
.leftmenu .fwzx {width: auto; padding-left: inherit;}
.leftmenu .pub-span{padding-left: 30px;width: 130px;text-align: left;display: inline-block;}
.leftmenu a{display: block;line-height: 53px;border: solid 1px #f1f1f1;text-align: center;color: #494949;font-size: 16px;}
.leftmenu .rank{margin: 10px 0px;background: #fff;}
.leftmenu .rank .zy-rank a,.leftmenu .rank .xz-rank a{border-bottom: none;}
.leftmenu .rank .zy-rank span{background: url(../../images/index/icon1.png) no-repeat left center;}
.leftmenu .rank .xz-rank span{background: url(../../images/index/icon2.png) no-repeat left center;}
.leftmenu .rank .yy-rank span{background: url(../../images/index/icon3.png) no-repeat left center;}
.leftmenu .rank .zy-rank a:hover span{background: url(../../images/index/icon1_hover.png) no-repeat left center;}
.leftmenu .rank .xz-rank a:hover span{background: url(../../images/index/icon2_hover.png) no-repeat left center;}
.leftmenu .rank .yy-rank a:hover span{background: url(../../images/index/icon3_hover.png) no-repeat left center;}

.leftmenu .public-box{margin: 10px 0px;background: #fff;}
.leftmenu .public-box .press a{border-top: none;}
.leftmenu .public-box .big-tit{line-height: 40px;text-align: center;color: #fff;font-size: 16px;}
.leftmenu .public-box .server span{background: url(../../images/index/icon4.png) no-repeat left center;}
.leftmenu .public-box .about span{background: url(../../images/index/icon5.png) no-repeat left center;}

.leftmenu .public-box .mail span{background: url(../../images/index/icon6.png) no-repeat left center;}
/*
.leftmenu .public-box .mail{padding-left:30px;text-align: left; }
.leftmenu .public-box .mail span{display: block;width: 100%;padding-left: 30px;background: url(../../images/index/icon6.png) no-repeat left center;}
*/
.leftmenu .sbox{border: solid 1px #e5e5e5;background: #ffffff;padding:15px 20px 20px;margin: 15px 0px;}
.leftmenu .sbox .name{color: #2b2b2b;font-size: 18px;line-height: 28px;}
.leftmenu .sbox .sipt{border: solid 1px #eeeeee;margin: 20px 0px;background: #ffffff;color: #acacac;font-size: 14px;padding: 0px 10px;width: 100%;height: 50px;}
.leftmenu .sbox .sbtn{background-color: #9ac932;display: block;width: 100%;line-height: 50px;text-align: center;color: #ffffff;font-size: 16px;}

.leftmenu .pyear{border: solid 1px #e5e5e5;background: #ffffff;padding:20px 30px 25px;margin: 15px 0px;}
.leftmenu .pyear .name{color: #2b2b2b;font-size: 18px;line-height: 28px;}
.leftmenu .pyear ul{margin-top: 10px;}
.leftmenu .pyear ul li{color: #6c6c6c;font-size: 16px;line-height: 26px;padding: 5px 0px;}
.leftmenu .pyear ul li span{color: #9ac932;display: inline-block;padding-left: 10px;}

.leftmenu .hotword{border: solid 1px #e5e5e5;background: #ffffff;padding:20px 15px 15px 20px;margin: 15px 0px;}
.leftmenu .hotword .name{color: #2b2b2b;font-size: 18px;line-height: 28px;}
.leftmenu .hotword ul{margin-top: 15px;}
.leftmenu .hotword ul li{margin-right: 10px;margin-bottom: 10px;}
.leftmenu .hotword ul li a{display: inline-block;color: #7f7f7f;font-size: 14px;line-height: 28px;padding: 0px 10px;border: solid 1px #eeeeee;border-radius: 2px;background-color: #f8f8f8;}
.leftmenu .hotword ul li a:hover{color: #fff;background: #9ac932;border-color: #9ac932;}

.leftmenu .leftbook .bookimg{width: 222px;height: 300px;box-shadow: 0px 3px 16px 0px rgba(50, 50, 50, 0.2);margin: 0 auto;}
.leftmenu .leftbook .name{color: #333333;font-size: 18px;line-height: 28px;padding:25px 0px 10px;font-weight: bold;}
.leftmenu .leftbook .info{color: #000;font-size: 14px;line-height: 24px;padding: 3px 0px;}
.leftmenu .leftbook .info .tit{display: inline-block;min-width: 50px;color: #999999;}

/* 公共访问统计 */
.statistics{margin: 10px 0px;background: #fff;color: #797979;line-height: 24px;font-size: 14px;padding:7px 30px 5px;}
.statistics .yel{color: #ffa517;}
.statistics .gre{color: #84da50;background: url(../../images/index/icon7.png) no-repeat right center;padding-right: 16px;}

/* 分页 */
#kkpager {margin: 40px 0px 50px;font-size: 16px;text-align: right;}
#kkpager .pageBtnWrap span.disabled {display: none;}
#kkpager .pageBtnWrap span.curr{background-color: #748962;border: solid 1px #89ae37;color: #fff;}
#kkpager .pageBtnWrap a,#kkpager .pageBtnWrap span{width: 70px;height: 35px;text-align: center;background: #ffffff;border: solid 1px #e5e5e5;line-height: 33px;cursor: pointer;color: #808080;display: inline-block;margin: 0px 5px;border-radius: 0;}
#kkpager .goPageBox{margin-left: 20px;}
#kkpager .totalText{float: right;line-height: 35px;margin-left: 25px;}
#kkpager #kkpager_gopage_wrap #kkpager_btn_go{display: none !important;}
#kkpager #kkpager_gopage_wrap #kkpager_btn_go_input{border: solid 1px #e5e5e5;width: 35px;height: 35px;padding: 2px 5px;margin: 0px 15px;}

/* 底部 */
@media (min-width: 768px) {
	.footerbox .footer-t ul .yel{color: #cdba5b;font-size: 14px;line-height: 30px; min-width: 55px;display: inline-block;}
	.footerbox .footer-t ul .whi{color: #ffffff;font-size: 18px;line-height: 30px;}  
  	.footerbox .footer-t ul li{width: 33.33%;position: relative;text-align: center;height: 80px;}
}
@media (max-width: 768px) {
   	.footerbox .footer-t ul .yel{float: left;color: #cdba5b;font-size: 14px;line-height: 25px; min-width: 55px;display: inline-block;}
	.footerbox .footer-t ul .whi{float: left;color: #ffffff;font-size: 14px;line-height: 25px;}
  	.footerbox .footer-t ul li{width: 33.33%;position: relative;text-align: center;height: 50px;}
}

.footerbox .footer-t{min-height: 160px;background: url(../../images/index/icon21.png) no-repeat center center;background-size: cover;}
.footerbox .footer-t ul {margin: 40px 0px;}
.footerbox .footer-t ul .email,.footerbox .footer-t ul .phone{border-right: 1px solid rgba(255,255,255, 0.3)}
.footerbox .footer-t ul .box{display: inline-block;margin: 0 auto;text-align: left;margin: 10px 0px;}
.footerbox .footer-t ul .phone .box{padding-left: 65px;background: url(../../images/index/icon22.png) no-repeat left center;}
.footerbox .footer-t ul .email .box{padding-left: 65px;background: url(../../images/index/icon23.png) no-repeat left center;}
.footerbox .footer-t ul .add .box{padding-left: 65px;background: url(../../images/index/icon24.png) no-repeat left center;}
.footerbox .footer-b{padding: 10px 0px;color: #c7c7c7;font-size: 14px;line-height: 24px; text-align: center;background-color: #403c28;}

.go_top{display:none;width: 60px;height: 60px;background: url(../../images/index/top.png) no-repeat center center;position: fixed; right: 10px;bottom: 30px;}

/* 视频播放弹框 */
.playvideo{text-align: center;display: flex;align-items: center;position: fixed;background-color: rgba(39,39,39,.6);overflow: auto;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;-webkit-overflow-scrolling: touch;outline: 0;}
.playvideo .maskbox{display: inline-block;margin: 0 auto;max-width: 60%;position: relative;}
.playvideo video{width: 100%;}
.playvideo .btn-close{position: absolute;color:#fff; top: -20px;right: -20px;width: 40px;height: 40px;border-radius: 50%;font-size: 30px;line-height: 36px;text-align: center;vertical-align: middle;background: #89ae37;-webkit-transform: rotate(45deg);transform: rotate(45deg);cursor: pointer;z-index:2;}


/* 期刊列表页 */
.qk-list .topinfo .word{font-size: 16px;color: #89ae37;display: inline-block;margin-right: 25px;}
.qk-list .topinfo .num{font-size: 14px;color: #f49251;display: inline-block;margin: 0px 8px;}

/* 列表页 */
.list-page .pubinfo{background-color: #ffffff;border-left:2px solid #89ae37;padding-left: 20px;margin: 15px 0px;}
.list-page .pubinfo .name{color: #9ac932;font-size: 20px;margin-right: 50px;display: inline-block;line-height: 50px;}
.list-page .pubinfo .sub{color: #2c2c2c;opacity: 0.6;font-size: 16px;padding-top: 5px;display: inline-block;}
.list-page .listbox .item{margin-bottom: 10px;background-color: #ffffff;padding: 15px 20px;border-bottom: 1px solid #eaeaea;}
.list-page .listbox .item:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.list-page .listbox .title{color: #3c3c3c;font-size: 16px;line-height: 26px;display: inline-block;max-width: 100%;}
.list-page .listbox .summary{color: #7f7f7f;font-size: 14px;line-height: 24px;padding: 10px 0px;}
.list-page .listbox .intro{color: #999999;font-size: 14px;line-height: 24px;}
.list-page .listbox .item:hover{border-bottom: 1px solid #9ac932;box-shadow: 0px 3px 5px 0px rgba(60, 73, 33, 0.1);}
.list-page .listbox .title:hover{color: #9ac932;position: relative;padding-left: 40px;margin-left: -20px;}
.list-page .listbox .title:hover::after{content: '';width: 20px;height: 1px;background-color: #9ac932;display: inline-block;position: absolute;left: 0px;top: 0;bottom: 0;margin: auto; }

/* 面包屑导航 */
.breadcrumb-nav{color: #999999;font-size: 14px;line-height: 24px;padding: 13px 15px;}
.breadcrumb-nav a{color: #999999;}
.breadcrumb-nav a:hover{color: #bbce92;}
.breadcrumb-nav .active{color: #666;}

/* 详情页 */
.detail .leftmenu .leftbook{margin-top: 0px;}
.detail .recommend{margin-bottom: 15px;}
.detail .recommend .list{border: solid 1px #e5e5e5;background: #ffffff;padding: 10px 0px;}
.detail .recommend .list li{padding:7px 10px 7px 0px;}
.detail .recommend .list li a::after{position: absolute;display: none; content: '';width: 2px;height: 100%;background-color: #9ac932;left: 0px;top: 0;bottom: 0;margin: auto;z-index: 2;}
.detail .recommend .list li a{color: #505050;font-size: 14px;line-height: 22px;padding-left: 15px;position: relative;border: none;text-align: left;max-width: 100%;display: inline-block;}
.detail .recommend .list li a:hover{color: #9ac932;}
.detail .recommend .list li a:hover::after{display: block;}
@media (min-width: 768px) {
	.detail .detail-con {background-color: #ffffff;padding: 30px;margin-bottom: 50px;}
}
@media (max-width: 768px) {
   	.detail .detail-con {background-color: #ffffff;padding: 30px;margin-bottom: 15px;}
}

.detail .detail-con .title{color: #3c3c3c;font-size: 22px;line-height: 32px;}
.detail .detail-con .intro{color: #999;font-size: 14px;line-height: 24px;border-bottom: 1px solid #eaeaea;padding: 15px 0px 20px;}
.detail .detail-con .origin{display: inline-block;margin-right: 36px;}
.detail .detail-con .sharecon{position: relative;}
.detail .detail-con .sharecon .font{border: solid 1px #57a4b8;padding: 0px 10px 0px 30px; border-radius: 2px;background: #57a4b8 url(../../images/index/share.png) no-repeat 10px center ;color: #fff;font-size: 14px;display: inline-block;line-height: 24px;}

.detail .text-content{color: #2b2b2b;font-size: 14px;line-height: 24px;padding: 25px 0px;}

/* 分享 */
.detail .sharebox{z-index: 2;left: -10px;top: 30px;position: absolute;width: 137px;height:auto;max-height:150px;border-radius: 5px;background: #fff;border: 6px solid #999;left: 0;}
.detail .sharebox-top{top:-150px;bottom:20px;}
.detail .sharebox-bottom{bottom:-174px;top:20px;}
.detail .sharebox .title{background: #f2f2f2;height: 28px;padding: 0px 6px;font-size: 12px;margin-bottom: 0;}
.detail .sharebox .title .bsSiteLink{color: #666;font-weight: 600;}
.detail .sharebox .content{margin-bottom: 6px;}
.detail .sharebox .content a{padding-left: 3px;border:1px solid #fff;background:#fff;display: block;margin:2px 6px;cursor: pointer;height: 24px;}
.detail .sharebox .content a:hover{border:1px solid #ddd;background:#f1f1f1;}
.detail .sharebox .content a img{margin-bottom:4px;}

/* 条目详情页 */
.downbox div{line-height: 55px;color: #ffffff;font-size: 18px;margin-bottom: 10px;}
.downbox a{color: #ffffff;display: block;padding:0px 20px 0px 65px;}
.downbox .num{font-size: 14px;}
.downbox .html{background: #f98610 url(../../images/index/html.png) no-repeat 25px center;background-size: 24px;}
.downbox .pdf{background: #d86e6e url(../../images/index/icon25.png) no-repeat 25px center;background-size: 24px;}
.downbox .xml{background: #66acfa url(../../images/index/icon26.png) no-repeat 25px center;background-size: 24px;}
.downbox .export{background: #9ac932 url(../../images/index/icon27.png) no-repeat 25px center;background-size: 24px;}

.statis{margin: 15px 0px;background: #fff;border: solid 1px #ebebeb;padding: 15px 20px;}
.statis .tit{color: #797979;font-size: 16px;line-height: 24px;background:url(../../images/index/icon28.png) no-repeat left center;padding-left: 30px;}
.statis .itembox{padding: 15px 0px 10px;}
.statis .item{color: #999999;font-size: 14px;line-height: 24px;padding: 2px 0px;}
.statis .item .num{color: #648124;}

.detail-page .detail-con {background-color: #ffffff;padding:15px 30px 50px 30px;margin-bottom: 50px;}
.detail-page .detail-con .chinese{color: #3c3c3c;font-size: 20px;line-height: 30px;padding: 5px 0px;}
.detail-page .detail-con .eng{color: #a8c172;font-size: 14px;line-height: 24px;padding: 5px 0px 10px;}
.detail-page .detail-con .author{background-color: #f8f8f8;border-left: 2px solid #9ac932;padding: 10px 15px;}
.detail-page .detail-con .author .metadata-author{color: #383838;font-size: 14px;line-height: 24px;}
.detail-page .detail-con .author .metadata-author-en{color: #999;font-size: 14px;line-height: 24px;}
.detail-page .detail-con .summary{color: #383838;font-size: 14px;line-height: 24px;padding: 10px 15px;margin: 10px 0px;}
.detail-page .detail-con .summary .name{color: #9ac932;float: left;line-height: 30px;}
.detail-page .detail-con .eng-summary{background-color: #f8f8f8;border-left: 2px solid #9ac932;padding: 10px 15px;color: #7f7f7f;font-size: 14px;line-height: 24px;}
.detail-page .detail-con .eng-summary .name{color: #9ac932;float: left;}
.detail-page .detail-con .keyword{padding: 10px 15px;}
.detail-page .detail-con .keyword .key-name{color: #9ac932;font-size: 14px;line-height: 24px;padding: 10px 0px;}
.detail-page .detail-con .keyword .metadata-author-en{display: inline-block;border: solid 1px #eeeeee;border-radius: 2px;background-color: #f8f8f8;line-height: 28px;padding: 0px 10px;margin: 0px 10px 10px 0px;}
.detail-page .detail-con .keyword .kwd-generated{display: none;}
.detail-page .detail-con .section .title-div .h2.hidelabel{color: #fff;width: 30px;}
.detail-page .detail-con .section .title-div .main-label{padding-left: 30px;margin: 15px 3px 10px -30px;display: inline-block;background:url(../../images/index/icon29.png) no-repeat left center;}
.detail-page .detail-con .section .title-div .h2{font-size: 18px;line-height: 28px;color: #9ac932;}
.detail-page .detail-con .section .title-div .h3{font-size: 16px;line-height: 26px;color: #333333;display: inline-block;margin: 10px 0px;}
.detail-page .detail-con .section .title-div .section-label{margin-right: 5px;}

.detail-page .contentbox .section{color: #383838;font-size: 14px;line-height: 24px;}
.detail-page .contentbox .section sup,.detail-page .contentbox .section sup a{color: #0400ff;}
.detail-page .contentbox .section p{text-indent: 2em;margin-bottom: 10px;}
.detail-page .literature {color: #383838;font-size: 14px;line-height: 24px;}
.detail-page .literature .row{margin: 0px;display: table-row;max-width: 100%;word-break: break-all;}
.detail-page .literature .row br{display: none;}
.detail-page .literature .cell{display: table-cell;}
.detail-page .literature .cell .label{color: #7f7f7f;font-size: 14px;line-height: 24px;font-weight: normal;}

/* 目录 */
.slide{display: none;}
/* #sideCatalog {font-size: 14px;height: 260px;left: 10px;line-height: 19px;margin-bottom: 10px;overflow: hidden;position: relative;width: 290px;}
#sideCatalog #sideCatalog-sidebar .bothend {background:url(../../images/index/icon30.png) no-repeat center center;height: 10px;left: -5px;overflow: hidden;position: absolute;width: 10px;}
#sideCatalog #sideCatalog-sidebar .sidebar-top {top: 0;}
#sideCatalog #sideCatalog-sidebar .sidebar-bottom {bottom: 0;}
#sideCatalog-catalog {height: 230px;top: 18px;overflow: hidden;padding-left: 23px;position: relative;}
#sideCatalog-catalog dl {position: relative;width: 100% !important;}
#sideCatalog span.sideCatalog-index1 {color: #666;font-size: 14px;padding-right: 5px;}
#sideCatalog .sideCatalog-item1,#sideCatalog .sideCatalog-item2 {margin: 0 0 6px;padding: 0 7px;position: relative;}
#sideCatalog .sideCatalog-item1 a {color: #666;}
#sideCatalog .sideCatalog-item1 a,#sideCatalog .sideCatalog-item2 a {text-decoration: none;}
#sideCatalog .sideCatalog-item2{padding-left: 20px;}
#sideCatalog .sideCatalog-item2 a,#sideCatalog .sideCatalog-item2 span{color: #999999;}
#sideCatalog .highlight span,#sideCatalog .highlight a,#sideCatalog dd:hover a,#sideCatalog dd:hover span{color: #9ac932;}
#sideCatalog .sideCatalog-dot {background:url(../../images/index/icon30.png) no-repeat center center;cursor: pointer;font-size: 12px;height: 10px;left: -22px;line-height: 12px;overflow: hidden;position: absolute;top: 4px;width: 10px;}
#sideCatalog .highlight span.sideCatalog-dot {background: url(../../images/index/icon31.png) no-repeat center center;height: 16px;left: -23px;top: 3px;width: 18px;}
#sideCatalog #sideCatalog-sidebar {border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;height: 258px;left: 5px;position: absolute;top: 0;width: 0;}
#sideCatalog #sideToolbar-item-0-qy .sideCatalog-index1,#sideCatalog #sideToolbar-item-0-ckwx .sideCatalog-index1{display: none;} */

#sideCatalog {font-size: 14px;max-height: 260px;padding-bottom: 30px;left: 10px;line-height: 19px;margin-bottom: 10px;overflow: hidden;position: relative;width: 290px;}
#sideCatalog #sideCatalog-sidebar .bothend {background:url(../../images/index/icon30.png) no-repeat center center;height: 10px;left: -5px;overflow: hidden;position: absolute;width: 10px;}
#sideCatalog #sideCatalog-sidebar .sidebar-top {top: 0;}
#sideCatalog #sideCatalog-sidebar .sidebar-bottom {bottom: 0;}
.directory {max-height: 230px;top: 18px;overflow: hidden;position: relative;}
.directory .mCSB_container{padding-left: 23px;}
.directory ul {position: relative;width: 100% !important;}
#sideCatalog span.sideCatalog-index1 {color: #666;font-size: 14px;padding-right: 5px;}
#sideCatalog .sideCatalog-item1,#sideCatalog .sideCatalog-item2 {margin: 0 0 6px;padding: 0 7px;position: relative;}
#sideCatalog .sideCatalog-item1 a {color: #666;}
#sideCatalog .sideCatalog-item1 a,#sideCatalog .sideCatalog-item2 a {text-decoration: none;}
#sideCatalog .sideCatalog-item2{padding-left: 20px;}
#sideCatalog .sideCatalog-item2 a,#sideCatalog .sideCatalog-item2 span{color: #999999;}
#sideCatalog .active span,#sideCatalog .active a,#sideCatalog dd:hover a,#sideCatalog dd:hover span{color: #9ac932;}
#sideCatalog .sideCatalog-dot {background:url(../../images/index/icon30.png) no-repeat center center;cursor: pointer;font-size: 12px;height: 10px;left: -22px;line-height: 12px;overflow: hidden;position: absolute;top: 4px;width: 10px;}
#sideCatalog .active span.sideCatalog-dot {background: url(../../images/index/icon31.png) no-repeat center center;height: 16px;left: -23px;top: 3px;width: 18px;}
#sideCatalog #sideCatalog-sidebar {border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;height: 100%;left: 5px;position: absolute;top: 0;width: 0;}
#sideCatalog #sideToolbar-item-0-qy .sideCatalog-index1,#sideCatalog #sideToolbar-item-0-ckwx .sideCatalog-index1{display: none;}
#sideCatalog .nav>li>a{display: inline-block;padding: 0px;}
#sideCatalog .nav>li>a:focus,#sideCatalog .nav>li>a:hover{background: none;}



@media (min-width: 768px) {
    
}

@media (min-width: 992px) {

  .header .index-nav li {max-height: 47px; }
}

@media (min-width: 1200px) {    
  .pub-left{padding-right: 0px;width: 280px;}
  .index .rightbox{padding-left: 0px;width: 280px;}
  .index .centerbox{width: 670px;}
  .footerbox .footer-t{height: 160px;}
}

@media only screen and (min-width: 1230px) {
  .container {width: 1230px;}
}


@media only screen and (max-width: 1440px) {
  .banner{height: 180px;}
  .header .index-nav li {padding:10px 0px;}
  .header .input-wrapper{margin-top: 5px;}
  .index .system .box, .index .system .tit{line-height: 50px;font-size: 18px;}
  .index .system .tit span{padding-left: 15px;}
  .index .rightbox .tit{line-height: 40px;}
  .index .rightbox .notice .list li{padding: 5px 0px 5px 15px;}
  .index .rightbox .notice .list{height: 256px;}
  .leftmenu a{font-size: 14px;line-height: 43px;}
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    
    /* 导航 */
    div.burger {height: 40px;font-size: 25px;text-align: center;float: right;width: 40px;position: relative;cursor: pointer;}
    .fixed div.burger {top: 7px;}
    .burger div.x,.burger div.y,.burger div.z {position: absolute;top: calc((100% - 3px) / 3);width: 25px;height: 2px;background: #fff;border-radius: 2px;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-ms-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;}
    .open div.x,.open div.y,.open div.z {background: #fff;}
    .burger div.x,.burger div.y,.burger div.z {height: 3px;width: 36px;}
    .burger div.y {top: 23px;}
    .burger div.z {top: 34px;}
    .burger div.collapse {top: 20px;display: block;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out;}
    .burger div.rotate30 {-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
    .burger div.rotate150 {-ms-transform: rotate(150deg);-webkit-transform: rotate(150deg);transform: rotate(150deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out;}
    .burger div.rotate45 {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
    .burger div.rotate135 {-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;}
    
    .header .xs-header-nav li {position: relative;float: left;padding: 0px;}
    .header .xs-header-nav li.cur,.header .xs-header-nav li:hover {padding: 0;font-size: 14px;color: #fff;font-weight: bold;}
    .burgerbox{position: absolute;top: 270px;right: 10px;z-index: 20;}
    .burger.open {top: 0px;}
    div.burger.open {position: fixed;right: 22px;}
    .navBar {position: fixed;width: calc(100% + 15px);height: 100%;right: 0;top: 0;z-index: 19;padding: 0;}
    .navBarwra .nav {width: 58.66%;position: relative;overflow-y: auto;height: 100%;float: right;background: #648124;padding: 15px;padding-top: 60px;}
    .navBarwra .nav > li,.navBarwra .nav > li:hover,.navBarwra .nav > li.cur {padding: 0px; border-bottom: 1px solid #eee;line-height: 54px;}
    .navBarwra .nav > li {margin-left: 10px;width: 100%;text-align: left;}
    .navBarwra .nav > li i {color: #fff;font-size: 28px;margin-top: 20px;cursor: pointer;}
    .navBarwra .nav > li > a {color: #fff !important;display: inline;width: 90%;line-height: 54px;}
    .navBarwra .nav-child {position: static;background: none;width: 100%;display: block;padding: 0 15px 0 35px;margin-top: -10px;margin-bottom: 10px;}
    .navBarwra .nav > li.cur > a,.navBarwra .nav > li:hover > a {background: none;}

    .index .swiper-banner .fontbox .summary{display: none;}

}

@media only screen and (max-width: 1100px) {
  .slide{display: none !important;}
}
/*Common For Max 768*/
@media only screen and (max-width: 992px) {
  .header .input-wrapper{margin: 6px 0px;float: left;}
  .footerbox .footer-t ul li{width: 100%;border: none !important;}
  .footerbox .footer-t ul .box{width: 80%;}
  .footerbox .footer-t ul{margin: 20px 0px;}
}

@media only screen and (max-width: 772px) {
  .burgerbox{top: 200px;}
  .banner{height: 180px;}
}

@media only screen and (max-width: 767px) {
  .footerbox .footer-t ul .box{width: 100%;}
  .detail-page .detail-con{padding-left: 15px;padding-right: 15px;}
}

@media only screen and (max-width: 629px) {
    .index .rightbox .notice .list{height: auto;}
    .imgbox img{object-fit: cover;width: 75%;height: 100%;}
}
/*Common For Max 414*/
@media only screen and (max-width: 479px) {
  .banner{height: 120px;}
  .burgerbox{top: 210px;}
  .banner .topinfo{display:none;}
  #kkpager .pageBtnWrap {}

  .playvideo .maskbox{width: 90%;max-width: 100%;}
  .footerbox .footer-t ul{margin: 10px 0px;}
}

/*Common For Max 375*/
@media only screen and (max-width: 413px) {
    
}

/*Common For Max 320*/
@media only screen and (max-width: 320px) {
    
  /* 导航 */
  .navBarwra .nav {width: 95.66%;}
  .header .input-wrapper input {width: 175px;}
}

/* --------------------------- 固定屏幕样式 ---------------------------------------- */


/*960*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {}

/*768*/
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/*480*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/*320*/
@media only screen and (min-width: 320px) and (max-width: 479px) {}

/*240*/
@media only screen and (max-width: 319px) {}


/* --------------------------- 期刊正文表格 ---------------------------------------- */
div.panel {
  color: #424242;
  font-family: helvetica, sans-serif, Times New Roman, Arial, Microsoft Yahei, "微软雅黑";
  background-color: white;
  font-size: 90%;
  border: thin solid black;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 1px;
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  line-height: 20px;
}
thead td {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
div.panel>.label {
  color: #000;
}

/* --------------------------- 首页关键词 ---------------------------------------- */
div.taglist>.metadata-author-en {
  display: inline-block;
  border: solid 1px #eeeeee;
  border-radius: 2px;
  background-color: #f8f8f8;
  line-height: 28px;
  padding: 0px 10px;
  margin: 0px 10px 10px 0px;
  color: #7f7f7f;
}

div.taglist>.metadata-author-en>.kwd-generated {
  display: none;
}

.tit>a {
  color: #ffffff;
}



/* ----------------  首页 投审稿 按钮 ----------------------- */
#container_buttons {
  text-align: center;
  margin: 0 auto;
  background: #fff;
  padding: 15px 20px 0px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.09) inset;
}
#container_buttons p {
  display: block;
  padding-bottom: 30px;
}
.a_demo_three {
  text-decoration: none !important;
  background-color: #369a69;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #fff !important;
  position: relative;
  padding: 8px 60px;
  border-left: solid 1px #339767;
  margin-left: 35px;
  background-image: linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -o-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -ms-linear-gradient(bottom,rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(63,88,75)), color-stop(1, rgb(116,137,98)) );
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: inset 0px 1px 0px #006a35, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #3f584b, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  -o-box-shadow: inset 0px 1px 0px #3f584b, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  box-shadow: inset 0px 1px 0px #00621e, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.a_demo_three::before {
  text-decoration: none !important;
  background-color: #526a54;
  content: "";
  width: 35px;
  max-height: 36px;
  height: 100%;
  position: absolute;
  display: block;
  padding-top: 8px;
  top: 0px;
  left: -36px;
  font-size: 16px;
  font-weight: bold;
  color: #359868;
  text-shadow: 1px 1px 0px #07526e;
  border-right: solid 1px #07526e;
  background-image: linear-gradient(bottom,rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -o-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: inset 0px 1px 0px #006a35, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #3f584b, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  -o-box-shadow: inset 0px 1px 0px #3f584b, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  box-shadow: inset 0px 1px 0px #00621e, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.a_demo_three:hover {
  color: #fff;
}
.a_demo_three:active {
  color: #fff;
  top: 3px;
  background-image: linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -o-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -ms-linear-gradient(bottom,rgb(46,147,98) 0%, rgb(63,88,75) 100%);
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(46 ,147, 98)), color-stop(1, rgba(63, 88 ,75 , 1)) );
  -webkit-box-shadow: inset 0px 1px 0px #006a35, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #3f584b, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  -o-box-shadow: inset 0px 1px 0px #3f584b, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
  box-shadow: inset 0px 1px 0px #00621e, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
}
.a_demo_three:active::before {
  top: -3px;
  -webkit-box-shadow: inset 0px 1px 0px #006a35, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #3f584b, 0px 10px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #006a35, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #3f584b, 0px 10px 5px #999;
  -o-box-shadow: inset 0px 1px 0px #006a35, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #3f584b, 0px 10px 5px #999;
  box-shadow: inset 0px 1px 0px #006a35, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #3f584b, 0px 10px 5px #999;
}
.zuozhe::before {
  background-image: url(../../images/index/zuozhe.png);
  background-repeat: no-repeat;
  background-position: center;
}
.zhuanjia::before {
  background-image: url(../../images/index/zhuanjia.png);
  background-repeat: no-repeat;
  background-position: center;
}
.zhubian::before {
  background-image: url(../../images/index/zhubian.png);
  background-repeat: no-repeat;
  background-position: center;
}
.bianji::before {
  background-image: url(../../images/index/bianji.png);
  background-repeat: no-repeat;
  background-position: center;
}