@import "common.css";
@import "page.css";
/*@import "message.css";*/
@import "/cart/css/cart.css";
@import "hdp.css";
body{font-size: 14px; font-family: "Microsoft YaHei"; color: #333;min-width: 1240px;}
img{border:0; max-width: 100%;}
*{margin: 0;padding: 0; box-sizing: border-box; font-style: normal;}
a{color: #333;text-decoration: none;}
a:hover{color: #2373C8;text-decoration: none;}
ul,li{list-style: none;}
input,button{border:none;outline: none;font-family: "Microsoft YaHei";}
.lf{float: left;}
.rt{float: right;}
.clear:after{content:"";display: block; clear: both;}
.bak{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-size: contains; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}
/*返回顶部*/
#toTop{
    width: 44px;
    height: 44px;
    background: url("../images/totop.jpg") no-repeat;
    cursor: pointer;
    position: fixed;
    z-index: 1000;
    left: 50%;
    bottom: 50px;
    margin-left: 650px;
    display: none;
}
/*在线咨询*/
#consult{
    width: 132px;
    height: 362px;
    position: fixed;
    z-index: 1000;
    right: -98px;
    -webkit-transition: right 500ms;
    -moz-transition: right 500ms;
    -ms-transition: right 500ms;
    -o-transition: right 500ms;
    transition: right 500ms;
    display: none;
}
@media screen and (max-height:779px) {
    #consult{
        top: 150px;
    }
}
@media screen and (min-height:780px) {
    #consult{
        top: 300px;
    }
}
#consult.active{ right: 0;}
#consult #hyzx{
    width: 34px;
    height: 121px;
    background: url("../images/zixuntai.png") no-repeat;
    cursor: pointer;
}
#consult #zxzx{
    width: 98px;
    height: 362px;
    background-color: #050505;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    position: relative;
}
#consult #zxzx>div{
    width: 120px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    position: absolute;
    right: 98px;
    bottom: 75px;
    background: rgba(0,0,0,.6);
    color: #ffffff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    transform-origin:120px 10px;
    transform: scale(0);
    -webkit-transition: transform 300ms;
    -moz-transition: transform 300ms;
    -ms-transition: transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
}
#consult #zxzx>div.hover{
    transform: scale(1);
    right: 98px;
}
#consult #zxzx p{
    height: 58px;
    line-height: 58px;
    text-align: center;
    border-bottom: 1px solid #505050;
    color: #ffffff;
}
#consult #zxzx p:last-child{ border-bottom:0;}
#consult #zxzx p a{
    color: #ffffff;
}
#consult #zxzx p a[id^="qq"]{
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../images/qq.png") center center no-repeat;
    position: relative;
    top: 10px;
    -webkit-transition: transform 300ms;
    -moz-transition: transform 300ms;
    -ms-transition: transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
}
#consult #zxzx p a[id^="qq"]:hover{
    transform: scale(1.2);
}

.mainContent{width: 1200px; margin: 0 auto;}
/*顶部*/
.top{height: 110px; }
.top .mainContent{line-height: 110px;}
.top .mainContent .logo{height:80px;position: relative;top:20px;}
.top .mainContent .rt ul li{float: left;padding: 0 20px;position: relative;}
.top .mainContent .rt ul li b{display:inline-block;width:1px;height:16px;border-right:1px solid #333;position: absolute;top:48px;right:0;}
.top .mainContent .rt ul li img{position: relative;top:8px;}

/*nav导航盒子*/
.nav{width: 100%; height:50px;background: #3146A3;}
.nav .mainContent{height:50px; line-height: 50px;position: relative;}
/*navMain*/
.nav .mainContent .navMain{ height: 100%;}
/*导航条设置*/
.nav .mainContent .navMain>li{width: 133px; height: 100%; display: block;float: left;text-align: center;}
.nav .mainContent .navMain>li a{ display: inline-block; width: 136px;height: 100%;color:#fff;}
.nav .mainContent .navMain>li:hover a{background: #2373C8;opacity: .9;color: #fff;}
.nav .mainContent .navMain>li.active a{ background: #2373C8; color: #fff;}
.nav .mainContent .navMain li a.on{background: #2373C8; color: #fff;}
/*隐藏盒子设置*/
div.hidden-box{
    width: 133px;
    border-top: 0;
    position: absolute;
    z-index: 1000;
    display:none;
    background:#f2f2f2;
    opacity: 0.8;
    filter:Alpha(opacity=80)
    top: 50px;
}
.hidden-box>ul{
    line-height: 36px;
    color: #ffffff;
    cursor: pointer;
}
.hidden-box li{text-align: center;}
.hidden-box li a{font-size: 13px;}
.hidden-box li:hover{  background: #804040;
    opacity: 0.8;
    filter:Alpha(opacity=80)}
.hidden-box li:hover a{color: #fff;}
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 135px;
}
.hidden-loc-us{
    left: 268px;
}
.hidden-loc-info{
    left: 401px;
}
/*.box04{
    left:545px;
}
.box05{
    left:681px;
}*/
.box06{
    left:800px;
}
/*.box07{
    left:940px;
}*/
.box08{
    left:1066px;
}
/****************登录****************/
.mask,.maskEntry{display: none;}

.mask{width:100%;height:100%;background:rgba(0,0,0,.5);position: fixed;top:0;left:0;z-index: 1000;}
.maskEntry{width:460px;height:415px;background:rgba(200,200,200,.6);position: fixed;top:50%;left:50%;margin-top: -207px;margin-left:-230px;padding: 10px;z-index: 2000;}
.maskEntry .entry{background: #fff;height:395px;color: #666;padding:30px 0; }
.maskEntry .entry .title{height:45px;line-height: 45px;border-bottom:3px solid #e7e9e8;}
.maskEntry .entry .title .rt{margin-right: 80px;}
.maskEntry .entry .title .rt a{color:#0c83fc;}
.maskEntry .entry .title img{width:25px;margin: 0 5px 0 20px;}
.maskEntry .entry .title b{font-size: 20px;display: inline-block;height:45px;line-height:45px;border-bottom: 3px solid #cc0001;color: #333;}
.maskEntry .entry div{padding:25px; }
.maskEntry .entry div p{padding-left:50px;line-height: 55px;}
.maskEntry .entry div p input{width:270px;height:42px;padding-left: 10px;border: 1px solid #c9c9c9;border-radius: 3px;}
.maskEntry .entry div p.yzm input{width:130px;margin-right: 15px;}
.maskEntry .entry div p.button input{background:orangered;color:#fff;border:0;margin-top: 20px;}
.maskEntry #closed{position: fixed;top:50%;left:50%;margin-top: -207px;margin-left:235px;display: inline-block;width:32px;height:32px;text-align: center;line-height: 30px;background: rgba(220,220,220,.6);color:#fff;font-size: 28px;}

/*Banner图*/
.nbanner{height: 256px;background-position:center center; background-repeat: no-repeat; margin: auto;}



/*****************详情页的左右分割***************/
.mainDetail{width:1200px;border:1px solid #c9c9c9;margin:15px auto 25px;}
/*左边*/
.mainDetail div.title{width:175px;min-height:1000px;background: #fafafa;border-right: 1px solid #c9c9c9;}
.mainDetail div.title p{height:45px;line-height:45px;padding-left:20px;color:#666;font-size:16px;position: relative;left:1px;cursor:pointer;border-top:1px solid transparent;border-bottom: 1px solid transparent;border-left:2px solid transparent;display: block;}
.mainDetail div.title p.active{background: #fff;color:#2373C8;border-top:1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;border-left:2px solid #2373C8; }
.mainDetail div.title a:first-child p.active{ border-top:none; }
.mainDetail div.title p.hy.active{border-top:1px solid transparent;}
.mainDetail div.title p b{display:inline-block;width:22px;height:22px;position: relative;top:5px;margin-right:10px;background: url("../images/icon-password.png") center no-repeat; }
.mainDetail div.title p.hy b{background: url("../images/icon-vip.png") center no-repeat;}
.mainDetail div.title p.active b{background: url("../images/icon-password01.png") center no-repeat;}
.mainDetail div.title p.hy.active b{background: url("../images/icon-vip01.png") center no-repeat;}


/*右边*/
.mainDetail>div.rt>div{width:815px; width:1023px;padding: 15px 25px;}
.mainDetail>div.rt>div{display: none;}
.mainDetail>div.rt>div.active{display: block;}

/*右侧内容*/
.mainDetail>div.rt p.title{line-height:30px;border-bottom: 1px solid #c9c9c9;}
.mainDetail>div.rt p.title span.rt a img{position: relative;top:1px;left:-6px;}
.mainDetail>div.rt p.title b{font-size: 20px;}
/*关于*/
/*.mainDetail>div.rt .content{}
.mainDetail>div.rt .content h1{font-size: 24px;text-align: center;font-weight: normal;line-height: 60px;}
.mainDetail>div.rt .content p{line-height: 26px;text-align: justify;text-indent: 2em;margin:5px 0;}*/
.mainDetail>div.rt .fengcai ul{padding: 20px 0;}
.mainDetail>div.rt .fengcai ul li{float:left;margin:10px 40px;  }
.mainDetail>div.rt .fengcai ul li img{width:300px;max-height:225px;}
/*部门设置*/
.mainDetail>div.rt .bmsz ul{padding: 30px;}
.mainDetail>div.rt .bmsz ul li{}
.mainDetail>div.rt .bmsz ul li h2{font-size: 16px;font-weight: normal;cursor:pointer;line-height: 35px;padding-left: 15px;}
.mainDetail>div.rt .bmsz ul li h2:hover{background: #f8f8f8;}
.mainDetail>div.rt .bmsz ul li div{display: none;font-size: 13px;color:#666;}

/*企业理念*/
.mainDetail>div.rt .qyln{}
.mainDetail>div.rt .qyln div{color:#333;}
.mainDetail>div.rt .qyln div h1{font-size: 24px;text-align: center;font-weight: normal;margin-top: 20px;}
.mainDetail>div.rt .qyln div h2{font-size: 20px;font-weight: normal;line-height: 40px;margin-top: 20px;}
.mainDetail>div.rt .qyln div h3{font-size: 16px;font-weight: normal;line-height: 30px;}
.mainDetail>div.rt .qyln div p{line-height: 24px;text-align: justify;text-indent: 2em;color:#666;}

/*新闻中心*/
.mainDetail>div.rt .news{}
.mainDetail>div.rt .news ul{padding: 20px 0;}
.mainDetail>div.rt .news ul li{height:30px;line-height: 30px;border-bottom: 1px dashed #cbcbcb;margin-bottom: 15px;padding: 0 10px;}
.mainDetail>div.rt .news ul li span.rt{color:#999;}

/*人力资源*/
/*人才理念*/
.mainDetail>div.rt .rcln ul{padding: 50px 20px 20px 150px;}
.mainDetail>div.rt .rcln ul li{font-size: 30px;line-height: 60px;}
/*在线招聘*/
.mainDetail>div.rt .zxzp{}
.mainDetail>div.rt .zxzp ul{padding: 15px 0;}
.mainDetail>div.rt .zxzp ul li{line-height: 26px;border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 10px;}
.mainDetail>div.rt .zxzp ul li div.lf{width:300px;}
.mainDetail>div.rt .zxzp ul li div.rt{width:465px;}
.mainDetail>div.rt .zxzp ul li div.rt p{text-align: justify;text-indent: 2em;}

/*在线订单*/
.mainDetail .searching ul{padding: 25px 0 20px 20px;}
.mainDetail .searching ul li{float: left;width:180px;height:45px;}
.mainDetail .searching ul.cbd li{width:105px;}
.mainDetail .searching ul li a{padding:3px 10px;cursor:pointer;}
.mainDetail .searching ul li a.active{background:#cc0001;color:#fff;border:1px solid #cc0001;}

.mainDetail .searching table.search{width:700px;height:200px; border: 1px solid #c9c9c9;border-collapse: collapse;margin:0 auto;}
.mainDetail .searching table.search td.ti{text-align: right;}
.mainDetail .searching table.search td input{width:200px;height:35px;padding-left: 10px;border:1px solid #ccc;margin-left: 5px;}
.mainDetail .searching table.search td select{width:198px;height:35px;padding-left: 10px;border:1px solid #ccc;margin-left: 5px;}
.mainDetail .searching table.zh{width:700px;height:500px; border: 1px solid #c9c9c9;border-collapse: collapse;margin:10px auto;}
.mainDetail .searching table.zh td input,.mainDetail .searching table.zh td select{width:300px;height:35px;padding-left: 10px;border:1px solid #ccc;margin-left: 5px;}
.mainDetail .searching table.zh td select.short{width:100px;}
.mainDetail .searching table a.searchSm{display: inline-block; width:300px;height:35px;line-height:35px;text-align:center;background:#eee;}
.mainDetail .searching .dglc{margin: 20px auto;text-align: center;}
.mainDetail .searching .dglc img{vertical-align: bottom;}

/************图书列表*************/
.mainDetail .searching .bookList p.pl{margin:20px 0;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;height:42px;line-height: 40px;}
.mainDetail .searching .bookList p.pl span{display: inline-block;height:40px;padding: 0 20px;border-left:1px solid #c9c9c9;}
.mainDetail .searching .bookList p.pl a{display: inline-block;border-left:1px solid #c9c9c9;padding: 0 30px 0 20px;position: relative;}
.mainDetail .searching .bookList p.pl a b{position: absolute;top:18px;right:3px;display: inline-block;width:0;height:0;border-top:8px solid #ccc; border-left:6px solid transparent; border-right:6px solid transparent;}
.mainDetail .searching .bookList p.pl a:hover{color:#cc0001;}
.mainDetail .searching .bookList p.pl a:hover b{border-top:8px solid #cc0001;}

.mainDetail .searching .bookList table{width:760px; border: 1px solid #c9c9c9;border-collapse: collapse;margin:0 auto;line-height: 32px;text-align: center;}
.mainDetail .searching .bookList table tr td .page{height:60px;line-height:60px;border-bottom: 1px solid #c9c9c9;}
.mainDetail .searching .bookList table tr td .page input{width:60px;height:25px;border:1px solid #e9e9e9;}
.mainDetail .searching .bookList table tr td .page b span{color:#cc0001;}
.mainDetail .searching .bookList table tr td .page a{padding:1px 6px;border:1px solid #c9c9c9;margin:0 5px;}
.mainDetail .searching .bookList table tr td .page a:hover,.mainDetail .searching .bookList table tr td .page a.active{background: #0452a4;color:#fff;border:1px solid #0452a4;}
.mainDetail .searching .bookList table tr td div{height:40px;line-height: 40px;}
.mainDetail .searching .bookList table tr td div a{padding:2px 8px;border:1px solid #c9c9c9;background: #fafafa;margin:0 5px;}


/***************footer*******************/
.foot{ height: 245px; background-color: #3b3f4a;color:#fff;padding: 30px 0; font-size: 12px;}
.foot div.lf{width:540px;padding: 0 100px 0 250px;position: relative;line-height: 26px;}
.foot div.lf img{position: absolute;top:0;left:100px;}
.foot div.lf h1{font-size: 264px;}
.foot div.rt{width:620px;}
.foot div.rt ul{height:96px;border-bottom: 1px solid #707070;margin-bottom:20px; }
.foot div.rt ul li{float: left;width:130px;height:32px;line-height: 32px;}
.foot div.rt ul li a{color:#fff;}
.foot div.rt ul li.shot{width:100px;}
.foot div.rt p{line-height: 26px;}


.tushu{ margin: auto;  }
.tushu_dh{ background: #ececec; /*color: #fff;*/ line-height: 45px;font-size: 16px; text-indent: 20px; }
.tushu_con{ margin: auto; line-height: 22px; }
.tushu_con div{ width: 85%; margin: auto; padding: 10px 0px; line-height: 30px; }

.cbs_list{ margin:10px  auto; }
.cbs_list li{ margin: auto; line-height: 35px; width: 85%; }

.search{ float:right; margin-left:20px; height:27px; border:1px solid #a59f9a; width:160px; margin-top:40px; border-radius:27px; position:relative}
.search input{ height:27px; border:none; margin:0px; width:127px; line-height:27px; position:absolute; top:0px; left:10px; background:none;}
.search img{ float:right; margin:5px; cursor:pointer;}

/*.bjl{ background: url(../images/bjl.jpg) repeat-y left; margin: auto; overflow: hidden; width: 100%; }*/