@charset "UTF-8";
/*主题颜色*/
.theme-font-color { color: #ff5000; }

.theme-border-color { border-color: #ff5000; }

.theme-border-color::after { border-color: #ff5000; }

.theme-background-color { background-color: #ff5000; }

.u-container { width: 1200px; margin-left: auto; margin-right: auto;       position: relative;}
.qq__sidebar {
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 9;
}
.qq__sidebar #qq {
  margin-bottom: 10px;
  height: 70px;
  width: 70px;
  text-align: center;
  background:#1d8aff;
  font-weight: bold;
}
.qq__sidebar .sco__tel img {
  margin: 6px 0;
}
.qq__sidebar .sco__tel p {
  color: #fff;
}
#qq {
  cursor: pointer;
}
.qq__advisory {
  position: relative;
}
.qq__tel {
  width: 200px;
  position: absolute;
  right: -200px;
  line-height: 70px;
  top: 0;
  background: #448fa5;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  z-index: -1;
}
.qq__tel a {
  margin-right: 15px;
}
.qq__left {
  position: relative;
}
  .qq__left .qq__code {
    width: 150px;
    position: absolute;
    right: 100px;
    top: 0;
    display: none; 
    border: 1px solid #ccc;
    padding: 15px;
  }
  .qq__left .qq__code img {
    width: 100%;
  }

.qq__left:hover .qq__code{
  display: block; 
}
.qq__advisory:hover .qq__tel{
  right: 70px;
  -webkit-transition: right 1s;
  -o-transition: right 1s;
  transition: right 1s;
}
#map{height:400px;margin-top:20px;}
.contact__button {
  margin-top: 15px; margin-left: 10px; font-size: 20px; 
      display: flex;
    align-items: center;
}

.contact__btn { border: 1px solid #ccc; font-size: 14px; line-height: 25px; }

.contact__name { line-height: 26px; font-size: 16px; float: right; }

.name__box { /*width: 70px;*/ float: left; margin-right: 8px; }

.contact__btns { height: 128px; width: 96%; border: 1px solid #ccc; font-size: 14px; line-height: 20px; display: block; }
.report { font-size: 20px; margin: 10px 0; text-align: center; }

.report .send { color: #fff; background-color: #448fa5; padding: 10px; border-radius: 5px; cursor: pointer; }

.report .send:hover { background: #49b78c; }

.header__toper { background-color: #fff; height: 100px; }

.header__toper .logo { float: left;/* padding: 20px 0 10px 20px; */}

.header__toper .tel { float: right; font-size: 21px; margin-right: 20px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(60%);color:#0c495a;font-weight: bold;}

.header__toper .tel span {font-size: 24px; color: red;}

.swiper-slide img {width:100%;}

  .banxm {
    position: absolute;
    width: 1200px;
    height: 125px;
    bottom: 20px;
    left: 50%;
    margin-left: -600px;
      z-index:10;
}

.banxm ul li {
    float: left;
    margin: 10px 12px;
    background: #448fa5d6;
    padding: 15px 20px;
    width: 23%;
    border-radius: 14px;
}

.xmwrap {
    text-align: center;
    font-size: 19px;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0 0 6px 0;
    font-weight: bold;
}

.bson p {color: #fff;line-height: 24px;font-size: 14px;}

.top__dh{display: none;}

.navigation { background-color: #448fa5; }

.navigation .nav__title {    position: relative;float: left; font-size: 18px; padding: 0 12px; line-height: 50px; color: #fff; cursor: pointer;width: 11%;text-align: center; }

.navigation .nav__title a{display: block;height: 100%;}

.navigation .nav__title .nav__lists { width: 100%; margin-left: -50px; display: none; position: absolute; left: 50px;border-bottom: 2px solid #49b78c; background-color: #448fa5; z-index: 2; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); }

.navigation .nav__title .nav__lists li { line-height: 34px; color: #fff; border-top: 1px solid #ccc; }

/*.navigation .nav__title .nav__lists li:hover { color: #49b78c; }*/
.nav__lists li a:hover {color:aliceblue;}
/*.navigation .nav__title:hover { background-color:#1d8aff; }*/

.navigation .nav__title:hover .nav__lists { display: block; }

.footer { margin-top: 14px; background-color: #272d30; }

.footer .nav__title { float: left; margin-top: 20px; margin-right:85px; font-size: 16px; text-align: center; color: #d9d9d9; cursor: pointer; }

.footer .nav__title ul { border-top: 1px solid #999; margin-top: 10px; }

.footer .nav__title p { margin-bottom: 16px; }

.footer .nav__title li { font-size: 14px; margin: 10px 0; color: #868585; cursor: pointer; }

.footer .nav__title a:hover { text-decoration: underline; }

.footer .nav__title:last-child { margin-right: 0; }

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

.footer .adress { padding: 20px 0; padding-bottom: 10px; border-top: 1px solid #666; width: 100%; color: #868585; }

.footer .adress .adress__nav { float: left; width: 50%; margin-right: 3%; }

.footer .adress .adress__nav p { padding: 0 0 10px 0; line-height: 25px;}

.footer .tel { float: left; width:30%;}

.footer .tel .dian { margin-top: 10px; font-size: 16px; }

.footer .tel img { width: 30px; height: 30px; overflow: hidden; margin-right: 6px; float:left;}

.footer .code { float: right; width: 8.4%; height: auto; overflow: hidden; }

.footer .code img { width: 100%; }
.code .wxlx {
    text-align: center;
}
.footer .footer__contact { margin-bottom: 10px; }

.breadcrumb {padding: 4px 10px; color: #999; }

.breadcrumb li { float: left; margin-right: 10px; }

.breadcrumb li img { margin-right: 6px;    width: 18px;margin-top: -5px;}

.breadcrumb li a:hover { color: red; cursor: pointer; }

.pulice { margin-top: 30px; position: relative; }

.sidebar { width: 16.7%; float: left; /* .con { border: 1px solid #ccc; -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05); box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05); .contact__button { margin-top: 10px; padding-left: 10px; } .contact__btn { border: 1px solid #ccc; } .report { margin: 15px 0 10px 0; text-align: center; } .send { line-height: 24px; padding: 0 15px; background-color: red; color: #fff; border-radius: 2px; font-size: 16px; } .send:hover { background-color: #49b78c; } } */ }

.sidebar .sidebar__title { padding-bottom: 10px; border-bottom: 1px solid #666; text-align: center; }

.sidebar .sidebar__title span { font-size: 20px; }

.sidebar .sidebar__title p { font-size: 16px; }

.sidebar .about__contact { border: 1px solid #efefef; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05); }

.sidebar .about__contact img { width: 100%; }

.sidebar .about__contact h3 { font-size: 18px; line-height: 40px; background-color: #448fa5; text-align: center;    color: #fff;font-weight: bold; }

.sidebar .about__contact li { padding: 5px 0; }

.sidebar .sidebar__list { margin-bottom: 20px; }

.sidebar .sidebar__list h3 { font-size: 18px; line-height: 40px; background-color: #448fa5; text-align: center; }

.sidebar .sidebar__list li { margin-top:8px; background-color: #448fa5; line-height: 30px; font-size: 16px; border-radius: 5px; cursor: pointer;padding: 4px 0;text-align: center; color: #fff;}

.sidebar .sidebar__list li span { padding-left: 20px; }

.sidebar .sidebar__list li:hover { color: #fff; background-color: #ccc; }

.type__lists { width: 80%; float: right; }
.tabcont {width: 100%;}

.type__lists .sidebar__genre { font-size: 16px; margin-top: 30px;     display: flex;border-bottom: 1px solid #d7d7d7; }
  .tabcont .sidebar__genre {
   	 margin-top: 0;
}
.sj_dibox{display:none;}

.zhanlvecont p {
    font-size: 16px;
    margin: 18px 0;
    line-height: 30px;
}
.zhanlvecont h3 {
    font-size: 16px;
    font-weight: bold;
    color: #448fa5;
}
/*分页器*/
.number__list {
  text-align: center;
}

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

.number__list .digital {
  padding: 7px 14px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  cursor: pointer;
}

.number__list .digital:hover {
  background-color: #039dd3;
  color: #fff;
}

.number__list .jump {
  padding: 7px 14px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  cursor: pointer;
}

.number__list .jump:hover {
  background-color: #888;
  color: #fff;
}
.page-hide {
  display: none !important;
}
.pagination p {
  margin: 0;
  cursor: pointer;
}
.pagination a {
  display: block;
  float: left;
  margin-right: 10px;
  padding: 7px 14px;
  height: 30px;
  background: #fff;
  text-decoration: none;
  color: #808080;
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid #eee;
  cursor: pointer;
}
.pagination a:hover {
  background-color: #1b7085;
  color: #fff;
}
.pagination a.cur {
  color: #fff;
  background: #1b7085;
  border: 0px solid #e5e5e5;
}
.pagination p {
  float: left;
  padding: 2px 10px;
  font-size: 12px;
  height: 30px;
  line-height: 25px;
  color: #bbb;
  border: 1px #ccc solid;
  background: #fcfcfc;
  margin-right: 8px;
  border-radius: 2px;
}
.pagination p.pageRemark {
  border-style: none;
  background: none;
  margin-right: 0px;
  padding: 4px 0px;
  color: #666;
  font-size: 15px;
}
.pagination p.pageRemark b {
  color: red;
}
.pagination p.pageEllipsis {
  border-style: none;
  background: none;
  padding: 4px 0px;
  color: #808080;
}
.dates li {
  font-size: 14px;
  margin: 20px 0;
}
.dates li span {
  float: right;
}

.jump:hover {
  background-color: #888 !important;
  color: #fff;
}
.xin__footer{background: #f4f4f4;margin-top: 50px;}
.xin-left{float: left;width: 65%;}
.xin-li{height:300px;float: left;padding: 30px 0;width:24%;text-align: center;border-right: 1px solid #ccc;}
.xin-title{font-size: 18px;font-weight: 300;}
.xin-title span{font-weight: bold;}
.xin-box li{margin-top: 10px;}
.xin-box li:hover{color: #1d8aff;}
.xin-img img{width: 120px;}
.xin-right{padding-top: 30px;float: right;width:35%;}
.xin-table{margin-top: 10px;}
.xin-table input{margin-bottom: 10px;line-height: 30px;padding-left: 10px;width: 100%;}
.xin-table textarea{width: 100%;height: 70px;padding-left: 10px;}
.xin-btn{ display: block; width: 50%;line-height: 40px;background: #1d8aff;text-align: center;margin: 20px auto;cursor: pointer;color: #fff;}
.xin-down{padding: 20px 0;border-top: 1px solid #ccc;text-align: center;line-height: 30px;}
.navigation .cc2 {
    position: initial;
	text-align: left;
}
.xin-table .btn1 {
    width: 48%;
    margin: 0 3% 0 0;
}
.xin-table .btn2 {
    width: 48%;
}
@media (max-width: 760px) { 
  .u-container { width: 100%; }
  .qq__sidebar{display:none;}
  #map{width:100%;height:300;}
  .pulice { margin-top: 15px;     padding: 0 10px;}
  .breadcrumb { border-bottom: none; padding: 0 10px; }
  .breadcrumb li { float: left; margin-right: 5px; }
  .breadcrumb li img { margin-right: 5px; }
  .mbx_last { display: none;}
  .header__toper { height: auto; }
  .header__toper .logo { padding:0 10px;     width: 37%; }
  .header__toper .logo img { width: 100%; }
  .top__dh{
    display:block;
        width: 8%;
    float: right;
    margin: 15px 18px 0 0;
  }
  .header__toper .tel { display: none; }
  .mubu {width: 100%;display: none;height: 1000px;top: -100px;position: absolute;z-index: 4;background: rgba(26, 4, 4, 0.1);}
  .mubu.active {display: block;} 
  .navigation .nav__title { font-size: 14px; padding: 10px 4px; line-height: 26px; width: 100%;float: none; text-align: center; }
  .navigation .nav__title:hover { background-color: #49b78c; }
  .navigation .nav__title:hover .nav__lists { display: none; }
  .navi_dh{width: 50%;top: -20%;padding-top: 35%;right:-50%;z-index: 5;position: absolute;background: #448fa5;display:none;}
  .navi_dh.active{right:0;-webkit-transition: right 0.5s;-o-transition: right 0.5s;transition: right 0.5s;display:block;}
  .swiper-container { width: 100%; overflow: hidden; }
  .swiper-container .swiper-pagination { display: none; }
  .swiper-container .swiper-wrapper { width: 100%; height: auto; }
  .swiper-container .swiper-wrapper img { width: 100%; height: auto; }
  .sidebar { display:none; }
  .banxm{display:none;}
  .type__lists .sidebar__genre{margin-top:10px;}
  .about__contact { display: none; }
  .about__contact h3 { font-size: 18px; line-height: 30px; }
  .about__contact li { padding: 5px 0; }
  .type__lists { width: 100%; }
  .type__lists .sidebar__genre { padding-bottom: 6px; font-size:14px;margin-bottom: 10px;}
  .footer { margin-top: 30px;padding: 0 8px; }
  .footer .footer__list { display: none; }
  .footer .adress { padding: 0; position: relative; padding-bottom: 10px; border-top: 1px solid #666; width: 100%; color: #868585; }
  .footer .adress .adress__nav { float: left; width: 100%; margin-right: 0%; font-size: 16px; }
  .footer .adress .adress__nav p { padding: 10px 0; }
        .zlftdt {
        display: none;
    }
  .footer .tel { width: 66%; }
  .footer .tel .dian { margin-top: 10px; }
  .footer .tel img { width: 30px; height: 30px; overflow: hidden; margin-right: 6px;display:none; }
  .footer .code { width: 25%; float: right; margin-right: 2%; }
  .footer .footer__contact { margin-bottom: 10px; }
  .syyju{display:none;}
  .nyyju{display:none;}
  .sj_dibox{display: block;z-index:15;}
  .sj_footer {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index:15;
  }
  .sj_footer .sj_footer_a {
    display: block;
    width: 33.33%;
    text-align: center;
    background-color: #2084c2;
    float: left;
    font-size: 1em;
    color: #fff;
  }
  .sj_footer .sj_footer_a img {
    width: 40%;
    float:left;
    padding-left:10%;
    margin-top:5px;
  }
  .sj_footer .sj_footer_a p{line-height:50px;}
  .sjserver{position: absolute;bottom:50px;width:100%;background-color: #2084c2;display:none;z-index:6;}
  .sjserver li{padding:10px 0;border-bottom: 1px solid #ccc;}
  .sjtable{
        position: absolute;
    bottom: 50px;
    width: 100%;
    background-color: #f3f3f3;
    display: none;
    z-index: 12;
    padding: 10px 0;
  }
  .quan{width:100%;height:100%;z-index:10;display:none;background: rgba(0, 0, 0, 0.5);    position: fixed;top:0;}
    .name__box { width: 70px; float: left; margin-right: 8px; }
  .contact__btns { height: 130px; width: 70%; border: 1px solid #ccc; font-size: 14px; line-height: 20px; display: block; }
    .report { font-size: 16px; margin: 10px 0; }
  .report .send { padding: 6px; }
  .qq__sidebar {display:none;}
  .navigation .nav__title .yu{z-index:99;padding-bottom:0;background-color:#448fa5;top:46px;border-bottom:none;}
  .map{display:none;}
  /*分页器*/
  .number__list .amount .shou,
  .number__list .amount .wei {
    display: none;
  }
  .number__list .jump {
    padding: 7px 8px;
  }
  .pagination a {
    padding: 7px 12px;
    margin-right: 6px;
  }
    #banner {
      display: none;
  }
    .new__info {
      color:#999;
      font-size: .8rem;
  }
  .kpdedj {
      margin-top: 0;
  }


}

.u-container:after { content: " "; display: table; }

.u-container:after { clear: both; }

/* [i="header"] { background-color: #eb604b; } [i="footer"] { background-color: #cbc027; } [i="banner"] { background-color: #20d52c; .swiper-container { width: 100%; height: 500px; } } */

/*右侧联系方式*/
    
.sidebar__list .muen {
    text-align: center;
}
.sidebar__list .muen a {
    color: #fff;
}
.cl p {
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}
.nyyju {
    color: #ccc;
    width: 1200px;
    margin: 10px auto;
    text-align: center;
      padding: 10px 0 0 0;
}
.syyju {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.about__contact ul {
    padding: 10px 10px;
}

.want { width:100%; float: left; margin: 40px 0 0 0;}
.zlwant {
    margin-top: 50px;
}
.want ul {
  min-height: 250px;
}

.want h3 { font-size: 20px; font-weight: bold; padding-bottom: 8px; border-bottom: 3px solid #2C8BDA; }

.want h3 span { background-color: #448fa5; padding: 10px; color: #fff; }

.want ul { list-style-type: disc; padding: 10px 0; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05); }

.want li { 
      margin-top: 20px;
    overflow: hidden;
    padding: 0 6px;
    font-size: 16px;
    color: #666;
    width: 50%;
    float: left;
}

.want li a:hover { color: red; cursor: pointer; }


/* .about__contact { border: 1px solid #efefef; -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05); box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05); h3 { font-size: 18px; line-height: 40px; background-color: #448fa5; text-align: center; } li { padding: 5px 0; } } */
@media (max-width: 760px) { 
  .core { padding: 0 6px; }
  .new__header h1 { font-size: 18px; margin: 10px 0; }
  .core .info__nav { padding-right: 10px; }
  body img{max-width:100%;}
  .core .info__nav:last-child { display: none; }
  .guide{display:none;}
  .more__want .tel { font-size: 16px; }
  .team__left{padding:0;}
  .team__put {  margin-right: 2.2%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
  .return {display:none;width: 30%; line-height: 30px; font-size: 14px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(70%); }
  .sjwant{display:none;}
  .want{width:100%}
  .want h3 { font-size: 16px; }
  .want li { overflow: hidden;width: 100%; }
  .kwmle li>div {
      display: none;
  }
  .want .kwmle li {
      border-bottom: none;
  }
  .want .kwmle li a {
      font-weight: normal;
  }
  .want kwmle {
  }
	/*.crumbs li:last-child{display:none;}*/
  .xin__footer{margin-top: 20px}
  .xin-top{display: none;}
  .xin__footer i{display:none;}
  .xin-down{padding:10px;}
  .navmb span {
    display: none;
}
.navmb {
    padding: 0 10px;
}
.containerlist h2 {
    font-size: 18px;
}
.ht h1 {
    font-size: 20px;
}
.ht {
    margin: 20px 0 20px 0;
}
.ztgd {
    font-size: 16px;
}
.ztmllist {
    padding: 0 20px;
}
.ztmltt {
    margin: 0 20px;
}

  
  
}

.son_nav li {
    display: inline;
    float: left;
    width: 208px;
    margin-right: 26px;
    margin-bottom: 20px;
    margin-left: 26px;
}
.songnav_tit {
    font-size: 16px;
    color: #222;
    line-height: 1;
    padding: 10px 0;
    border-bottom: 1px #ccc solid;
    margin-bottom: 10px;
}
.songnav_pro {
    font-size: 12px;
    color: #666;
    line-height: 25px;
  	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
}
.son_nav {
    padding-top: 20px !important;
    width: 1300px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    z-index: 9999;
   background: url(/assets/easy/image/sonnav.png);
      display: none;
}
.nav__title.cc2:hover .son_nav {
    display: block;
}
.tablist2 {
    width: 100%;
}
.book__tab2 {
    text-align: center;
}
.qywhlm {
    width: 100%;
}
.yewh_title {
    text-align: center;
    font-size: 24px;
    margin: 20px 0 20px;
    font-weight: bold;
}
.wenhuabox p {
    font-size: 16px;
    margin: 15px 0;
    line-height: 28px;
}
.wenhuabox h2 {
    font-size: 19px;
    font-weight: bold;
    border: none;
}

.wenhuabox h2::before {
    content: "";
    border-left: 5px solid #448fa5;
    padding: 0 0 0 10px;
}
.ywuewe {
    text-align: center;
    color: #777;
    margin: 0 0 30px 0;
}
.huwxs {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    color: #555;
    padding: 20px 0;
    border-bottom: 1px dotted #ccc;
}
@media (max-width: 760px){
  .u-container .cc2:hover .son_nav { display: none;}
  .smalltitle {
      padding-left: 10px;
      border-left: 5px solid #448fa5;
      font-size: 17px;
    font-weight: bold; 
    color: rgb(16, 74, 90);
  }
.wenhuabox h2 {
    font-size: 1rem;
}
.yewh_title {
    font-size: 1.3rem;
}
  
  
}
    /*在线客服 开始*/
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(/assets/easy/image/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.side_title, .side_blue .side_title { background-position: -195px 0;}
.side_bottom, .side_blue .side_bottom {background-position: -195px -50px;}
.side_center, .side_blue .side_center {background: url(/assets/easy/image/blue_line.png) repeat-y center;}
.show_btn, .side_blue .show_btn {background-position: -119px 0;}
.other .zlyhz {
    padding: 0 0 10px 0;
}
/* ======  联系浮窗手机端默认收起  ====== */
@media screen and (max-width:767px) {
      #scrollsidebar {
        display: none;
    }
  .scrollsidebar .side_content {
    width: 0;
  }
  .scrollsidebar .show_btn {
    width: 25px;
  }
}
/*在线客服 结束*/