@import url("/template/demos/xihe/css/base.css");
@import url("/template/demos/xihe/css/xh_ras.css");
@import url("/template/demos/css/iconfont.css");
/* @import url("//at.alicdn.com/t/font_2410798_epy5jx1ds0p.css"); */
/* 公共部分 *******************/
a{color: #333;}
*::selection {
    color:#fff;
    background-color:#000000;
    text-shadow:none;
}
/* 滚动条美化 */
  ::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #000000;
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #8b8b8b;
  }

/* pc header */
.header_md{display: none;}
.pc_header{width: 100%;box-shadow: 0 0 5px #c1c1c1;position: fixed;z-index: 99;background: #fff;}
.pc_header .header_top{width: 100%;background: #db0000;height: 35px;}
.pc_header .header_top>div{max-width: 1400px;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.pc_header .header_top>div p{color: #fff;font-size: 13px;}
.pc_header .header_main{max-width: 1400px;margin: 0 auto;height: 80px;}
.pc_header .header_main .header_nav{width: 100%;display: flex;align-items: center;justify-content: space-between;height: 100%;}
.pc_header .header_nav>a{display: block;width: 25%;display: flex;align-items: center;border-right: 1px solid #f4f4f4;height: 100%;min-width: 200px;}
.pc_header .header_nav>a img{width: 90%;}
.pc_header .header_nav>div{width: 15%;border-left: 1px solid #f4f4f4;height: 100%;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding-left: 15px;}
.pc_header .header_nav span{color: #db0000;}
.pc_header .header_nav p:nth-child(2){font-size: 20px;font-weight: bold;color: #db0000;height:28px; line-height:30px;}
.pc_header .header_nav p:nth-child(3){font-size: 14px;font-weight: bold;color: #db0000;}
.pc_header .header_nav ul{display: flex;align-items: center;height: 100%;align-items: center;justify-content: space-between;flex: 1;box-sizing: border-box;padding: 0 15px;}
.pc_header .header_nav ul li{height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.pc_header .header_nav ul li>a{height: 100%;text-align: center;color: #333;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: .2s all ease-in;padding: 0 8px;}
.pc_header .header_nav ul li:after{content: '';display: block;width: 0%;height: 3px;background: #db0000;transition: .3s all ease;margin: 0 auto;position: absolute;top: 77px;}
.pc_header .header_nav ul li:hover::after{width: 100%;transition: .3s all ease;}
.pc_header .header_nav ul li i{transition: .2s all ease-in;}
.pc_header .header_nav ul li:hover i{transform: rotate(180deg);transition: .2s all ease-in;}
.pc_header .header_nav ul li>a:hover{color:#db0000;transition: .2s all ease-in;}
.head_link{position: absolute;display: flex;flex-direction: column;width:120px;align-items: center;background: #fff;z-index: 0;visibility: hidden;top: 100px;box-shadow: 0px 8px 20px -5px #d0d0d0;transition: .3s all ease-in;transform: translateY(20px);opacity: 0;padding: 10px 0;}
.head_link a{width: 100%;text-align: center;height:43px;color: #333;line-height: 43px;transition: .2s all ease-in;}
.head_link a:hover{transition: .2s all ease-in;color: #db0000;}
.pc_header .header_nav ul li:hover .head_link{opacity: 1;transition: .3s all ease-in;transform: translateY(-20px);z-index: 99;visibility: visible;}

/* 手机端header */
.header_md{width: 100%;display: none;}
.header_md_none{display: none;}
.header_md_top{width: 100%;height: 5rem;z-index: 99;position: fixed;top:0;left: 0; transition:all 0.5s ease;background: #fff;box-shadow: 0 0 5px #c1c1c1;z-index: 99;}
.header_md_logo{width: 18rem;}
.header_md_logo img{width: 100%;transition:all 0.2s ease-in}
.header_md_logo img:last-child{display: none;transition:all 0.2s ease-in}
.header_md_title{font-size: 1.5rem;}
.header_md_box{position: relative;height: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 10px 30px;}
.header_md_top .header_md_top_btn{ display:block; width:3rem; height:4rem; background-size:auto 40%; position:relative;}
.header_md_top .header_md_top_btn:before{ content:''; position:absolute; left:50%; top:50%; height:.15rem; width:26px; margin-left:-13px; margin-top:-8px; background:#333; transition:all 0.5s ease;}
.header_md_top .header_md_top_btn:after{ content:''; position:absolute; left:50%; top:50%; height:.15rem; width:26px; margin-left:-13px; margin-top:6px; background:#333; transition:all 0.5s ease;}
.header_md_top .header_md_top_btn span{position:absolute; left:50%; top:50%; height:.15rem; width:26px; margin-left:-13px; margin-top:-1px; background:#333; transition:all 0.5s ease;}
.header_md_top .header_md_top_btn.on{ transition:all 0.5s ease;}
.header_md_top .header_md_top_btn.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;background: #FFFFFF;}
.header_md_top .header_md_top_btn.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;background: #FFFFFF;}
.header_md_top .header_md_top_btn.on span{width:0;transition:all 0.5s ease;}

.T-nav{position:absolute; left:0; top:5rem; margin:0; padding:1rem 0;box-sizing: border-box; width:100%; height:calc(100vh - 5rem); background:#000000; z-index:22; overflow:auto; display:none;}
.T-nav::-webkit-scrollbar { width: 0 !important }
.T-nav > li{position:relative;width:100%;user-select: none;}
.T-nav > li > a{padding:.5rem 3%;position:relative; transition:all 0.5s ease;color: #969696;text-align: center;font-size: 2rem;line-height: 4rem;display: flex;align-items: center;justify-content: center;}
.T-nav > li > a>i{color: #969696;position: absolute;right: 32%;font-size: 2rem;transition: .2s all ease-in;}
.T-nav > li > a>i.rotate{transform: rotate(-180deg);transition: .2s all ease-in;}
.T-nav > li > a img{width: 2rem;}
.T-nav > li .header_md_thr{text-align:center;background:#000; display:none;font-size: 1.5rem;text-align: center;overflow: hidden;}
.T-nav > li .header_md_thr a{ display:block; line-height:45px;font-size:1.5rem;text-align: center; color: #969696;}

.header_md.curr .header_md_top {background: none;background: #fff;}
.header_md.curr .header_md_top .header_md_box{background: none;box-shadow: 0 0 5px #c1c1c1;}
.header_md.curr .header_md_top .header_md_top_btn:before{background: #333;}
.header_md.curr .header_md_top .header_md_top_btn:after{background: #333;}
.header_md.curr .header_md_top .header_md_top_btn span{background: #333;}
.header_md.curr .header_md_logo img:last-child{display: block;}
.header_md.curr .header_md_logo img:first-child{display: none;}

.header_md .header_md_top.curr{background: #000000!important;transition:all 0.5s ease}
.header_md .header_md_top.curr .header_md_logo img:last-child{display: block!important;}
.header_md .header_md_top.curr .header_md_logo img:first-child{display: none!important;}

/* footer */
.footer{width: 100%;display: flex;align-items: center;height: 260px;}
.footer .footer_left{width: 65.4%;background: #f5f5f5;display: flex;align-items: center;justify-content: flex-end;height: 100%;}
.footer .footer_left_main{max-width: 1000px;width: 100%;box-sizing: border-box;padding: 25px;height: 100%;}
.footer .footer_left_main .top span{color: #666;font-size: 13px;}
.footer .footer_left_main .top a{color: #666;font-size: 13px;display: inline-block;margin-right: 5px;padding: 5px 0;transition: .2s all ease-in;}
.footer .footer_left_main .bom{width: 100%;display: flex;align-items: center;margin:35px 0 0 0;justify-content: space-between;box-sizing: border-box;}
.footer .footer_left_main .bom .left{width: 55%;border-right: 1px solid #ccc;-direction: column;}
.footer .footer_left_main .bom .left img{margin-bottom: 45px;user-select: none;}
.footer .footer_left_main .bom .left p{font-size: 13px;color: #666;}
.footer .footer_left_main .bom .right{width: 40%;display: flex;align-items: center;justify-content: space-around;box-sizing: border-box;padding: 0 20px;}
.footer .footer_left_main .bom .right li{box-sizing: border-box;padding: 8px 0;transition: .2s all ease-in;}
.footer .footer_left_main .bom .right li a{transition: .2s all ease-in;}

.footer .footer_right{width: 34.6%;background: url(../images/footerbg@1.jpg) #db0000;height: 100%;}
.footer .footer_right_main{max-width: 400px;width: 100%;height: 100%;box-sizing: border-box;padding: 35px 35px 0 35px;}
.footer .footer_right_main .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.footer .footer_right_main .top>div{display: flex;align-items: center; margin-right: 10px;}
.footer .footer_right_main .top>div h2{font-size: 28px;color: #fff;font-weight: bold;}
.footer .footer_right_main .top>div p{color: #fff;font-size: 13px;margin-top: 3px;}
.footer .footer_right_main .top>div img{margin-right: 10px;user-select: none;}
.footer .footer_right_main .top>img{user-select: none;width: 130px;height: 130px;}
.footer .footer_right_main .bom{}
.footer .footer_right_main .bom li{color: #fff;box-sizing: border-box;padding: 6px 0;}

.footer .footer_left_main .top a:hover{color: #db0000;transition: .2s all ease-in;}
.footer .footer_left_main .bom .right li:hover a{color: #db0000;transition: .2s all ease-in;}
.footer .footer_left_main .bom .right li:hover{transform: translateX(3px);transition: .2s all ease-in;}
/* 公共标题 */
.ind_title{margin: 0 auto;margin-bottom: 60px;text-align: center;position: relative;box-sizing: border-box;padding-top: 22px;z-index: 20;}
.ind_title>div{text-align: center;position: absolute;text-transform: uppercase;color: #f4f3f9;font-size: 45px;width: 100%;top: 10px;font-weight: bold;user-select: none;}
.ind_title h3{font-size: 20px;color: #d40000;font-weight: bold;position: relative;z-index: 10;margin-bottom: 22.5px;user-select: none;}

.ind_title_w div{color: #fff;opacity: .1;}
.ind_title_w h3{color: #fff;}
.ind_title_w p{color: #fff;}

.ind_title_f div{color: #fff;opacity: .8;}

/* 公共按钮 */
.ind_btn{font-size: 16px;color: #db0000;display: inline-block;width: 125px;height: 40px;border-radius: 10px;border: 1px solid #db0000;user-select: none;text-align: center;line-height: 40px;background-size: 0%;transition: .2s all ease-in;}
.ind_btn:hover{color: #fff;background: #db0000;background-position: left;background-size: 100% 100%;transition: .2s all ease-in;}
/* 公共部分 *******************/


/* 首页-begin *******************/
/* banner */
.ind_banner{width: 100%;height: 800px;overflow: hidden;}
.ind_banner .ind_banner_swi{width: 100%;height: 100%;overflow: hidden;}
.ind_banner .ind_banner_swi .swiper-slide{width: 100%;height: 100%;}
.ind_banner .ind_banner_swi .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.ind_banner .ind_banner_swi .swiper-pagination-bullet-active{background: #fff;}
.ind_banner .ind_banner_page{bottom: 25px;}
.md_ind_banner{display: none;width: 100%;height: 22rem;}
.md_ind_banner img{width: 100%;object-fit: cover;height: 100%;}
.md_ind_banner .ind_banner_swi{width: 100%;height: 100%;overflow: hidden;}
/* 服务项目 */
.ind_server{width: 100%;overflow: hidden;box-sizing: border-box;padding: 50px 0;background: #fff;}
.ind_server .ind_server_main{max-width: 1400px;margin: 0 auto;}
.ind_server ul{display: flex;align-items: center;justify-content: space-between;}
.ind_server ul li{flex: 1;box-sizing: border-box;padding: 0 15px;}
.ind_server ul li>div{width: 100%;box-sizing: border-box;cursor: pointer;height: 320px;padding:45px 25px 0 25px;border-radius: 5px;box-shadow: 0px 0px 5px 0px rgba(0, 3, 91, 0.2);background: #fff;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;transition: .2s all ease-in;}
.ind_server ul li i{user-select: none;font-size: 40px;color: #db0000;transition: .2s all ease-in;}
.ind_server ul li h3{font-size: 18px;margin-top:40px;transition: .2s all ease-in;}
.ind_server ul li hr{border: none;width: 35px;height: 1px;background: #db0000;margin: 20px 0 35px 0;transition: .2s all ease-in;}
.ind_server ul li p{font-size: 14px;color: #666;text-align: center;transition: .2s all ease-in;line-height: 25px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:3;display: -webkit-box;}
.ind_server ul li>div:hover{transform: translateY(-5px);transition: .2s all ease-in;background: #db0000;}
.ind_server ul li>div:hover i{color: #fff;transition: .2s all ease-in;}
.ind_server ul li>div:hover h3{color: #fff;transition: .2s all ease-in;}
.ind_server ul li>div:hover hr{background: #fff;transition: .2s all ease-in;}
.ind_server ul li>div:hover p{color: #fff;transition: .2s all ease-in;}

/* 关于我们 */
.ind_about{width: 100%;overflow: hidden;box-sizing: border-box;padding: 50px 0 100px 0;background: #fff;}
.ind_about .ind_about_main{max-width: 1400px;margin: 0 auto;box-sizing: border-box;}
.ind_about .top{display: flex;align-items: center;box-sizing: border-box;padding: 30px 0;}
.ind_about .top li{flex: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.ind_about .top li h2{font-size: 45px;color: #db0000;font-weight: bold;}
.ind_about .top li h2 sub{font-size: 16px;font-weight: normal;}
.ind_about .top li p{font-size: 16px;color: #666;margin-left: -15px;margin-top: 10px;}
.ind_about .mid{display: flex;align-items: center;}
.ind_about .mid .left{width: 55%;box-sizing: border-box;padding: 20px 30px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.ind_about .mid .left p{font-size: 14px;line-height: 25px;}
.ind_about .mid .left a{margin-top: 20px;}
.ind_about .mid .right{width: 630px;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.ind_about .mid .right img{width: 100%;object-fit: cover;transition: .4s all ease-in;}
.ind_about .mid .right img:hover{transform: scale(1.02);transition: .4s all ease-in;}

.ind_honor{width: 100%;overflow: hidden;}
.ind_nonor_swi .swiper-slide>div{width: 100%;background: #f4f4f4;padding: 20px;box-sizing: border-box;}
.ind_nonor_swi .swiper-slide>div>p{width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;overflow: hidden;height: 205px;}
.ind_nonor_swi .swiper-slide img{height: 100%;object-fit: cover;}
.ind_nonor_swi .swiper-slide>p{text-align: center;font-size: 14px;color: #666;margin-top: 20px;}
.ind_nonor_btn{width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 30px 0;position: relative;}
.ind_nonor_btn .ind_nonor_btn01,.ind_nonor_btn .ind_nonor_btn02{outline: none;background: none;display: flex;align-items: center;position: relative;top: 10px;left: 0;right: 0;width: 30px;flex-shrink: 0;transition: .4s all ease-in;}
.ind_nonor_btn .ind_nonor_btn02{justify-content: flex-end;}
.ind_nonor_btn .ind_nonor_btn01 i,.ind_nonor_btn .ind_nonor_btn02 i{font-size: 30px;color: #f6f6f6;opacity: 1;color: #e2e2e2;transition: .2s all ease-in;}
.ind_nonor_btn .ind_nonor_btn01:active i,.ind_nonor_btn .ind_nonor_btn02:active i{color: #333;transition: .4s all ease-in;}
.ind_nonor_btn .ind_nonor_line{flex: 1;height: 2px;background: #e2e2e2;width: 100%;}
.ind_nonor_btn .ind_nonor_line ul{width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 10%;position: relative;top: -7px;}
.ind_nonor_btn .ind_nonor_line li{width: 14px;height: 14px;border-radius: 50%;background: #ffff;border: 1px solid #e2e2e2;}

/* 横图 */
.ind_cross{width: 100%;height: 240px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.ind_cross .ind_cross_font{position: relative;z-index: 20;}
.ind_cross .ind_cross_font p{color: #fff;font-size: 20px;text-align: center;}
.ind_cross .ind_cross_font h3{color: #fff;font-size: 22px;text-align: center;margin-bottom: 20px;}
.ind_cross .ind_cross_bg{background: url(../images/img11.jpg) no-repeat center center;height: 100%;width: 100%;background-attachment: fixed;position: absolute;top: 0;}

/* 样书展示 */
.ind_sample{width: 100%;padding: 50px 0;background: #f4f4f4;overflow: hidden;}
.ind_sample .ind_sample_main{max-width: 1400px;margin: 0 auto;}
.ind_sample .ind_sample_btn{width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 30px;}
.ind_sample .ind_sample_btn li{box-sizing: border-box;padding: 15px 30px;background: #fff;border-radius: 5px;user-select: none;cursor: pointer;transition: .2s all ease-in;}
.ind_sample .ind_sample_btn li.curr{background: #db0000;color: #fff;transition: .2s all ease-in;}

.ind_sample .ind_sample_bom{width: 100%;box-sizing: border-box;padding: 50px 0;}
.ind_sample .ind_sample_bom ul{display:	none;align-items: center;flex-wrap: wrap;}
.ind_sample .ind_sample_bom ul li{width: 20%;box-sizing: border-box;padding: 15px .3%;}
.ind_sample .ind_sample_bom ul li a{display: block;width: 100%;height: 356px;overflow: hidden;display: flex;align-items: center;justify-content: center;user-select: none;transition: .2s all ease-in;}
.ind_sample .ind_sample_bom ul li a img{height: 100%;object-fit: cover;}
.ind_sample .ind_sample_bom ul li p{margin-top: 20px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ind_sample .ind_sample_bom ul:first-child{display: flex;}
.ind_sample .ind_btn{margin: 0 auto;display: block;}

.ind_sample .ind_sample_bom ul li a:hover{transform: translateY(-5px);transition: .2s all ease-in;}
/* 图书下载 */
.ind_bookdown{width: 100%;padding: 50px 0 ;background: #fff;overflow: hidden;}
.ind_bookdown .ind_bookdown_main{max-width: 1400px;margin: 0 auto;}
.ind_bookdown ul{width: 100%;}
.ind_bookdown ul li{width: 100%;display: flex;align-items: center;border-bottom: 1px dotted #db0000;padding: 20px 0;box-sizing: border-box;margin-top: 15px;transition: .2s all ease-in;}
.ind_bookdown ul li:last-child{border: none;}
.ind_bookdown ul li .left{display: flex;align-items: center;box-sizing: border-box;padding: 0 15px;flex-shrink: 0;margin-right: 30px;}
.ind_bookdown ul li .left h3{font-size: 18px;margin-left: 15px;transition: .2s all ease-in;}
.ind_bookdown ul li p{width: 100%;color: #666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: .2s all ease-in;}
.ind_bookdown ul li a{border-radius: 0;flex-shrink: 0;}
.ind_bookdown>.ind_btn{margin: 0 auto;display: block;margin-top: 30px;}
.ind_bookdown ul li:hover{transform: translateY(-3px);transition: .2s all ease-in;}
.ind_bookdown ul li:hover h3{color: #db0000;transition: .2s all ease-in;}
.ind_bookdown ul li:hover p{color: #db0000;transition: .2s all ease-in;}

/* 服务优势 */
.ind_merit{width: 100%;padding: 50px 0;background: url(../index/img09.jpg)no-repeat center center;background-size: cover;overflow: hidden;}
.ind_merit .ind_merit_main{max-width: 1400px;margin: 0 auto;}
.ind_merit ul{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 15px;}
.ind_merit ul li{width: 25%;display: flex;align-items: center;justify-content: center;transition: .2s all ease-in;}
.ind_merit ul li>div{width: 315px;}
.ind_merit ul li .ind_merit_img{width: 100%;height: 260px;overflow: hidden;}
.ind_merit ul li .ind_merit_img img{width: 100%;height: 100%;transition: .2s all ease-in;}
.ind_merit ul li .ind_merit_font{display: flex;align-items: center;flex-direction: column;background: #fff;height: 140px;cursor: pointer;box-sizing: border-box;padding:30px 10px 0 10px;}
.ind_merit ul li .ind_merit_font h3{margin-bottom: 15px;font-size: 18px;user-select: none;}
.ind_merit ul li .ind_merit_font p{text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;text-align: center;}
.ind_merit ul li:hover img{transform: scale(1.03);transition: .2s all ease-in;}
.ind_merit ul li:hover{transform: translateY(-3px);transition: .2s all ease-in;}

/* 成功案例 */
.ind_case{width: 100%;padding: 50px 0 220px 0;background: url(/index/icon06.png)no-repeat center bottom;}
.ind_case .ind_case_main{max-width: 1400px;margin: 0 auto;}
.ind_case .ind_case_swi{width: 100%;overflow: hidden;}
.ind_case .ind_case_swi .swiper-slide>div{width: 100%;overflow: hidden;}
.ind_case .ind_case_swi img{width: 100%;object-fit: cover;}
.ind_case .ind_case_swi p{text-align: center;margin-top: 20px;}
/* 首页-over *******************/

/* 样书展示-begin****************** */
.page_sample{background: #fff;padding: 50px 0;}
.page_sample .ind_sample_main{display: flex;align-items: flex-start;justify-content: space-between;}
.page_sample .ind_sample_bom{padding: 0 0 0 15px;}
.page_sample .ind_sample_bom ul li{width: 25%;}
.page_sample_side{width: 255px;border: 1px solid #eee;}
.page_sample_side h3{font-size: 22px;box-sizing: border-box;padding: 30px 0 20px 25px;border-bottom: 1px solid #eee;}
.page_sample_side ul{padding: 0 20px;}
.page_sample_side ul li a{display: block;box-sizing: border-box;padding: 18px 0 18px 5px;color: #999;font-size: 16px;border-bottom: 1px solid #eee;transition: .2s all ease-in;}
.page_sample_side ul li a i{display: inline-block;width: 8px;height: 8px;border: 1px solid #999;border-radius: 50%;margin-right: 10px;transition: .2s all ease-in;}
.page_sample_side ul li:hover a{color: #db0000;transition: .2s all ease-in;}
.page_sample_side ul li:hover i{border: #db0000 1px solid;transition: .2s all ease-in;}
.page_sample_side ul li.curr a{color: #db0000;transition: .2s all ease-in;}
.page_sample_side ul li.curr i{border: #db0000 1px solid;transition: .2s all ease-in;}
/* 样书展示-over****************** */

/* 样书详情-begin**************** */
.page_book_show{width: 100%;box-sizing: border-box;margin-left: 15px;background: #f4f4f4;}
.page_book_show .top{display: flex;align-items: flex-start;box-sizing: border-box;padding: 15px;margin-bottom: 20px;}
.page_book_show .top .book_img{width: 260px;height: 370px;display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;}
.page_book_show .top .book_img img{height: 100%;object-fit: cover;transition: .2s all ease-in;}
.page_book_show .top .book_img:hover img{transition: .2s all ease-in;transform: scale(1.02);}
.page_book_show .top .book_font{box-sizing: border-box;padding-left: 40px;width: 100%;}
.page_book_show .top .book_font h3{font-size: 22px;color: #000;margin-bottom: 30px;}
.page_book_show .top .book_font ul{display: flex;align-items: center;flex-wrap: wrap;width: 100%;}
.page_book_show .top .book_font ul li{width: 35%;color: #666;background-color: #fff;border-radius: 5px;box-sizing: border-box;padding:15px;margin: 0 15px 15px 0;font-size: 14px;}
.page_book_show .top .book_font>div{margin-top: 40px;}
.page_book_show .top .book_font>div h2{font-size: 20px;font-weight: bold;color: #db0000;margin-top: 10px;}
.page_book_show .book_font_title{display: flex;align-items: flex-end;}
.page_book_show .book_font_title p{background: #db0000;color: #fff;width: 160px;height: 50px;line-height: 50px;text-align: center;flex-shrink: 0;}
.page_book_show .book_font_title hr{display: block;border: none;background: #db0000;flex: 1;height: 2px;}

.page_book_show .book_font_int{box-sizing: border-box;padding: 30px;}
.page_book_show .book_font_int p{line-height: 25px;}
.page_book_show .bom .book_font_edit{width: 100%;box-sizing: border-box;padding: 30px;}
.page_book_show .bom .book_font_edit img{width: 100%;}
/* 样书详情-over**************** */
/* 图书馆配-begin *************************/
.library_merit{width: 100%;background: #fff;padding: 50px 0;box-sizing: border-box;overflow: hidden;}
.library_merit .library_merit_main{max-width: 1400px;margin: 0 auto;}
.library_merit h2{font-size: 26px;font-weight: bold;color: #000;text-align: center;margin-bottom: 50px;}
.library_merit ul{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.library_merit ul li{width: 30%;box-sizing: border-box;padding: 40px 30px;}
.library_merit .item{display: flex;align-items: flex-start;cursor: pointer;transition: .2s ease-in all;}
.library_merit .item img{margin-right: 20px;width: 45px;height: 45px;user-select: none;flex-shrink: 0;}
.library_merit .item div h3{font-size: 16px;transition: .2s ease-in all;}
.library_merit .item div hr{display: block;border: none;width: 35px;height: 1px;background: #db0000;margin: 15px 0 10px 0;transition: .2s ease-in all;}
.library_merit .item div p{font-size: 14px;color: #666;line-height: 25px;}
.library_merit .item:hover{transform: translateY(-3px);transition: .2s ease-in all;}
.library_merit .item:hover div h3{color: #db0000;transition: .2s ease-in all;}
.library_merit .item:hover div hr{width: 60px;transition: .2s ease-in all;}

/* 服务流程 */
.page_flow{width: 100%;background: #fff;padding: 50px 0 100px 0;overflow: hidden;}
.page_flow .page_flow_main{max-width: 1400px;margin: 0 auto;position:relative;box-sizing: border-box;padding: 50px 0 0 0;}
.page_flow .flow_pc hr { width: 100%; position:absolute; bottom:63px; background: #e3e3e3;border: none;height: 1px;z-index: 1;}

.page_flow .flow_pc .main{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 100px;z-index: 20;position: relative;}
.page_flow .flow_pc_item { text-align: center;}
.page_flow .flow_pc_item i { display: block; width: 96px; height: 109px; overflow: hidden; margin: 0 auto; background: url(/images/flow_item_bg0.png) no-repeat; background-size: 100%; }
.page_flow .flow_pc_item img { width: 50px; height: 50px; margin: 29px auto; }
.page_flow .flow_pc_item span { display: block; width: 1.5rem; height: 1.5rem; margin: 0.5rem auto; border: 0.5rem solid #fbfdff; box-sizing: initial; background-color: #8890a6; border-radius: 50%; text-align: center; line-height: 1.5rem; font-size: 0.7rem; color: #fff; }
.page_flow .flow_pc_item p { font-size: 0.8rem; line-height: 2rem; }
.page_flow .flow_pc_item:hover i { background-image: url(/images/flow_item_bg1.png); }
.page_flow .flow_pc_item:hover span { background-color: #497fce; }

.page_flow .flow_mb { display: none; position: relative;padding: 0 1rem 0 2rem;}
.page_flow .flow_mb_item {width: 100%;margin-bottom: 1.5rem; background-color: #f4f5f7; border-radius: 5rem;display: flex;align-items: center;}
.page_flow .flow_mb_item:last-child { margin-bottom: 0; }
.page_flow .flow_mb_item i {display: block;width:5rem; height: 5rem;margin-left: -.5rem;border-radius: 50%; border: 0.25rem solid #fff; background-color: #bb0202;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.page_flow .flow_mb_item img { width: 3rem; height: 3rem;}
.page_flow .flow_mb_item div {width: 100%;height: 100%;margin-left: 1rem;}
.page_flow .flow_mb_item h2 { font-size: 1.6rem;margin-bottom: .5rem;}
.page_flow .flow_mb_item p { font-size: 1.3rem;color: #999; }
/* 图书馆配-over *************************/

/* 图书投标-begin ********************************/
.bood_bid{width: 100%;background: #fff;overflow: hidden;padding: 80px 0 0 0;}
.bood_bid .bood_bid_main{max-width: 1400px;margin: 0 auto;background: url(/images/icon14.png)no-repeat center bottom;padding: 25px 0 170px 0;}
.bood_bid h2{font-size: 26px;font-weight: bold;color: #000;text-align: center;margin-bottom: 50px;}
.bood_bid li{width: 330px;height: 60px;background: #00be6e;display: flex;align-items: center;border-radius: 5px;position: relative;box-sizing: border-box;padding: 10px;}
.bood_bid li span{color: #00be6e;font-size: 16px;box-sizing: border-box;background: #fff;border-radius: 50%;height: 45px;width: 45px;flex-shrink: 0;text-align: center;line-height: 45px;margin-right: 15px;}
.bood_bid li p{color: #fff;line-height: 22px;}
.bood_bid li img{position: absolute;}
.bood_bid .item01{display: flex;align-items: center;justify-content: center;margin-bottom: 80px;}
.bood_bid .item02{display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;box-sizing: border-box;padding: 0 12%;}
.bood_bid .item03{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 60px;}
.bood_bid .item01 img{left: 45%;bottom: -10px;}
.bood_bid .item02 li:nth-child(1) img{right: -15px;top: 30%;}
.bood_bid .item03 li:nth-child(1) img{right: -15px;top: 30%;}
.bood_bid .item02 li:nth-child(2) img{left: -15px;top: 30%;transform: rotateY(180deg);}
.bood_bid .item03 li:nth-child(2) img{left: -15px;top: 30%;transform: rotateY(180deg);}
/* 图书投标-over *******************************/
/* 关于我们 ************************************/
.about_nav{width: 100%;background: #eeeff0;}
.about_nav ul{max-width: 1400px;box-sizing: border-box;padding: 0 80px;display: flex;align-items: auto;margin: 0 auto;}
.about_nav ul li{flex: 1;font-size: 16px;text-align: center;}
.about_nav ul li a{display: block;width: 100%;height: 100%;padding: 20px 0;box-sizing: border-box;}
.about_nav ul li.curr a{color: #fff;background: #db0000;}

.page_about_main{width: 100%;box-sizing: border-box;}
.page_about_main .about_edit{width: 100%;box-sizing: border-box;padding: 30px 25px;}
.page_about_main .about_edit p{font-size: 16px;line-height: 30px;text-indent: 20px;}
.page_about_main .about_img{width: 100%;box-sizing: border-box;padding: 0 30px;}
.page_about_main .about_img img{width: 100%;}

.page_honor{width: 100%;padding: 50px 0;}
.page_honor .page_honor_main{max-width: 1400px;margin: 0 auto;}
.page_honor ul{display: flex;align-items: center;flex-wrap: wrap;}
.page_honor ul li{width: 33%;box-sizing: border-box;box-sizing: border-box;padding: 50px 30px;}
.page_honor ul li>div{width: 100%;}
.page_honor ul li>div span{display: block;overflow: hidden;display: flex;align-items: auto;justify-content: center;cursor: pointer;height: 280px;width: 100%;}
.page_honor ul li>div span img{user-select: none;height: 100%;object-fit: cover;transition: .2s all ease-in;}
.page_honor ul li>div p{text-align: center;margin-top: 15px;font-size: 16px;}
.page_honor .ind_title{margin-bottom: 0;}
.page_honor ul li>div span:hover img{transform: scale(1.02);transition: .2s all ease-in;}

.page_ambient{width: 100%;padding: 80px 0;}
.page_ambient .page_ambient_main{max-width: 1400px;margin: 0 auto;}
.page_ambient .ambient_edit{font-size: 16px;line-height: 25px;box-sizing: border-box;padding: 0 15px 30px 15px;}
.page_ambient .ambient_img{box-sizing: border-box;padding: 0 15px;}
.page_ambient .ambient_img img{width: 100%;}

.page_news{width: 100%;padding: 50px 0;}
.page_news .page_news_main{max-width: 1400px;margin: 0 auto;overflow: hidden;}
.page_news ul{display: flex;align-items: center;flex-wrap: wrap;}
.page_news ul li{width: 33%;box-sizing: border-box;padding: 30px 15px;}
.page_news ul li a{display: block;width: 100%;transition: .2s all ease-in;}
.page_news ul li a>p{width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;height: 300px;}
.page_news ul li a>p img{width: 100%;height: 100%;object-fit: cover;transition: .2s all ease-in;}
.page_news ul li .news_font{width: 100%;padding: 15px 15px 60px 15px;background: #fff;border:1px solid #f4f4f4;box-sizing: border-box;position: relative;}
.page_news ul li .news_font h3{font-weight: bold;font-size: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 20px;}
.page_news ul li .news_font p{color: #666;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.page_news ul li .news_font div{position: absolute;bottom: 15px;left: 15px;display: flex;align-items: center;}
.page_news ul li .news_font div span{color: #999;margin-right: 10px;transition: .2s all ease-in;}
.page_news ul li .news_font div i{color: #999;font-size: 20px;transition: .2s all ease-in;}
.page_news ul li a:hover img{transform: scale(1.02);transition: .2s all ease-in;}
.page_news ul li a:hover{transform: translateY(-3px);transition: .2s all ease-in;}
.page_news ul li a:hover span{color: #db0000;transition: .2s all ease-in;}
.page_news ul li a:hover i{color: #db0000;transform: translateX(5px);transition: .2s all ease-in;}

.page_contact{width: 100%;padding: 50px 0;overflow: hidden;}
.page_contact .page_contact_main{max-width: 1400px;margin: 0 auto;box-sizing: border-box;padding: 0 15px;}
.page_contact .contact_font{margin-top: 50px;box-sizing: border-box;padding: 0 15px;}
.page_contact .contact_font h2{font-size: 22px;font-weight: bold;margin-bottom: 25px;}
.page_contact .contact_font ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.page_contact .contact_font ul li{width: 33%;box-sizing: border-box;padding: 15px 0;font-size: 16px;}

/* 关于我们 ************************************/



.newspage_block { background-color: #f5f8fc; padding: 2rem 0; }
.newspage_box { max-width: 1400px; overflow: hidden; margin: 0 auto; }

.newspage_main { width:auto; margin-right:430px;}
.newspage_item {display:block; padding:1rem; overflow:hidden; margin-bottom:1rem; background-color:#fff;}
.newspage_item_img {float:left; width:10.5rem;}
.newspage_item_img img { width: 100%; height: 100%; object-fit: cover; }
.newspage_item_info { width:auto; margin-left:11.5rem;}
.newspage_item_info h4 { margin-bottom:0.5rem; line-height:1.5rem; font-size:0.8rem; font-weight:bold; color:#333;}
.newspage_item_info span { color:#999;}
.newspage_item_info p { margin-top:0.5rem; line-height:1.4rem; color:#666;}

.newShow { width: 100%; overflow: hidden; padding:0 1rem; background-color:#fff; }
.newTit { width: 100%; overflow: hidden; margin: 0px auto; padding-top: 25px; text-align: center; line-height: 40px; font-size: 24px; font-weight: normal; color: #333333; }
.newDat { width: 100%; height: 40px; overflow: hidden; margin: 10px auto; padding-bottom: 20px; text-align: center; line-height: 24px; font-size: 14px; color: #999; border-bottom: 1px dashed #e3e3e3; }
.newDat span { margin: 0px 5px; }
.newDes { width: auto; overflow: hidden; margin: 20px auto; padding: 15px 19px; border: 1px solid #e7e7e7; background-color: #f7f7f7; line-height: 2; font-size: 12px; color: #888; }
.newPic { width: 50%; padding: 5px; margin: 20px auto; border: 1px solid #e3e3e3; background: #f3f3f3; }
.newPic img { width: 100%; }
.newTxt { width: 100%; overflow: hidden; margin: 20px auto; text-align: left; font-size: 16px; line-height: 2; color: #666; }
.newTxt p { margin-bottom: 10px; text-indent: 2em; }
.newTxt img { margin: 0px auto; display: flex; align-items: center; justify-content: center; }
.newTxt iframe { width: 800px; height: 600px; margin: 0 auto; }
.newOth { width: 100%; overflow: hidden; margin: 20px auto; padding: 20px 0; border-top: 1px dashed #e3e3e3; line-height: 28px; color: #666666; text-align: left; }
.newOth a { color: #000000; }
.newOth a:hover { color: #5dc2d0; text-decoration: underline; }
.newEwm { overflow: hidden; margin: 20px auto; background: #f7f7f7; border: 1px solid #dedede; }
.newEwm dl { height: 130px; overflow: hidden; margin: 10px; }
.newEwm dt { float: left; width: 130px; height: 130px; margin-right: 20px; }
.newEwm dt img { width: 130px; height: 130px; }
.newEwm dd { float: left; width: 530px; }
.newEwm dd.sm_ewm { font-size: 18px; color: #999; line-height: 30px; }
.newEwm dd.fenxiang { width: 500px; padding: 10px 0; line-height: 30px; color: #999; }
.newEwm dd.zan { width: 500px; line-height: 30px; color: #999; }
.newEwm dd.zan p { float: left; margin-right: 10px; }
.newEwm dd.zan span { margin: 0px 5px; color: #5dc2d0; }
.newEwm dd.zan img { float: left; width: 150px; }
.newAnn { overflow: hidden; margin: 20px auto; padding: 15px 20px; background: #f7f7f7; border: 1px solid #f3f3f3; }
.newAnn ul { overflow: hidden; }
.newAnn li { border-top: 1px dashed #e3e3e3; margin-top: -1px; height: 40px; overflow: hidden; }
.newAnn li i { float: left; display: block; width: 20px; height: 20px; margin: 10px; background: url(https://sdtaql-com.oss-cn-beijing.aliyuncs.com/images/icon_ysb.png); }
.newAnn li a { line-height: 40px; color: #000; }


.crumb { line-height: 1.5rem; margin-bottom: 0.5rem; color: #666; }
.crumb span { margin: 0 0.25rem; }
.crumb a { color: #666; transition: .2s all ease-in; }
.crumb a:hover { transition: .2s all ease-in; color: #497fce; }

/* sider */
.sider { width: 360px; overflow: hidden; }
.sider_tip { font-size: 0.8rem; font-weight: bold; line-height: 1.5rem; margin-bottom: 0.5rem; color: #1957b4; font-style: normal; }
.sider_tip i { margin-right: 0.25rem; }

.sider_block { padding: 1rem; margin-bottom: 1rem; background-color: #fff; margin-top:2rem; }
.sider_block p { margin-bottom: 0.5rem; font-size: 1rem; color: #333; }
.sider_block span { margin-left: 0.5rem; color: #999; font-size: 0.6rem; }
.sider_block li { padding: 0.5rem; border-bottom: 1px solid #f3f3f3; line-height: 1.3rem; }
.sider_block li:last-of-type { border-bottom: 0; }
.sider_block li span { color: #666; margin: 0; }
.sider_block a { color: #666; transition: .2s all ease-in; }
.sider_block a:hover { transition: .2s all ease-in; color: #497fce; }
.sider_block i { margin-right: 0.3rem; }
.sider_block label { font-weight: normal; color: #666; }




.foot_tools2{ height:5rem; display:none}

/* foot tool */
.foot_tools{
	height:5rem;
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
}
.foot_tools a{
	display:flex;
	width:100%;
	height:5rem;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	font-size:1.8rem;
}
.foot_tools img{
	width:2rem;
	height:2rem;
	margin-right:0.5rem;
}
.foot_tools a:nth-of-type(1){
	background-color:#ef0000;
	color:#fff;
}
.foot_tools a:nth-of-type(2){
	background-color:#ffdb11;
	color:#000;
}


@media screen and (max-width: 768px) {
    .foot_tools{
	    display:flex;
    }
    .foot_tools2{
	    display:block;
    }
}