@charset "utf-8";
@import "//at.alicdn.com/t/font_1110676_1mxjjvx1zj3.css";
body{
   position: relative;
   min-height: 100vh;
}
.aboutUs-section {
   padding-top: 60px;
   min-height: 550px;
}

.aboutUs-section .tab-page a {
   font-size: 16px;
   color: #666;
   display: block;
   width: 180px;
   height: 50px;
   line-height: 50px;
   border-bottom: 1px solid #f2f2f2;
}

.aboutUs-section .tab-page a.active,
.aboutUs-section .tab-page a:hover {
   color: #5b88d8;
}

.aboutUs-section .tab-content {
   width: 860px;
   margin-right: 90px;
}

.aboutUs-section .tab-content .item-list {
   display: none;
}

.aboutUs-section .tab-content .item-list.active {
   display: block;
}

.aboutUs-section .tab-content .item-list h4 {
   position: relative;
   font-size: 16px;
   color: #666;
   height: 45px;
   line-height: 45px;
   border-bottom: 1px solid #f1f1f1;
   margin-bottom: 37px;
}

.aboutUs-section .tab-content .item-list h4::after {
   width: 70px;
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   background: #ff9000;
   height: 1px;
}

.aboutUs-section .tab-content .item-list p {
   font-size: 14px;
   color: #666;
   line-height: 24px;
   padding-bottom: 25px;
}

.aboutUs-section .tab-content .item-list .phone {
   padding-bottom: 20px;
   font-size: 24px;
   color: #075fcd;
   font-weight: 700;
}

.aboutUs-section .tab-content .item-list li {
   font-size: 14px;
   color: #666;
   line-height: 24px;
}

img {
   vertical-align: top;
}

* {
   padding: 0;
   margin: 0;
   font-size: 12px;
   font-family: "微软雅黑";
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 400;
   font-size: 12px;
}

a {
   text-decoration: none;
   color: #666;
}

img {
   border: 0;
}

p {
   /*line-height: 100%*/
}

dd,
dl,
dt,
ol,
ul {
   margin: 0;
   padding: 0;
}

li {
   list-style: none;
}

b,
strong {
   font-weight: 400;
}

img {
   vertical-align: top;
}

table {
   border-collapse: collapse;
}

td,
th {
   padding: 0;
}

.clearfix {
   zoom: 1;
}

.clearfix::after {
   display: block;
   content: "";
   clear: both;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.hand {
   cursor: pointer;
}

.prohibit {
   cursor: not-allowed;
}

.progress-bar-security {
   background-color: #337ab7;
}

.progress-bar-warning {
   background-color: #f0ad4e;
}

.progress-bar-danger {
   background-color: #d9534f;
}

.text-center {
   text-align: center;
}

.text-left {
   text-align: left;
}

.text-right {
   text-align: right;
}

.block {
   display: block;
}

.inline-block {
   display: inline-block;
}

.inline {
   display: inline;
}

.hide {
   display: none;
}

.hidden {
   visibility: hidden;
}

.show {
   visibility: visible;
}

.text-hidden {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.text-hidden-one {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.text-hidden-two {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.text-hidden-three {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}

.text-hidden-four {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden;
}

.container {
   width: 1200px;
   margin: 0 auto;
}

.banner-single {
   width: 100%;
   height: 360px;
}

.html-wrap {
   padding: 30px 0;
   border-bottom: 1px solid #eaeaea;
}

.html-wrap img {
   max-width: 100%;
}

.container {
   width: 1200px;
   margin: 0 auto;
}

.select {
   position: relative;
   width: 150px;
   height: 24px;
   line-height: 24px;
   margin: 0;
   text-align: center;
   background: #f9f9f9;
   border: 1px solid #eee;
   float: left;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
}

.select dt {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 24px;
   display: inline-block;
   line-height: 24px;
   cursor: pointer;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   position: relative;
   z-index: 9999999;
}

.select dt .select dt.cur,
.select dt:hover {
   background: #ffae00;
   border: 1px solid #ffae00;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
   color: #fff;
}

.select dd {
   position: absolute;
   left: -1px;
   top: 25px;
   border: 1px solid #d2ccc4;
   background: #fff;
   display: none;
   width: 500px;
   z-index: 999999999999999999999999;
}

.select dd ul {
   padding: 4px;
   overflow: auto;
   clear: both;
}

.select dd ul li {
   overflow: hidden;
   line-height: 30px;
   border-bottom: 1px dotted #eee;
}

.select dd ul li h3 {
   display: block;
   width: 60px;
   float: left;
   overflow: hidden;
}

.select dd ul li a {
   display: inline !important;
   width: auto !important;
   float: left !important;
   background: 0 0 !important;
   padding: 0 5px !important;
   border: 0 !important;
}

/*.n_right {
	position: absolute;
	left: 56px;
	top: 10px;
	width: 22px;
	height: 22px;
	background: url(../images/next.png) no-repeat center;
	z-index: 9999;
	cursor: pointer
}
.n_left {
	position: absolute;
	left: 15px;
	top: 10px;
	width: 22px;
	height: 22px;
	z-index: 9999;
	background: url(../images/prev.png) no-repeat center;
	cursor: pointer
}*/

.guide {
   width: 100%;
   margin-top: 10px;
   border: 1px solid #f2f2f2;
}

.guide h4 {
   height: 43px;
   line-height: 43px;
   padding: 0 10px;
}

.guide h4 span {
   font-size: 16px;
   color: #036ddc;
}

.guide h4 a {
   color: #888;
   font-size: 14px;
}

.guide ul li {
   width: 100%;
   height: 48px;
   line-height: 48px;
}

.guide ul li a {
   display: block;
   font-size: 14px;
   color: #666;
   transition: all 0.5s ease;
}

.guide ul li a::before {
   content: "·";
   font-size: 15px;
   font-weight: 700;
   margin: 0 5px;
}

.guide ul li a.active {
   background: #f9f9f9;
}

.guide ul li a:hover {
   color: #036ddc;
}

.index_links {
   margin-top: 20px;
   margin-bottom: 20px;
}

.index_links h4 {
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: 700;
   color: #333;
}

.index_links a {
   margin-right: 5px;
}

.books_ri {
   width: 223px;
   border: 1px solid #f2f2f2;
}

.books_ri h4 {
   font-size: 16px;
   color: #036ddc;
   padding: 13px 5px;
}

.books_ri a {
   display: block;
   width: 225px;
   height: 50px;
   /* border-radius: 5px; */
   background: url(../images/radioD.png) no-repeat 40px center #3588e9;
   color: #fff;
   /* margin: 7px auto; */
   line-height: 50px;
   font-size: 16px;
   text-indent: 75px;
   transition: all 0.5s ease;
}

.books_ri a:hover {
   background-color: #ff9000;
}

.books_ri a.file {
   background: url(../images/png_26.png) no-repeat 40px center #3588e9;
}

.books_ri a.file:hover {
   background-color: #ff9000;
}

.marginTop20 {
   margin-top: 10px;
}

.books_c_box {
   width: 960px;
   /*padding-bottom: 70px;*/
   /* border: 1px solid #f0f0f0; */
   padding-bottom: 20px;
}

.v-html p img {
}

.books_c_box h5 {
   height: 37px;
   line-height: 37px;
   text-indent: 25px;
   font-size: 16px;
   color: #096ee2;
   position: relative;
   border: 1px solid #f0f0f0;
   border-top: none;
   clear: both;
}

.books_c_box h5::before {
   content: "";
   position: absolute;
   left: 0;
   top: -1px;
   background: #ff9000;
   height: 3px;
   width: 20%;
}

.books_c_box h5::after {
   content: "";
   position: absolute;
   right: 0;
   top: -1px;
   background: #096ee2;
   height: 3px;
   width: 80%;
}

#model {
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   background: #000;
   opacity: 0.5;
   z-index: 1010;
   display: none;
}

.comment-box {
   width: 908px;
   padding-left: 14px;
}

.comment-box.filx {
   display: none;
   width: 100%;
   position: fixed;
   left: 0;
   bottom: 0;
   background: #fff;
   padding: 20px;
   box-sizing: border-box;
   z-index: 1011;
   border-top: 1px solid #ccc;
}

.comment-box.filx textarea {
   float: left;
}

.comment-box.filx input {
   float: right;
   margin-top: 20px;
}

.comment-box textarea {
   text-indent: 1em;
   padding: 10px 0;
   width: 100%;
   height: 100px;
   border: 1px solid #d1d1d1;
   background: #f5f5f5;
   resize: none;
}

.comment-box input {
   margin-top: 20px;
   width: 92px;
   height: 37px;
   background: #ff9000;
   font-size: 14px;
   color: #fff;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   outline: 0;
   transition: all 0.5s ease;
}

.comment-box input:hover {
   background: #3588e9;
}

.explain-con {
   display: none;
   width: 829px;
   min-height: 455px;
   padding: 50px;
}

.explain-con .title {
   font-size: 30px;
   color: #444;
}

.explain-con dl dt {
   padding-top: 30px;
   padding-bottom: 15px;
   font-size: 16px;
   color: #444;
}

.explain-con dl dd {
   font-size: 14px;
   color: #666;
   line-height: 30px;
}

.Behind-section {
   padding-bottom: 90px;
}

.Behind-section .content-wrap {
   padding-top: 10px;
}

.Behind-section .content-wrap .books_c_box #map {
   width: 960px;
   height: 308px;
   margin-bottom: 25px;
}

.Behind-section .content-wrap .books_c_box .briefInf p {
   padding: 20px;
   font-size: 14px;
   color: #555;
   line-height: 24px;
   border: 1px solid #f0f0f0;
   border-top: none;
}

.Behind-section .content-wrap .books_c_box .briefInf p a {
   margin-left: 10px;
   font-size: 14px;
   color: #3588e9;
}

.Behind-section .content-wrap .books_c_box .relation .text-main {
   padding: 15px 15px 0;
}

.Behind-section .content-wrap .books_c_box .relation .text-main img {
   width: 130px;
   height: 117px;
}

.Behind-section .content-wrap .books_c_box .relation .text-main .text {
   width: 750px;
   padding-left: 23px;
}

.Behind-section .content-wrap .books_c_box .relation .text-main .text h4 {
   font-size: 16px;
   color: #444;
   padding-bottom: 5px;
}

.Behind-section .content-wrap .books_c_box .relation .text-main .text p {
   font-size: 14px;
   color: #555;
   line-height: 24px;
}

.Behind-section .content-wrap .books_c_box .relation .text-main .text span {
   font-size: 14px;
   color: #999;
}

.cityImp-section {
   margin-top: 10px;
   /* margin-bottom: 50px; */
}

.cityImp-section .books_c_box {
   width: 960px;
   padding-bottom: 70px;
   border: 1px solid #f0f0f0;
}

.cityImp-section .books_c_box h5 {
   height: 45px;
   line-height: 45px;
   text-indent: 25px;
   font-size: 16px;
   color: #096ee2;
   position: relative;
   border-bottom: 1px solid #f0f0f0;
}

.cityImp-section .books_c_box h5::before {
   content: "";
   position: absolute;
   left: 0;
   top: -1px;
   background: #ff9000;
   height: 3px;
   width: 20%;
}

.cityImp-section .books_c_box h5::after {
   content: "";
   position: absolute;
   right: 0;
   top: -1px;
   background: #096ee2;
   height: 3px;
   width: 80%;
}

.cityImp-section .books_c_box .item-list-wrap {
   /*padding-top: 40px;*/
}

.cityImp-section .books_c_box .item-list-wrap a {
   margin:0 25px 0px 0px;
}
.cityImp-section .books_c_box .item-list-wrap a:nth-child(3n){
   margin-right: 0;
}

.cityImp-section .books_c_box .item-list-wrap a .img-wrap {
   width: 303.3px;
   height: 203px;
   overflow: hidden;
   position: relative;
}

.cityImp-section .books_c_box .item-list-wrap a .img-wrap::after {
   transition: all 0.5s ease;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   width: 43px;
   height: 43px;
   background: url(../images/video_anniu.png) center no-repeat;
}

.cityImp-section .books_c_box .item-list-wrap a .img-wrap img {
   transition: all 0.5s ease;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.cityImp-section .books_c_box .item-list-wrap a p {
   width: 100%;
   height: 40px;
   line-height: 40px;
   background: #f5f5f5;
   color: #666;
   font-size: 14px;
   text-align: center;
   transition: all 0.5s ease;
}

.cityImp-section .books_c_box .item-list-wrap a:hover .img-wrap::after {
   opacity: 0.7;
}

.cityImp-section .books_c_box .item-list-wrap a:hover .img-wrap img {
   transform: scale(1.4);
}

.cityImp-section .books_c_box .item-list-wrap a:hover p {
   color: #096ee2;
}

.cityImp-section .books_c_box .briefInf {
   padding: 0 20px;
}

.cityImp-section .books_c_box .briefInf h4 {
   font-size: 16px;
   color: #096ee2;
   padding-bottom: 15px;
}

.cityImp-section .books_c_box .briefInf p {
   padding-bottom: 15px;
   line-height: 26px;
   font-size: 14px;
   color: #666;
}

.cityImp-section .books_c_box .briefInf a {
   font-size: 14px;
   color: #666;
   text-align: center;
   line-height: 25px;
   display: block;
   width: 100px;
   height: 25px;
   border: 1px solid #ddd;
}

.cityImp-section .books_c_box .briefInf a i {
   font-style: normal;
   font-family: "宋体";
}

.cityImp-section .books_c_box .briefInf a:hover {
   color: #096ee2;
}

.conHeader {
   width: 100%;
   background: #f3f0f0;
   border: 1px solid #eee;
   float: right;
   margin-bottom: 10px;
   box-sizing: border-box;
}

.conHeader a {
   line-height: 30px;
   margin: 10px 8px;
   font-size: 14px;
   display: block;
   padding: 0 20px;
   height: 30px;
   /*color:#666*/
}

.conHeader a.active,
.conHeader a:hover {
   background: #ff9000;
   color: #fff;
}

/*.footer{margin-top:20px}.footer .footer-bottom{width:100%;height:50px;background:#697077;color:#fff}*/

.footer .footer-bottom div {
   font-size: 14px;
   line-height: 50px;
}

.header {
   width: 100%;
   height: 102px;
   background: 0 0;
   /* overflow: hidden */
}

.header .header-top {
   width: 100%;
   height: 29px;
   background: 0 0;
   border-bottom: 1px solid #d6d6d6;
}

.header .header-top .container {
   height: 100%;
   line-height: 29px;
}

.header .header-top .container div {
   font-size: 12px;
   color: #555;
   font-family: "微软雅黑";
   font-weight: 0;
}

.header .header-top .container div a {
   font-size: 12px;
   color: #555;
   font-family: "微软雅黑";
   font-weight: 0;
   margin-left: 20px;
}

.header .header-top .container div a:hover {
   text-decoration: underline;
   color: #0357c1;
}

.header .header-bottom {
   padding: 10px 0 0;
   width: 1200px;
   height: 70px;
   background: 0 0;
}

.header .header-bottom .logo {
   overflow: hidden;
}

.header .header-bottom .logo h1 {
   text-indent: -99999em;
   position: absolute;
}

.header .header-bottom form {
   padding-top: 12px;
}

.header .header-bottom form .search {
   width: 294px;
   height: 35px;
   border-radius: 5px 0 0 5px;
   text-indent: 1em;
   border: 1px #e5e5e5 solid;
   border-right: 0;
   outline: 0;
   color: #737373;
}
.header .header-bottom form .search::placeholder {
   color: #c1c1c1;
}

.header .header-bottom form .search-btn {
   width: 46px;
   height: 37px;
   cursor: pointer;
   border-radius: 0 5px 5px 0;
   outline: 0;
   margin-right: 12px;
   font-size: 16px;
   color: #ff9000;
   padding-left: 0;
   border: 1px #e5e5e5 solid;
   border-left: none;
   font-weight: bold;
   transition: background, border, color 0.3s ease-in-out;
   background-color: #fff;
}
.header .header-bottom form .search-btn:hover {
   background: #ff9000;
   border: 1px #ff9000 solid;
   color: #fff;
}
.header .header-bottom form .toolanniu {
   padding: 6px 12px;
   font-size: 21px;
   align-items: center;
   color: #ff9000;
   border: 1px #ff9000 solid;
   border-radius: 5px;
   cursor: pointer;
   outline: 0;
   background-color: #fff;
}
.header .header-bottom form .tool {
   width: 97px;
   height: 36px;
   background: #88abda;
   font-size: 14px;
   color: #fff;
   font-family: "微软雅黑";
   font-weight: none;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   outline: 0;
}

.header .header-bottom form .search-btn:active,
.header .header-bottom form .tool:active {
   color: #f2f2f2;
   background-color: #2b85e4;
   border-color: #2b85e4;
}

.nav-menu {
   width: 100%;
   height: 46px;
   background: url(../images/menubg.jpg);
   margin-bottom: 10px;
}

.nav-menu .container {
   height: 100%;
   display: flex;
   white-space: nowrap;
}

.nav-menu .container a {
   position: relative;
   padding: 0 20px;
   line-height: 46px;
   color: #fff;
   margin: 0 5px;
   transition: all 1s ease;
   font-size: 16px;
}

.nav-menu .container a.first {
   margin-left: 0;
}

.nav-menu .container a.last {
   margin-right: 0;
}

.nav-menu .container a .icon {
   position: absolute;
   right: -5px;
   top: 50%;
   margin-top: -8px;
   width: 2px;
   height: 16px;
   background: #fff;
}

.nav-menu .container a:before {
   position: absolute;
   top: 0;
   height: 3px;
   width: 0%;
   content: " ";
   left: 50%;
   opacity: 0;
   transform: translateX(-50%);
}

.nav-menu .container a:hover {
   color: #477fd9;
   background: #f9f9f9;
}

.nav-menu .container a:hover:before {
   background: #ff9000;
   width: 100%;
   content: " ";
   opacity: 1;
   transition: 0.8s;
}

.nav-menu .container a.active {
   color: #477fd9;
   background: #f9f9f9;
}

.nav-menu .container a.active:before {
   background: #ff9000;
   width: 100%;
   content: " ";
   opacity: 1;
   transition: 0.8s;
}

.home-section .hd {
   margin-top: 20px;
}

.home-section .hd .Ai-on h3 {
   position: relative;
   width: 298px;
   height: 45px;
   border: 1px solid #d8d9d9;
   line-height: 45px;
}

.home-section .hd .Ai-on h3 span {
   padding-left: 15px;
   font-size: 16px;
   color: #444;
   font-family: "微软雅黑";
   font-weight: 600;
}

.home-section .hd .Ai-on h3 a {
   margin-right: 10px;
   font-size: 14px;
   color: #666;
   font-family: "微软雅黑";
   font-weight: 400;
}

.home-section .hd .Ai-on h3 a:hover {
   color: #0357c1;
}

.home-section .hd .Ai-on h3:before {
   position: absolute;
   left: 0;
   top: -1px;
   width: 200px;
   height: 4px;
   background: #ff9000;
   content: "";
}

.home-section .hd .Ai-on h3:after {
   position: absolute;
   right: 0;
   top: -1px;
   width: 100px;
   height: 4px;
   background: #096ee2;
   content: "";
}

.home-section .hd .Ai-on .list {
   width: 278px;
   height: 178px;
   padding: 10px;
   border: 1px solid #d8d9d9;
   border-top: none;
   overflow: hidden;
}

.home-section .hd .Ai-on .list li {
   line-height: 25px;
}

.home-section .hd .Ai-on .list li:before {
   content: "·";
   font-size: 15px;
   color: #000;
   font-family: "微软雅黑";
   font-weight: 700;
}

.home-section .hd .Ai-on .list li a {
   padding-left: 5px;
}

.home-section .hd .Ai-on .list li a:hover {
   color: #0357c1;
}

.home-section .hd .swiper {
   width: 556px;
   height: 246px;
   overflow: hidden;
   position: relative;
   margin: 0 20px;
}

.home-section .hd .swiper .slide-cont {
   position: absolute;
   left: 0;
   top: 0;
}

.home-section .hd .swiper .slide-cont img {
   width: 556px;
   height: 246px;
}

.home-section .hd .swiper .page {
   position: absolute;
   bottom: 10px;
   right: 20px;
}

.home-section .hd .swiper .page a {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: #d4d4d4;
   margin-right: 5px;
}

.home-section .hd .swiper .page a.active {
   background-color: #ffe825;
}

.home-section .hd .swiper .slide-loading {
   position: absolute;
   left: 0;
   bottom: 0;
   background: #ffef19;
   height: 3px;
}

.home-section .hd .home_new .tab-page {
   position: relative;
   width: 298px;
   height: 45px;
   border: 1px solid #d8d9d9;
}

.home-section .hd .home_new .tab-page::after {
   position: absolute;
   left: 0;
   top: -1px;
   width: 200px;
   height: 3px;
   background: #ff9000;
   content: "";
}

.home-section .hd .home_new .tab-page::before {
   position: absolute;
   right: 0;
   top: -1px;
   width: 100px;
   height: 3px;
   background: #096ee2;
   content: "";
}

.home-section .hd .home_new .tab-page .tab-btn {
   width: 102px;
   height: 100%;
   line-height: 45px;
   font-size: 16px;
   color: #0d65d3;
   font-family: "微软雅黑";
   font-weight: none;
}

.home-section .hd .home_new .tab-page .tab-btn.active {
   border-bottom: 1px solid #fff;
   border-right: 1px solid #d8d9d9;
   border-left: 1px solid #d8d9d9;
   color: #0e4c98;
}

.home-section .hd .home_new .tab-page .tab-btn:hover {
   color: #0e4c98;
}

.home-section .hd .home_new .tab-page .tab-btn:first-child {
   border-left: 0;
}

.home-section .hd .home_new .tab-content {
   width: 278px;
   height: 178px;
   padding: 10px;
   border: 1px solid #d8d9d9;
   border-top: none;
   overflow: hidden;
}

.home-section .hd .home_new .tab-content .item-list {
   display: none;
}

.home-section .hd .home_new .tab-content .item-list.active {
   display: block;
}

.home-section .hd .home_new .tab-content .item-list li {
   line-height: 25px;
}

.home-section .hd .home_new .tab-content .item-list li:before {
   content: "·";
   font-size: 15px;
   color: #000;
   font-family: "微软雅黑";
   font-weight: 700;
}

.home-section .hd .home_new .tab-content .item-list li a {
   padding-left: 5px;
}

.home-section .hd .home_new .tab-content .item-list li a:hover {
   color: #0357c1;
}

.home-section .overview h3 {
   padding: 42px 0;
   font-size: 24px;
   color: #0a64d2;
   font-family: "微软雅黑";
   font-weight: 700;
}

.home-section .overview .wrap .operation {
   width: 108px;
}

.home-section .overview .wrap .operation .page {
   position: relative;
   width: 100%;
   height: 43px;
   background: #ff9000;
   border-radius: 5px;
   margin-bottom: 13px;
}

.home-section .overview .wrap .operation .page a {
   position: absolute;
   top: 50%;
   width: 22px;
   height: 22px;
   margin-top: -11px;
}

.home-section .overview .wrap .operation .page a.next {
   right: 21px;
   background: url(../images/next.png) no-repeat center;
}

.home-section .overview .wrap .operation .page a.prev {
   left: 21px;
   background: url(../images/prev.png) no-repeat center;
}

.home-section .overview .wrap .operation .nav-left .btn-wrap {
   margin-bottom: 4px;
}

.home-section .overview .wrap .operation .nav-left .btn-wrap dd span,
.home-section .overview .wrap .operation .nav-left .btn-wrap dt {
   display: block;
   width: 104px;
   height: 32px;
   line-height: 32px;
   border-radius: 5px;
}

.home-section .overview .wrap .operation .nav-left .btn-wrap dt {
   text-indent: 27px;
   border: 1px #bad7e5 solid;
   background: url(../images/arrow-bot.png) no-repeat 66px center #e3f4fc;
}

.home-section .overview .wrap .operation .nav-left .btn-wrap dt a {
   display: block;
   width: 100%;
   height: 100%;
   font-size: 14px;
   color: #0251b2;
   font-family: "微软雅黑";
   font-weight: none;
}

.home-section .overview .wrap .operation .nav-left .btn-wrap dd {
   height: 0;
   overflow: hidden;
}

.home-section .overview .wrap .operation .nav-left .btn-wrap dd span {
   overflow: hidden;
   text-align: center;
   margin-top: 5px;
   border: 1px #ddd solid;
}

.home-section .overview .wrap .content {
   width: 1084px;
   overflow: hidden;
}

.home-section .overview .wrap .content .Decade_box {
   position: relative;
   background: #4f81bd;
   height: 16px;
   line-height: 16px;
   padding: 13px 10px;
   overflow: hidden;
}

.home-section .overview .wrap .content .box ul {
   height: 16px;
   overflow: hidden;
}

.home-section .overview .wrap .content .box ul li {
   width: 82px;
   border-left: 1px solid #ddd;
   float: left;
   overflow: hidden;
   text-align: center;
   color: #fff;
}

.home-section .overview .wrap .content .con {
   position: relative;
   overflow: hidden;
   margin-top: 13px;
}

.home-section .overview .wrap .content .con .box {
   position: relative;
}

.home-section .overview .wrap .content .con .box span {
   display: block;
   height: 32px;
   line-height: 32px;
   margin: 0 0 7px 0;
}

.home-section .overview .wrap .content .con .box span a {
   background: #d6d6d6;
   border: 1px solid #ccc;
   position: absolute;
   text-align: center;
}

.home-section .overview .wrap .content .con .axis_box1 span a {
   background: #fff;
}

.home-section .container {
   overflow: hidden;
}

.home-section .container .home_fftitle {
   padding: 40px 0;
   font-size: 24px;
   color: #0a64d2;
   font-family: "微软雅黑";
   font-weight: 700;
}

.home-section .container .Timeline_nav {
   padding-bottom: 10px;
}

.home-section .container .Timeline_nav select {
   width: 115px;
   border: 1px solid #ccc;
   background: #eee;
   padding: 2px 2px;
   border-radius: 4px;
   color: #555;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
}

.home-section .container .Timeline_nav a {
   display: block;
   width: 70px;
   height: 24px;
   line-height: 24px;
   margin: 0 auto;
   text-align: center;
   background: #eee;
   border: 1px solid #ccc;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
}

.home-section .container .Timeline_nav a:hover {
   color: #0a6de2;
}

.home-section .container .Timeline_nav a.clone {
   width: 54px;
   background: #0a6de2;
   color: #fff;
}

.home-section .container .civilization {
   overflow: hidden;
   height: 43px;
   padding-bottom: 13px;
}

.home-section .container .civilization span {
   display: block;
   width: 90px;
   height: 40px;
   background: #ff9000;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
   position: relative;
   float: left;
}

.home-section .container .civilization ol {
   overflow: hidden;
   zoom: 1;
   width: 1100px;
   height: 40px;
   background: #4f81bd;
   float: right;
}

.home-section .container .civilization ul {
   overflow: hidden;
   zoom: 1;
   padding: 12px 0;
}

.home-section .container .civilization ul li {
   width: 84px;
   height: 16px;
   line-height: 16px;
   border-left: 1px solid #ddd;
   float: left;
   overflow: hidden;
   text-align: center;
   color: #fff;
}

.home-section .container .Compared_box {
   border: 1px solid #ddd;
   overflow: hidden;
   margin-bottom: 5px;
}

.home-section .container .Compared_box span {
   display: block;
   margin: 0;
   padding: 0;
   width: 90px;
   height: 30px;
   line-height: 30px;
   background: url(../images/png_jiahao.png) no-repeat 60px center;
   float: left;
   font-weight: 700;
}

.home-section .container .Compared_box span a {
   cursor: pointer;
   font-size: 14px;
   color: #0251b2;
   padding-left: 20px;
   display: block;
}

.home-section .container .Compared_box .Compared_r_box {
   width: 1078px;
   float: right;
   margin: 5px;
   border-left: 1px dotted #ddd;
   padding: 0 5px;
   min-height: 100px;
   height: auto;
   overflow: hidden;
}

.home-section .container .Timeline_sousuo {
   margin-top: 5px;
   border: 1px solid #d1d1d1;
   padding: 0 35px;
}

.home-section .container .Timeline_sousuo select {
   width: 115px;
   border: 1px solid #ccc;
   background: #eee;
   padding: 2px 2px;
   color: #555;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
}

.home-section .container .Timeline_sousuo .contrastAdd {
   border-radius: 5px;
   text-align: center;
   line-height: 32px;
   display: block;
   width: 119px;
   height: 32px;
   background: #ff9000;
   color: #fff;
   font-size: 16px;
}

.home-section .home_aishijie {
   font-size: 24px;
   color: #0a64d2;
   font-family: "微软雅黑";
   font-weight: 700;
   padding: 20px 0;
}

.home-section .home_agsj_box {
   width: 1200px;
   height: 391px;
   margin: 0 auto;
   overflow: hidden;
   padding-bottom: 60px;
   position: relative;
}

.home-section .home_agsj_box .test {
   width: 120px;
   height: 40px;
   position: absolute;
   right: 45%;
   top: 23%;
   cursor: pointer;
}

.home-section .home_agsj_box .test.Glorious {
   right: 44%;
   top: 40%;
}

.home-section .home_agsj_box .test.starlight {
   right: 39%;
   top: 52%;
}

.intBooks-section {
   padding: 0 0 70px;
}

.intBooks-section .content-wrap {
   /* padding-top: 25px; */
   clear: both;
}

.intBooks-section .content-wrap .list-wrap .item-list {
   width: 50%;
   height: 137px;
   padding: 15px 0;
   border-bottom: 1px dotted #d6d6d7;
}

.intBooks-section .content-wrap .list-wrap .item-list img {
   /*width: 85px;*/
   height: 120px;
   margin-left: 25px;
}

.intBooks-section .content-wrap .list-wrap .item-list .text {
   width: 283px;
   padding-left: 25px;
}

.intBooks-section .content-wrap .list-wrap .item-list .text h6 {
   padding-bottom: 15px;
   font-size: 16px;
   color: #444;
}

.intBooks-section .content-wrap .list-wrap .item-list .text p {
   font-size: 14px;
   color: #666;
   line-height: 30px;
   height: 60px;
   overflow: hidden;
}

.intBooks-section .content-wrap .list-wrap .item-list .text span {
   font-size: 14px;
   color: #999;
}

.intBooks-section .content-wrap .list-wrap .item-list:hover .text h6,
.intBooks-section .content-wrap .list-wrap .item-list:hover .text p,
.intBooks-section .content-wrap .list-wrap .item-list:hover .text span {
   color: #3588e9;
}
.intBooks-section .content-wrap .list-wrap {
   background-color: #f3f0f0;
}
.intBooks-section .content-wrap .list-wrap .item {
   height: 50px;
   line-height: 50px;
   padding-left: 48px;
   position: relative;
}

.intBooks-section .content-wrap .list-wrap .item a {
   font-size: 14px;
   color: #555;
   display: block;
   border-bottom: 1px solid #f3f3f3;
}

.intBooks-section .content-wrap .list-wrap .item a:hover {
   color: #3588e9;
}

.intBooks-section .content-wrap .list-wrap .item a::before {
   position: absolute;
   left: 30px;
   top: 0;
   content: "·";
   font-weight: 700;
   font-family: "微软雅黑";
   color: #9b9b9b;
}

.intBooksCon-section {
   /* padding-top: 25px; */
   overflow: hidden;
}

.intBooksCon-section .content-wrap {
   /* padding-top: 25px; */
}

.intBooksCon-section .content-wrap h5 {
   height: 116px;
   border-bottom: 1px dotted #e1e1e1;
}

.intBooksCon-section .content-wrap h5 .title {
   width: 910px;
   font-size: 22px;
   color: #555;
   padding-top: 50px;
   padding-bottom: 15px;
}

.intBooksCon-section .content-wrap h5 .time {
   font-size: 14px;
   color: #999;
}

.intBooksCon-section .content-wrap .html {
   padding: 40px 24px;
}

.intBooksDetails-section {
   padding: 0 0 25px;
}

.intBooksDetails-section .content-wrap {
   padding: 0 0 25px;
}

.intBooksDetails-section .content-wrap .books_c_box .title {
   font-size: 16px;
   color: #666;
}

.intBooksDetails-section .content-wrap .books_c_box .hd {
   padding: 15px 18px 40px 18px;
   border-bottom: 1px solid #f0f0f0;
}

.intBooksDetails-section .content-wrap .books_c_box .hd img {
   width: 123px;
   height: 172px;
}

.intBooksDetails-section .content-wrap .books_c_box .hd .con-r {
   padding-left: 45px;
}

.intBooksDetails-section .content-wrap .books_c_box .hd .con-r h6 {
   font-weight: 700;
   font-size: 24px;
   color: #444;
}

.intBooksDetails-section .content-wrap .books_c_box .hd .con-r ul {
   width: 735px;
   padding-top: 25px;
}

.intBooksDetails-section .content-wrap .books_c_box .hd .con-r ul li {
   width: 245px;
   line-height: 30px;
   font-size: 14px;
   color: #444;
}

.intBooksDetails-section .content-wrap .books_c_box .hd .con-r .bom-btn .Collection {
   transition: all 0.5s ease;
   display: block;
   width: 121px;
   height: 46px;
   border: 1px solid #ddd;
   border-radius: 5px;
   margin-top: 15px;
   line-height: 46px;
   text-indent: 56px;
   background: url(../images/intBooks-icon.png) 30px center no-repeat;
   font-size: 16px;
   color: #f60;
}

.intBooksDetails-section .content-wrap .books_c_box .hd .con-r .bom-btn .Collection:hover {
   box-shadow: 0 0 5px #ccc;
}

.intBooksDetails-section .content-wrap .books_c_box .hd .con-r .bom-btn .jiathis_style_32x32 {
   padding-top: 20px;
   padding-left: 20px;
}

.intBooksDetails-section .content-wrap .books_c_box .edit {
   padding-top: 20px;
}

.intBooksDetails-section .content-wrap .books_c_box .edit p {
   padding: 20px;
   line-height: 30px;
   border-bottom: 1px solid #f0f0f0;
   font-size: 14px;
   color: #666;
}

.intBooksDetails-section .content-wrap .books_c_box .edit p.p1 {
   border: none;
}

.intBooksDetails-section .content-wrap .books_c_box .edit .text {
   padding: 0 18px;
}

.intBooksDetails-section .content-wrap .books_c_box .edit .text h6 {
   font-size: 14px;
   color: #2e7be4;
}

.intBooksDetails-section .content-wrap .books_c_box .edit .text p {
   text-indent: 2em;
   border: none;
   padding: 0;
}

.intBooksDetails-section .content-wrap .books_c_box dl {
   padding: 0 18px;
}

.intBooksDetails-section .content-wrap .books_c_box dl dt {
   position: relative;
   height: 48px;
   line-height: 48px;
   padding-left: 10px;
   font-size: 14px;
   color: #666;
}

.intBooksDetails-section .content-wrap .books_c_box dl dt::after {
   position: absolute;
   left: 0;
   top: 50%;
   content: "";
   width: 1px;
   height: 16px;
   background: #ff9000;
   margin-top: -8px;
}

.intBooksDetails-section .content-wrap .books_c_box dl dd a {
   width: 33.3333%;
   height: 40px;
   line-height: 40px;
   text-indent: 10px;
   font-size: 14px;
   color: #666 !important;
}

.intBooksDetails-section .content-wrap .books_c_box dl dd a.active {
   /*background-color:#f5f5f5*/
}

.intBooksDetails-section .content-wrap .books_c_box dl dd a:hover {
   color: #fff;
   background-color: #9ec1fe;
}

.intBooksDetails-section .content-wrap .books_c_box .more {
   display: block;
   width: 865px;
   height: 35px;
   line-height: 35px;
   border: 1px solid #e9e9e9;
   margin: 30px auto;
   font-size: 14px;
   color: #666;
   /*background: url(../images/plus.jpg) 455px center no-repeat;*/
}

.intBooksDetails-section .content-wrap .books_c_box .hiden{
   background: url(../images/plus.jpg) 455px center no-repeat;
}

.menu-left {
   width: 225px;
}

.menu-left dt {
   width: 100%;
   height: 50px;
   background: #ff9000;
   line-height: 50px;
   /*text-indent:25px;*/
   font-weight: bold;
   font-size: 18px;
   color: #fff;
   text-align: center;
}

.menu-left dd {
   border: 1px solid #eee;
   border-top: 0;
   border-bottom: 0;
   background: #f9f9f9;
}

.menu-left dd a {
   display: block;
   width: 100%;
   height: 44px;
   text-indent: 25px;
   line-height: 44px;
   font-size: 14px;
   color: #666;
}

.menu-left dd a.active,
.menu-left dd a:hover {
   color: #ff9000;
}

.menu-left.active dd a {
   display: inline;
}

.menu-left.active dd h6 {
   height: 50px;
   line-height: 50px;
   text-indent: 25px;
   border-bottom: 1px solid #eee;
}

.menu-left dd span {
   display: block;
   width: 100%;
   height: 49px;
   text-indent: 25px;
   line-height: 49px;
   font-size: 14px;
   color: #666;
}

.menu-left.active dd h6 a:hover {
   color: #ff9000;
}

.menu-left.active dd .link-wrap {
   background: #fff;
   border-bottom: 1px solid #eee;
   padding-left: 41px;
}

.menu-left.active dd .link-wrap a {
   margin-right: 10px;
   margin-left: 20px;
}

.myTribe-section {
   /* padding-top: 25px; */
   padding-bottom: 100px;
}

.myTribe-section .content-wrap {
   /* padding-top: 35px; */
}

.myTribe-section .content-wrap .hd {
   padding: 5px 20px;
   position: relative;
}

.myTribe-section .content-wrap .hd img {
   width: 84px;
   height: 84px;
}

.myTribe-section .content-wrap .hd span {
   padding-top: 20px;
   padding-left: 15px;
   font-size: 14px;
   color: #444;
}

.myTribe-section .content-wrap .hd div {
   font-size: 14px;
   color: #444;
   height: 45px;
   line-height: 45px;
}

.myTribe-section .content-wrap .hd::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   background: #ff9000;
   height: 3px;
   width: 20%;
}

.myTribe-section .content-wrap .hd::after {
   content: "";
   position: absolute;
   right: 0;
   bottom: 0;
   background: #096ee2;
   height: 3px;
   width: 80%;
}

.myTribe-section .content-wrap .list-wrap.active .list-item {
   width: 870px;
}

.myTribe-section .content-wrap .list-wrap.active .list-item .text {
   width: 100%;
}

.myTribe-section .content-wrap .list-wrap.active .list-item .text .title {
   font-size: 16px;
   color: #06c;
}

.myTribe-section .content-wrap .list-wrap.active .list-item .text p {
   font-size: 14px;
   line-height: 34px;
   height: 60px;
   overflow: hidden;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item {
   width: 169px;
   height: 208px;
   padding: 0;
   margin: 17px 8px 0px 10px;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .img-wrap {
   display: block;
   width: 100%;
   height: 169px;
   overflow: hidden;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .img-wrap img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   transition: all 0.5s;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .img-wrap img:hover {
   transform: scale(1.4);
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .text {
   padding: 0;
   width: 100%;
   /*border-bottom: 1px solid #e8e8e8;
	padding-bottom: 15px;*/
   background: #f9f9f9;
   text-align: center;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .text .p {
   padding: 10px 10px;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .text .comment {
   margin-left: 13px;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .text .fab {
   margin-left: 12px;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .inf {
   line-height: 27px;
   padding: 10px;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .inf .hp img {
   width: 27px;
   height: 27px;
   border-radius: 100%;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .inf .hp span {
   padding-left: 5px;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .inf .hp:hover span {
   color: #06c;
}

.myTribe-section .content-wrap .list-wrap.bout .list-item .inf span {
   font-size: 12px;
   color: #888;
}

.myTribe-section .content-wrap .list-wrap .list-item {
   width: 426px;
   padding: 22px 22px;
   border-bottom: 1px dotted #eee;
}

.myTribe-section .content-wrap .list-wrap .list-item img {
   width: 65px;
   height: 65px;
   border-radius: 50%;
}

.myTribe-section .content-wrap .list-wrap .list-item .text {
   width: 350px;
   padding-left: 10px;
}

.myTribe-section .content-wrap .list-wrap .list-item .text .p {
   display: block;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 15px;
   color: #444;
   /*text-align: center;*/
}

.myTribe-section .content-wrap .list-wrap .list-item .text .p:hover {
   color: #0e66d4;
}

.myTribe-section .content-wrap .list-wrap .list-item .text .comment,
.myTribe-section .content-wrap .list-wrap .list-item .text .fab,
.myTribe-section .content-wrap .list-wrap .list-item .text .time {
   font-size: 14px;
   color: #888;
}

.myTribe-section .content-wrap .list-wrap .list-item .text .comment,
.myTribe-section .content-wrap .list-wrap .list-item .text .fab {
   margin-left: 46px;
   cursor: pointer;
}

.myTribe-section .content-wrap .list-wrap .list-item .text .comment {
   padding-left: 20px;
   background: url(../images/com.png) 0 center no-repeat;
}

.myTribe-section .content-wrap .list-wrap .list-item .text .fab {
   padding-left: 20px;
   background: url(../images/fab.png) 0 center no-repeat;
}

.myTribeDetails-section {
   padding-top: 25px;
}

.myTribeDetails-section .content-wrap {
   padding-top: 25px;
}

.myTribeDetails-section .content-wrap .hd {
   width: 909px;
   margin: 0 auto;
   padding-top: 20px;
   padding-bottom: 28px;
   border-bottom: 1px dotted #ddd;
}

.myTribeDetails-section .content-wrap .hd .publish {
   display: block;
   width: 108px;
   height: 44px;
   background: #ff9000;
   font-size: 16px;
   color: #fff;
   line-height: 44px;
   text-align: center;
   border-radius: 5px;
   transition: all 0.5s ease;
   margin-bottom: 25px;
}

.myTribeDetails-section .content-wrap .hd .publish:hover {
   background-color: #3588e9;
}

.myTribeDetails-section .content-wrap .hd h6 {
   font-size: 22px;
   color: #555;
   padding-bottom: 10px;
}

.myTribeDetails-section .content-wrap .hd .timer {
   font-size: 14px;
   color: #999;
}

.myTribeDetails-section .content-wrap .v-html {
   width: 909px;
   padding: 23px 0;
   margin: 0 auto;
}

.myTribeDetails-section .content-wrap .fab {
   display: block;
   width: 95px;
   height: 35px;
   background: url(../images/fab1.png) no-repeat;
   font-size: 18px;
   color: #fff;
   margin: 45px auto;
   text-align: center;
   padding-top: 60px;
}

.myTribeDetails-section .content-wrap .comment-list {
   width: 909px;
   margin: 25px auto;
   border-top: 1px dotted #f0f0f0;
   padding: 25px 0;
}

.myTribeDetails-section .content-wrap .comment-list li {
   padding-bottom: 30px;
   border-bottom: 1px solid #f0f0f0;
   padding: 10px 0;
}

.myTribeDetails-section .content-wrap .comment-list li img {
   width: 85px;
   height: 85px;
}

.myTribeDetails-section .content-wrap .comment-list li .text {
   width: 800px;
   padding-left: 20px;
}

.myTribeDetails-section .content-wrap .comment-list li .text p {
   font-size: 14px;
   color: #555;
   line-height: 30px;
}

.myTribeDetails-section .content-wrap .comment-list li .text .timer {
   padding-top: 15px;
}

.myTribeDetails-section .content-wrap .comment-list li .text .timer span {
   font-size: 14px;
   color: #999;
}

.myTribeDetails-section .content-wrap .comment-list li .text .timer a {
   font-size: 14px;
   color: #2b6cbd;
   margin-left: 10px;
}

.myTribeDetails-section .content-wrap .comment-list li .text .timer a:hover {
   color: #ff9000;
}

.myTribeDetails-section .content-wrap .comment-list li .text .comment-con {
   padding: 10px;
   background: #f7f7f7;
   margin-top: 20px;
}

.myTribeDetails-section .content-wrap .comment-list li .text .comment-con .com-list {
   border-bottom: 1px solid #eee;
   padding: 10px 0;
}

.myTribeDetails-section .content-wrap .comment-list li .text .comment-con img {
   width: 42px;
   height: 42px;
}

.myTribeDetails-section .content-wrap .comment-list li .text .comment-con .words {
   width: 700px;
   padding-left: 10px;
}

.myTribeDetails-section .content-wrap .comment-list li .text .comment-con .words .name {
   color: #0e60c6;
}

.myTribeDetails-section .content-wrap .comment-list li .text .comment-con .words .com-text {
   width: 600px;
}

.myTribeDetails-section .content-wrap .comment-list li .text .comment-con .date {
   padding-top: 15px;
   color: #999;
}

.nav-link {
   border: 1px solid #eaeaea;
}

.nav-link .tab-page {
   width: 100%;
   height: 35px;
   background: #f7f6f6;
}

.nav-link .tab-page a {
   position: relative;
   width: 120px;
   height: 26px;
   line-height: 35px;
   height: 100%;
   text-align: center;
   font-size: 14px;
   color: #666;
   transition: all 0.5s ease;
   /*margin-left: 5px;*/
}

.nav-link .tab-page a.active,
.nav-link .tab-page a:hover {
   background: #ff9000;
   color: #fff;
}

.nav-link .tab-page a.active::before,
.nav-link .tab-page a:hover::before {
   opacity: 1;
}

.nav-link .tab-page a::before {
   transition: all 0.5s ease;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 2px;
   /*background: #075fcd;*/
   opacity: 0;
}

.nav-link .tab-content {
   padding: 5px 0 0px;
}

.nav-link .tab-content .item-list {
   display: none;
}

.nav-link .tab-content .item-list.active {
   display: block;
}

.nav-link .tab-content .item-list a {
   margin-right: 10px;
   text-align: center;
   width: 90px;
   font-size: 14px;
   color: #666;
   margin-bottom: 20px;
   transition: all 0.5s ease;
   position: relative;
}

.nav-link .tab-content .item-list a.active,
.nav-link .tab-content .item-list a:hover {
   color: #075fcd;
}

.nav-link .tab-content .item-list a.orange.active,
.nav-link .tab-content .item-list a.orange:hover {
   color: #ff9000;
}

.nav-link .tab-content .item-list a.orange.active::before,
.nav-link .tab-content .item-list .nav-link .tab-content .item-list a.mjbutton1 {
   margin-right: 0;
}

.nav-link .tab-content .item-list.active .Dropdown {
   width: 100%;
   padding-left: 100px;
   height: 0;
   overflow: hidden;
}

.nav-link .tab-content .item-list .bottom {
   /*display:none;*/
}

.nav-link .tab-content .item-list .bottom.active {
   display: block;
}

/*tool*/

.tools {
   width: 360px;
   height: 220px;
   position: fixed;
   right: 0px;
   bottom: 0px;
   z-index: 99999999999999999999999999;
   background: #fff;
   border-radius: 8px 8px 0 0;
   -moz-border-radius: 8px 8px 0 0;
   behavior: url(pie.htc);
   overflow: hidden;
   box-shadow: 0px 5px 10px #ccc;
   display: none;
}

.tools h3 {
   display: block;
   height: 44px;
   line-height: 44px;
   background: url(../images/tool.jpg) no-repeat center -2px;
   border-radius: 8px 8px 0 0;
   -moz-border-radius: 8px 8px 0 0;
   behavior: url(pie.htc);
}

.tools h3 a {
   display: block;
   width: 44px;
   height: 44px;
   float: right;
   cursor: pointer;
}

.tools ul {
   display: block;
   margin: 0px;
   padding: 12px 0 0 0;
}

.tools ul a {
   display: block;
   width: 100px;
   height: 30px;
   line-height: 30px;
   float: left;
   margin: 0 5px 10px 12px;
   background: #eee;
   text-align: center;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
}

.tools ul a:hover {
   display: block;
   background: #f90;
   color: #fff;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
}

#links {
   width: 1200px;
   margin: 0 auto;
   margin-bottom: 20px;
   overflow: hidden;
   padding-top: 10px;
}

#links h3 {
   display: block;
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: bold;
   color: #333;
}

#links ul {
   display: block;
   overflow: hidden;
}

#links ul a {
   display: inline-block;
   float: left;
   margin-right: 15px;
}

.bottom_box {
   background: #e7e8e9;
   /*padding: 50px 0px;*/
}

.bottom_box ul {
   display: block;
   width: 1210px;
   margin: 0 auto;
   overflow: hidden;
}

.bottom_box ul li {
   width: 115px;
   float: left;
   margin-right: 20px;
}

.bottom_box ul li h4 {
   display: block;
   height: 40px;
   background: url(../images/home_03.jpg) no-repeat left bottom;
   color: #333;
}

.bottom_box ul li a {
   display: block;
   height: 35px;
   line-height: 35px;
   /*border-bottom: 1px dotted #ddd;*/
   font-size: 12px;
}

.bottom_box ul dl {
   display: block;
   width: 200px;
   height: 250px;
   float: right;
   background: #fff;
   padding: 20px;
   line-height: 30px;
}

.bottom_box ul dl dt {
   display: block;
   height: 40px;
   line-height: 40px;
   font-size: 18px;
   font-weight: bold;
   color: #0165cc;
}

/*footer*/

.footer {
   height: 50px;
   line-height: 50px;
   background: #697077;
   color: #fff;
   clear: both;
}

.footer ul {
   display: block;
   width: 1210px;
   margin: 0 auto;
}

.footer ul span {
   display: block;
   width: 200px;
   float: right;
   text-align: right;
}

.footer ul span a {
   color: #fff;
}

/* Tiny Scrollbar */

#detail {
   position: absolute;
   width: 1000px;
   height: 550px;
   background: #fff;
   display: none;
   padding: 0 20px;
}

#detail h3 {
   display: block;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 30px;
   color: #000;
   font-weight: normal;
   margin-top: 20px;
}

#detail .tit {
   display: block;
   width: 33px;
   height: 33px;
   position: absolute;
   right: 30px;
   top: 30px;
   cursor: pointer;
}

#detail2 {
   position: absolute;
   width: 1000px;
   height: 550px;
   background: #fff;
   display: none;
   padding: 0 20px;
}

#detail2 h3 {
   display: block;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 30px;
   color: #000;
   font-weight: normal;
   margin-top: 20px;
}

#detail2 .tit {
   display: block;
   width: 33px;
   height: 33px;
   position: absolute;
   right: 30px;
   top: 30px;
   cursor: pointer;
}

#detail3 {
   position: absolute;
   width: 700px;
   height: 550px;
   background: #fff;
   display: none;
   padding: 0 20px;
}

#detail3 h3 {
   display: block;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 30px;
   color: #000;
   font-weight: normal;
   margin-top: 20px;
}

#detail3 .tit {
   display: block;
   width: 33px;
   height: 33px;
   position: absolute;
   right: 30px;
   top: 30px;
   cursor: pointer;
}

/*#detail3 ul{display:block; margin:0px; padding:40px; overflow:hidden; font-size:14px;}*/

#detail4 {
   position: absolute;
   width: 1000px;
   height: 550px;
   background: #fff;
   display: none;
   padding: 0 20px;
}

#detail4 h3 {
   display: block;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 30px;
   color: #000;
   font-weight: normal;
   margin-top: 20px;
}

#detail4 .tit {
   display: block;
   width: 33px;
   height: 33px;
   position: absolute;
   right: 30px;
   top: 30px;
   cursor: pointer;
}

#detail5 {
   position: absolute;
   width: 1000px;
   height: 550px;
   background: #fff;
   display: none;
   padding: 0 20px;
}

#detail5 h3 {
   display: block;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 30px;
   color: #000;
   font-weight: normal;
   margin-top: 20px;
}

#detail5 .tit {
   display: block;
   width: 33px;
   height: 33px;
   position: absolute;
   right: 30px;
   top: 30px;
   cursor: pointer;
}

#detail6 {
   position: absolute;
   width: 1000px;
   height: 550px;
   background: #fff;
   display: none;
   padding: 0 20px;
}

#detail6 h3 {
   display: block;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 30px;
   color: #000;
   font-weight: normal;
   margin-top: 20px;
}

.htop {
   width: 100%;
   /* height: 102px; */
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.htop a {
   display: inline-block;
   padding: 0px 18px;
   background: #3588e9;
   font-size: 20px;
   color: #fff;
   font-weight: bolder;
   border-radius: 6px;
   white-space: nowrap;
   width: 65px;
   text-align: center;
   height: 55px;
   line-height: 55px;
   margin-bottom: 12px;
   flex-grow: 1;
}
.htop a:not(:last-child) {
   margin-right: 15px;
}

.acttop {
   background: #ff9000 !important;
}

#detail6 .tit {
   display: block;
   width: 33px;
   height: 33px;
   position: absolute;
   right: 30px;
   top: 30px;
   cursor: pointer;
}

.mjyz_box_zk1 {
   margin: 0px;
   padding: 0 0 0 129px;
   overflow: hidden;
}

.mjyz_box_zk2 {
   margin: 0px;
   padding: 0 0 0 129px;
   overflow: hidden;
}

.pagelist {
   text-align: center;
   margin: 20px 0;
}

.pagelist em {
   display: inline-block;
   width: 26px;
   height: 26px;
   line-height: 26px;
   text-align: center;
   background-color: #d6d6d6;
   margin-left: 3px;
   margin-right: 3px;
   color: #fff;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.pagelist #pa_hover {
   background-color: #0b6de2;
}

.pagelist #pa_hover a {
   color: #fff;
}

.search ul li span {
   display: block;
   margin: 0px;
   padding: 0px;
   color: #999;
}

.nav_nav {
   color: #477fd9 !important;
   /*background: #f9f9f9;
    border-top: 3px solid #ff9000;*/
   background: url(../images/nav_beijing.png) repeat-x;
}

.nav_nav a {
   color: #477fd9 !important;
}

/*home*/

.category {
   display: block;
   width: 1210px;
   margin: 10px auto 0 auto;
}

.category ul {
   display: block;
   margin: 0px;
   overflow: hidden;
   border: none;
   display: flex;
   justify-content: space-between;
   padding: 10px 0;
}

.category ul a {
   display: inline;
   background: #eee;
   margin: 0 10px 0px 0px;
   padding: 0px 25px;
   font-size: 20px;
   border-radius: 4px;
   -moz-border-radius: 4px;
   behavior: url(pie.htc);
   flex-grow: 1;
   text-align: center;
   height: 55px;
   line-height: 55px;
}

.category ul a:hover {
   color: #fff;
   background: #3588e9;
   /* font-size: 14px; */
}

.category dl {
   display: block;
   margin: 0px;
   padding: 10px;
   border: 1px solid #ddd;
   border-top: 0px;
   overflow: hidden;
}

.category dl a {
   display: inline;
   height: 26px;
   line-height: 26px;
   border: 1px solid #ddd;
   margin: 0 6px 5px 0px;
   padding: 0px 32px;
   font-size: 14px;
}

.category dl a:hover {
   color: #fff;
   background: #ff9000;
   border: 1px solid #ff9000;
   font-size: 14px;
}

/*Introductory books*/

.title_h1 {
   display: block;
   height: 40px;
   line-height: 40px;
   background: url(../images/index_16.jpg) no-repeat left top;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   font-size: 16px;
   color: #036ddc;
   padding: 0px 10px;
   font-weight: normal;
}

.title_h1 a {
   display: block;
   width: 80px;
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   text-align: right;
   float: right;
}

.main_box {
   width: 1210px;
   margin: 0 auto;
   overflow: hidden;
   padding: 0 0 60px 0;
}

.books_l_box {
   display: block;
   width: 905px;
   float: left;
}

/*=============wjd==============*/

.bout .list-item .img-wrap {
   border-radius: 50%;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: -webkit-flex !important;
   display: flex !important;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}

.bout .list-item .img-wrap img {
   border-radius: 0 !important;
   width: 80% !important;
   height: auto !important;
}

.bg_eee {
   background: #eee;
   width: 150px !important;
   height: 150px !important;
   margin: 0 0 10px 11px;
}
.books_r_box {
   width: unset;
}
.books_r_box .active110 .jhwz_list a {
   display: inline-block !important;
   width: 55px;
   margin: 0 10px 0 0 !important;
   text-align: center;
   text-indent: 0;
}

.category_dl {
   background: #ff9000 !important;
   color: #fff;
}

.naidai-nav {
   width: 1210px;
   margin: 10px auto 0 auto;
   height: 35px;
   line-height: 35px;
   color: #fff;
   background: #4f81bd;
}
.naidai-nav i {
   display: inline-block;
   padding: 0 10px;
   float: left;
   cursor: pointer;
   color: #fff;
}
.naidai-nav i.hover {
   background: #ff9000;
   color: #fff;
}
.naidai-in {
   width: 1210px;
   margin: 20px auto 0 auto;
   margin-top: 10px;
   text-align: center;
}
.naidai-in a {
   display: inline-block;
   width: 100px;
   text-align: center;
   background: #4f81bd;
   color: #fff;
   margin-right: 15px;
   margin-bottom: 10px;
   border-radius: 4px;
   -moz-border-radius: 4px;
   cursor: pointer;
}
.naidai-in a:hover {
   background: #ff9000;
}
.white_content {
   width: 580px;
   height: 310px;
   background: #fff;
   position: fixed;
   top: 50%;
   left: 50%;
   margin: -155px 0 0 -290px;
   border-radius: 8px;
   -moz-border-radius: 8px;
   z-index: 10;
   display: none;
}
.white_content h3 {
   color: #065ecc;
   font-size: 16px;
   text-align: center;
   height: 40px;
   line-height: 40px;
   padding-top: 15px;
}
.white_content ul {
   display: block;
   margin: 0px;
   padding: 30px;
   font-size: 14px;
   line-height: 35px;
}
.white_content dl {
   display: block;
   height: 40px;
   text-align: center;
   letter-spacing: -6px;
}
.white_content dl a {
   display: inline-block;
   letter-spacing: normal;
   position: relative;
   vertical-align: middle;
   height: 40px;
   line-height: 40px;
   color: #f00;
}
.white_content dl a.xiangqing {
   display: inline-block;
   letter-spacing: normal;
   position: relative;
   vertical-align: middle;
   height: 30px;
   line-height: 30px;
   font-size: 12px;
   background: #065ecc;
   color: #fff;
   margin-right: 10px;
   width: 120px;
   border-radius: 4px;
   -moz-border-radius: 4px;
}
.niandai-list-box {
   width: 1210px;
   margin: 10px auto 0 auto;
}
.subNavBox {
   display: block;
   padding: 0 2% 10px 2%;
   position: relative;
   border-bottom: 1px dotted #ddd;
   overflow: hidden;
}
.subNavBox i {
   display: block;
   width: 80px;
   height: 80px;
   position: absolute;
   left: 10px;
   top: 10px;
   border-radius: 4px;
   -moz-border-radius: 4px;
}
.subNavBox em {
   display: block;
   width: 80px;
   height: 80px;
   position: absolute;
   left: 10px;
   top: 10px;
   border-radius: 50%;
   -moz-border-radius: 50%;
}
.subNav {
   background: url(../images/index_07.png) no-repeat center right;
   height: 40px;
   line-height: 40px;
   background-size: 30px;
   margin: 0 0 0 90px;
   padding-left: 10px;
}
.subNav:hover {
   color: #333;
}
.currentDd {
   color: #333;
}
.currentDt {
   background-image: url(../images/index_10.png);
   background-size: 30px;
   padding-left: 10px;
}
.navContent {
   clear: both;
   height: 52px;
   color: #666;
   padding: 0 10px;
   overflow: hidden;
   margin: 0 0 0 90px;
}
.niandai-list-lf {
   width: 49.2%;
   float: left;
}
.niandai-list-ri {
   width: 49.2%;
   float: right;
}
.gx-xx-animation-box {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   min-height: 100vh;
   box-sizing: border-box;
   overflow: hidden;
}
.gx-xx-animation-box > .iframe-box {
   width: 1210px;
   margin: 0 auto;
   height: 708px;
   padding: 54px 56px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-repeat: no-repeat;
   background-size: 1323px 778px;
}
.gx-xx-animation-box > .iframe-box > iframe {
   position: absolute;
   max-width: 1210px;
   height: 670px;
}
.logo-gx {
   width: 187px;
   position: absolute;
   top: 2%;
   left: 2%;
}
.logo-gx img {
   width: 100%;
   object-fit: contain;
}

.media-list {
   width: 225px;
   position: relative;
}
.media-list ul .videoBox {
   display: flex;
   flex-direction: column;
   height: 133px;
   border-radius: 4px;
   overflow: hidden;
   margin: 10px auto 27px;
}
.media-list ul .videoBox:hover img {
   width: 120%;
}
.media-list ul .videoBox a {
   font-size: 15px;
   position: relative;
   height: 100%;
   width: 100%;
}
.media-list ul .videoBox img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   left: 50%;
   top: 50%;
   transition: width 0.5s ease-in-out;
   transform: translate(-50%, -50%);
}
.media-list ul .videoBox i {
   width: 100%;
   height: 100%;
   background-color: #0000005e;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
}
.media-list ul .videoBox i::before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-size: 45px;
}
.media-list ul .videoBox p {
   width: 100%;
   color: #fff;
   position: absolute;
   bottom: 0;
   box-sizing: border-box;
   padding: 3px 10px;
   text-align: center;
   font-size: 13px;
}
.media-list ul li:not(.videoBox) p {
   font-size: 14px;
   margin-top: 12px;
   color: #666;
}

/*会员登录*/
.login_ck{position:fixed; left:0px; top:0px; z-index:99; width:100%; height:100%; background:url(../images/tit_bg.png); display:none;}
.login_ck ul{display:block; width:380px; height:300px; position:absolute; top:50%; left:50%; margin:-160px 0 0 -190px; background:#fff; border-top:3px solid #06c;}
.login_ck ul h3{display:block; height:35px; line-height:35px; font-size:16px; border-bottom:1px solid #ccc; margin-bottom:10px; padding:0 15px;}
.login_ck ul h3 .login_gb{display:inline; float:right; cursor:pointer;padding-top: 7px;}
.login_ck ul td{font-size:12px;}

.login_yhm{width:279px; height:38px; line-height:38px; padding-left:40px; border:1px solid #ddd; background:url(../images/huiy_07.png) no-repeat 10px center;}
.login_ma{width:279px; height:38px; line-height:38px;  padding-left:40px;border:1px solid #ddd; background:url(../images/huiy_10.png) no-repeat 10px center;}

.login_mima{display:inline; float:right; padding:0 5px;}
.login_zuce{display:inline; float:right; padding:0 5px; color:#06c !important;}

.login_qq{display:inline-block; width:16px; height:16px; margin-left:15px;color:#06c; background:url(../images/png_20.png) no-repeat center center;}
.login_qq:hover{ background:url(../images/png_qq.png) no-repeat center center;} 

.login_weibo{display:inline-block; width:20px; height:20px; margin-left:15px;color:#06c; background:url(../images/png_21.png) no-repeat center center;}
.login_weibo:hover{ background:url(../images/png_12.png) no-repeat center center;}

.login_weixin{display:inline-block; width:20px; height:20px; margin-left:15px;color:#06c; background:url(../images/png_22.png) no-repeat center center;}
.login_weixin:hover{ background:url(../images/png_14.png) no-repeat center center;}

/*视界*/