@charset "utf-8";
:root {
  --white-color: #ffffff;
  --brown-light-color: #C0902E;
  --brown-heavy-color: #9C5605;
  --gray-color:#6A6A6A;
  --primary-color: #E4393B;
  --hover-color: #E4393B;
  --border-color: #e7e7e7;
  --bg-color: #f8f8f8;
  --background-white-color:#FFFFFF;
  --tw-shadow-color:#333333;
}
html { color: #383739;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei",'Arial';}
.nav_tp10{
  height:3rem;
}

.current{
  color: var(--primary-color) !important;
  background-color: var(--bg-color);

}

.contact_us{
  width: 480px;
  margin:0 auto;
  text-align: center;
  height: 5rem;
}
.copyright_box{
  width: 1680px;
  margin: 0 auto;
  text-align: center;
  color: var(--gray-color);
  line-height: 3rem;
}
.footer_line{
  border-bottom: 1px solid #C0902E;
}
.blank_nav{
  /*height: 900px;*/
 height: 620px;
  width: 1920px;
}

.bg-1{
  height: 1580px;
  background: url("/static/images/bg1.jpg")  no-repeat;
}
.bg-11{
  height: 1580px;
  background: url("/static/images/bg1.jpg")  repeat-y;
}

.top_1 {
  text-align: center;
}
.bg-2{
  height: 1100px;
  background: url("/static/images/bg2.jpg")  no-repeat;
}
.article_box{
  background-color: var(--background-white-color);
  width: 372px;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg :hover {
   --tw-translate-y: -0.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ls_line_4{
  width: 980px;
  text-align: center;
  margin:0 auto;
  margin-bottom: 4rem;
}

.ls_line_4 p{
  line-height: 1.5rem;
}
.ls_line_3{
  width: 980px;
  text-align: center;
  margin:0 auto;
  margin-bottom: 4rem;
}
.ls_line_3 p{
  line-height: 1.5rem;
}

.ls_line_5{
  width: 1280px;
  text-align: center;
  margin:0 auto;
  margin-bottom: 4rem;
}
.ls_line_5 p{
  line-height: 1.5rem;
}
.ls_line_5 .layui-col-md2{
  width: 20% !important;
}
.article-more{
  width: 980px;
  text-align: center;
  margin:0 auto;

}
.article-more .line_dot{
  width: 1px;
  background: url("/static/images/line_dot.png") repeat-y;
}


.article-more .timeline {
  width: 2px;
  min-height: 100%; /* 关键：最小高度100% */
  background: linear-gradient(
          to bottom,
          #ccc 50%,
          transparent 50%
  );
  background-size: 100% 20px; /* 虚线间隔 */
  margin: 0 16px;
}

.article-more .year_date{
  font-size:20px;
  font-weight: bold;
  color:var(--brown-heavy-color);
  top:-5px;
  position: relative;
  text-align: left;
}
.article-more .month_date{
  font-size:20px;
  color:var(--brown-heavy-color);
  position: relative;
  text-align: left;
}
.article-more .title{
  font-size:18px;
  font-weight: bold;
  color:var(--brown-heavy-color);
  text-align: left;
}
.article-more .desc{
  color:var(--gray-color);
  text-align: left;
  line-height: 1.5rem;
  margin:1rem 0;
}
.article-more .img_list img{
  width: 95%;
  float:left;
}

.zs_top{
  padding: 4rem 0;
  width: 980px;
  margin: 0 auto;
}
.zs_top .desc{
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中（可选） */
  height: 365px;
  line-height: 2rem;
  font-size: 16px;
  padding:1rem;
}
.zjt_list{
  width: 980px;
  margin: 0 auto;
  border-top:1px solid #979797;
}
.more_btn {
  margin: 0 auto;
  text-align: center;
  width: 980px;
  margin-top:2rem;
}
.uname{
  font-size: 18px;
  color:var(--brown-light-color) !important;
  margin:1rem 0 .5rem 0;
}
.zjt_list p{
  color:var(--gray-color);
  line-height: 1.5rem;
}
.zs_line{
  width: 780px;
  text-align: center;
  margin:0 auto;
  margin-bottom: 4rem;
}
.zs_line p{
  line-height: 3rem;
}
.article_box .desc{
  height: 5rem;
  overflow:hidden;
  margin:1rem;
  margin-top:0rem;
  color:var(--gray-color);

}
.article_box .article_title{
  font-size: 16px;
  color:var(--brown-heavy-color);
  margin-left:1rem;
  line-height: 3rem;
}
.bg-3{
  height: 540px;
  background: url("/static/images/bg_footer.jpg") no-repeat;
}
.thumb{
  text-align: center;
  margin:1rem;
}
.thumb p{
  margin-top:.3rem;
}
.act_list{
  width: 1280px;
  margin:0 auto;
}
.link_list{
  width: 900px;
  margin:0 auto;
}

.top_1 img{
  margin-top:3rem;
  margin-bottom: 50px;
}
.container{
  margin: 0 auto;
  width: 1920px;
}
.xhs_btn{
  margin-top:8px;
}

/* 默认隐藏二维码 */
.qrcode {
  display: none;
  position: absolute;
  bottom: 120%;      /* 显示在 icon 上方 */
  left: 50%;
  transform: translateX(-50%);
  width: 160px;      /* 调整二维码大小 */

}
/* 悬停时显示二维码，并给 icon 添加效果 */
.icon:hover {
  filter: brightness(1.2);  /* 图标变亮 */
  transform: scale(1.05);   /* 轻微放大 */
  transition: all 0.3s;     /* 平滑过渡 */
}
.icon:hover + .qrcode {
  display: block;  /* 显示二维码 */
}

.banner{
  position: absolute;
  /*height: 885px;*/
  height: 619px;
  overflow: hidden;

}
.bg-color{
  max-width: 100%; /* 新增 */
  overflow-x: hidden; /* 关键修复！禁止横向滚动 */
}
.row_navbar{
  background: rgba(255,255,255,0.8);
  width: 100%;
  height: 80px;
  border-bottom: 1px solid var(--brown-light-color);
}
.team-more{
  border-top: 1px solid #979797;
}
.more_list{
  margin-top:2rem;
}
.jibie{
  font-size:14px;
}
.t{
  width: 46% !important;
  float: left;
  font-size: 12px;
  margin: 1rem;
  height:8rem;
}
.team_more_top{
  margin-top:6rem;
}
.nav_menu{
  line-height: 2rem;
}
.logo{width: 15rem;float:left; }
.main-nav .nav-container{
  float:right;
  line-height: 3.2rem;
  font-size: 1.2rem;
  font-weight: 300;
}
#languageSwitch{
  color: var(--brown-light-color);
  float:right;
  margin-top:1.8rem;
  font-size: 1.3rem;
  font-weight: 300;
  margin-right: 5rem;
}
#languageSwitch span{
    cursor:pointer;
}
#languageSwitch .cur{
  font-weight: 600;
  color:var(--brown-heavy-color);
}
.right_copy{
  margin:2.5rem ;
  float:right;
}
.footer_content{
  margin:2.5rem ;
  float:left;
}

.cloud {
  position: absolute;
  /*background-image: url('/static/images/icon/cloud.png');
   也可以替换为你喜欢的云朵PNG URL */
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.8;
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
}

.index_font img{
  float:right;
  margin:2rem 2rem;
}
.index_font_img img{
  position: absolute;
  top:-1.5rem;
}

.line{
  margin-top:3em;
  border-top: 1px solid var(--brown-light-color);
}
.art_line{
  margin:2em 0 3em 0;
  border-top: 1px solid var(--brown-light-color);
}

footer .row{line-height: 30px}

footer {
  width: 1920px;
  margin: 0 auto;
  margin-top:200px;
}
footer nav {
  float: right;
  margin-bottom: 1rem;
  margin-top: 1rem;
  height:auto;
}
footer nav a::before {
  color: #fff;
}
footer nav a::after {
  color: #fff;
}
footer nav a:link {
  color: #fff;
  text-decoration: none;
}
footer nav a {
  color: #fff;
  float: left;
  list-style: outside none none;
  text-decoration: none;
  margin:0 1rem;
}
footer a {
  color: #fff;
}
.book_box{
  margin:2rem 0 ;
}
.book_title{
  font-size: 16px;
  color:var(--brown-light-color) !important;
  margin:1rem 0 2.5rem 4rem;
}
.max_row{
  margin: 0 auto;
  max-width: 830px;
}
.list_box{
  background-color: var(--white-color);
  border: 1px solid #C5C5C5;
  border-top:4px solid var(--brown-light-color);
  height:auto;
  margin:.2rem;
  margin-bottom: 1rem;
}
.list_box .chtitle{
  color: var(--brown-light-color);
  text-align: left;
  border-bottom:1px solid #C9C9C9;
  line-height: 2rem;
  padding-left: 1rem;
  font-size:16px;
}

.list_box .chtitle span{
  text-align: left;
}

.list_box .htitle{
  background-color: var(--brown-light-color);
  text-align: left;
  color:var(--white-color);
  width: 100%;
  height: 2rem;
  line-height: 2rem;
}
.htitle span{
  margin:5px .8rem;

}
.list_box ul{
  border-bottom: 1px solid #C9C9C9;
  margin: 1rem .8rem;
  text-align: left;
  color:var(--gray-color);
}
.list_box ul:last-child{
  border-bottom: none;

}
.ul_list span{
  line-height:3rem;
  color:#C9C9C9;
}
.ul_list li{
  border-bottom: 1px solid #C9C9C9;
  margin: 1rem .5rem;
  text-align: left;
  font-weight: 320;
  color:var(--brown-light-color);
}
.ul_list :last-child {
  border-bottom: none;
}
.ul_list .title a{
  color:var(--brown-heavy-color);
}
.list_box .title{
  color:var(--brown-heavy-color);
  text-align: left;
  font-weight: bold;
  font-size:15px;
  line-height: 2rem;
}
.list_box. contect_desc img{
  text-align: center;
}

.list_box .contect_desc p{
  color:var(--gray-color);
  margin-top:1rem;
  font-weight: 400;
  font-size: 12px;
  text-align: left;
}

.list_box .see_more{
  color:var(--brown-light-color);
  margin:1rem 0 ;
  text-align: left;
}
.contect_desc{
  text-align: center;
}
/*
 *-----------------menu----------------------------------------------------------------------
 */
 .hero-section {
   background-image: url('/static/images/d71a6c5f0cca90bc3b693b1a17c6e86d.jpg');
   background-size: cover;
   background-position: center;
 }
.news-card {
  background-image: linear-gradient(to bottom right, rgba(255,255,255,0.9), rgba(255,255,255,0.8));
  backdrop-filter: blur(10px);
}

/* 导航容器 */
.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* 主导航栏 */
.main-nav {
  width: 100%;
  left: 0;
  z-index: 1000;
}

/* 导航菜单列表 */
.nav-list {
  display: flex;
  list-style: none;
  position: relative;
}

/* 一级菜单项 */
.nav-item {
  position: relative;
  width: 220px;
}

.nav-item > a {
  text-align: center;
  display: block;
  padding: 14px 20px;
  color: var(--text-color);
  text-decoration: none;
  transition: all 0.3s ease;
}

.nav-item > a:hover {
  color: var(--primary-color);
  background-color: var(--bg-color);
}

/* 下拉菜单 */
.dropdown-menu {
  position: absolute;
  top: 100%;
  height:auto;
  left: 0;
  background-color: white;
  min-width: 200px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  z-index: 1000;
  display: none;
  border: 1px solid var(--border-color);
  border-top: none;
}

/* 二级菜单容器 */
.submenu-container {
  position: absolute;
  left: 100%;
  top: 0;
  box-shadow: 6px 6px 12px rgba(0,0,0,0.175);
  display: none;
  background-color: var(--white-color);


}

.submenu-container .category-title {
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #b6b7b9;
  color: #000;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 15px;
  margin-top:20px;
  margin-left:15px;
}

.submenu-container .category-title  a {
  color: #157eac;
  font-weight: 800;
  font-style: normal;
  text-decoration: none;

}

.submenu-container .lbox a{
  color:#000000;
}


.submenu-container  .close-submenu {
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  border: 0;
  background-color: #f8f8f7;
  position: absolute;
  left: 90%;
  color: #181818;
  width: 15px;
  height: 24px;
}

.btm {
  min-width: 210px;
  float: left;
  line-height: 45px;
  color:#1c355e;
  padding-left:2rem;

}
.btm li:hover{
  background-color: #f8f8f7 !important;
}
.btm li{
  border-bottom: 1px solid #e7e7e7;

}
.btm > a:hover {
  cursor: pointer;
  text-decoration: none;
  color:#E4393B !important;
}
/* 下拉菜单项 */
.dropdown-item {
  position: relative;
  list-style: none;
}

img, video{
  max-width: none;
}


/* 显示类 */
.show {
  display: block !important;
}

/* 当前打开的菜单项 */

.active > a {
  color: var(--primary-color);
  background-color: var(--bg-color);
}

/* 移动端菜单按钮 */
.mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  font-size: 24px;

  cursor: pointer;
  color: var(--text-color);
}
@media (max-width: 1020px) {
  header>.container .row {

  }
}
/* 移动端适配 */
@media (max-width: 992px) {
  .space_left10{
    margin-right:0.3rem !important;
  }
  .w-3\/4{
    width: 100%;
  }
  .pr-12{
    padding-right: 0rem;
  }
  .w-1\/4{
    display: none;
  }
  .grid{
    display: block;
  }
  nav .container{
    top:-30px;
  }
  #mobileMenuBtn{
    display: block !important;
  }
  header>.container .row{
    right:0 ;
  }
  .main-nav{top:40px;background-color: none;}
  .nav-item > a{
    font-weight: normal;
  }
  .active > a{
    font-weight: bold;
  }
  header a{
    font-weight: normal;
  }
  .container .flex{
  'white-space: nowrap;
  }
  .container .relative{
    display: none;
  }
  .container .flex button{
    display: none;
  }
  .mobile-menu-btn {
    display: block;
  }
  .banner ,.slide1{
    display: none;
  }
  .nav-list {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .nav-list.show-mobile {
    background-color: var(--white-color);
    display: flex;
  }
  .nav-list li ul{
    left:0;
    visibility:visible;
    position: relative !important;
  }
  .nav-item {
  }

  .dropdown-menu {
    position: static;
    width: 100%;
    box-shadow: none;
    border: none;
    display: none;
  }

  .lbox .btm{
    width: 100%;
    height:4rem !important;
  }
  .submenu-container{
    box-shadow:none;
    min-height:80px;
  }
  .submenu-container li{
    list-style: none;
    float:left;
  }
  .dropdown-item > a {
    justify-content: space-between;
  }

  .dropdown-item.has-submenu > a::after {
    content: '';
    font-weight: normal;
    font-size: 18px;
  }

  .btm{
    width: 100%;
    max-width:none;
  }
  .logo img{
    width:200px;
    margin-top:1.2rem;
    margin-right: 1rem;
  }

  /* 点击区域扩大 */
  .nav-item > a,
  .dropdown-item > a {
    padding: 15px 20px;
    border-bottom: none;
  }

  .nav-arrow{
    display: none;
  }

  .submenu-container .lbox{
    margin:0px;
  }

  #mobileMenuBtn span{
    position: absolute;
    font-size: 20px;
    margin-left:2rem;
    margin-top:-5px;
  }

}

@media (max-width: 1020px) {
  .nav-list a:hover {
    color: #0099FF !important;
  }

  /* 小屏幕设备优化 */
  @media (max-width: 576px) {
    .nav-container {
      padding: 0;
    }


  }
}


header a:link {
  color: #2c2c2b;
}
.dropdown-item > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  color: #1c355e !important;
  text-decoration: none;
  font-weight: 400;
  border-bottom: 1px solid var(--border-color);
}

.dropdown-item > a:hover {
  background-color: #f8f8f7 ;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  color:#E4393B !important;
}
.overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 900;
  display: none;
}
#mobileMenuBtn{
  display: none;
}
.list_txt{line-height: 2rem;}
.box-row{
  float:left;
  width: 50%;
}
/*
 *-----------------menu----------------------------------------------------------------------
 */
/*
 *------------------header----------------------------------------------------------------------
 */
.no_leftmargin{margin-left:0px !important;}
 .jiathis img{float:left;}

 .imgbox img{
  border:1px solid #87898b;
  margin:1rem;
}
.fblack{   color:#383739;text-decoration:none}
/*.black{
  }*/
  .red{
    color:#ee2a24;
  }
  .black{ color:#000000; }
  .gray{
    color:#666666;
  }
  .white{
    color:var(--white-color);
  }
  .float_left{
    float:left
  }
  .float_right{
    float:right
  }
  .bgblue{
    background:url(../images/blue_gradient_bg.jpg) no-repeat;
    height:245px;

  }
  .searchinput{
    width: 16rem;
    border: 1px solid #ccc;
    height: 2.7rem;
    color: #666;
    padding-left: 5px;

  }
  .text_center{
    text-align: center;
  }
  #adv_searchdo #select{
    width: 150px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 1rem;
    font-size:14px;
  }
  #adv_searchdo .searchbox_btn{
    float:left;
    margin-top:10px;
    margin-left:0px;
  }
  #adv_searchdo .searchbox_btn_right{
    float:right;
    margin-left:5px;
  }

  .searchinput_left{
     border: 1px solid #ccc;
    height: 3rem;
    color: #666;
    padding-left: 5px;
    width: 145px;
    line-height: 3rem;
    font-size: 14px;

  }
  .share{
    clear:both;
    margin-top:-3rem;
  }
  .f12{
    font-size:1.2rem;
  }
  .f20{
    font-size:2rem;
  }
  .f14{
    font-size:1.4rem;
  }
  .f16{
    font-size:1.6rem;
  }
  .h16{
    line-height:3rem;
  }
  .f_09{
    font-size:12px;
  }
  .space_10{margin:0.35rem;margin-top:0.2rem;}
  .space_12{margin:0.35rem;margin-top:0.2rem;}

  .space_11{margin-left:0rem;margin-right:0.4rem;margin-top:0.5rem;}
  .space_left10{margin-left: 0.7rem}
  .space_left5{margin-left:0.5px;}
  .space_left25{margin-left:2.5rem;}
  .space_left15{margin-left:1.5rem;}

  .space_right5{margin-right:0.5rem;}
  .space_right10{margin-right:1rem;}
  .space_top10{margin-top:1rem;}
    .space_top30{margin-top:3rem;}

  .space_right25{margin-right:2.5rem;}
  .space_height10{height:0.5rem;}
  .space_height60{height:6rem;}

  .space_height25{height:2.5rem;}
  .space_height50{height:5rem;}
  .space_height80{height:8rem;}

  .line_height40{line-height: 4rem;}
  .bggray{
    background-color: #d0d0d0;
    height:21rem;
  }
  .red_gradient_bg{
   background:url(../images/red_gradient_bg_L.jpg);
   height:120px;
 }
 .green_bg{
   background:url(../images/green_bg.jpg);
   margin-top:.5rem;
   height:120px;
 }
 .green_bg ul{margin-left:5px;}
 .green_bg li{
  background: rgba(0, 0, 0, 0) url("../images/white_triangle.png") no-repeat scroll 8px center;
  list-style: outside none none;
  text-decoration: none;
}
.red_gradient_bg li{
  margin-left:5px;
  background: rgba(0, 0, 0, 0) url("../images/white_triangle.png") no-repeat scroll 8px center;
  list-style: outside none none;
  text-decoration: none;
}

.weight{font-weight:bold;}
.bgforum{
  background:url(../images/forum.jpg) no-repeat;
  height:21rem;
  background-color: #d0d0d0;

}


.mtop{margin-top:6rem;}
.mtop img{max-height:120px;max-width:120px;}
.mright{width:80%;}
.rimg{width:200px;text-align:center;}
.lright{float:right;margin:0.5rem;margin-top:3rem;}
.mleft{ margin-left:1rem;}

.lright .loginbox{
  float:left;
  margin-top: 5px;
  width:180px;
  height:30px;
  background:url(../images/loginbox.png) no-repeat;
}
.nav__tabs{width:80%;  height: 28px; line-height: 28px;}
.mar_r65{margin-left:65px;}
.lright .searchbox{float:left;}

.searchbar .searchInput {
 height: 30px;
 border-radius: 3px;
 border:1px solid #efefef;

}
.seachBarSubmit{
  position: absolute;
  margin-left:-3rem;
  margin-top: 3px;
}
.searchbar input{
  float:left;
  background-color: var(--white-color);border:none;font-size:1.5rem;
  color:#666666;
  height:25px;
  border-radius: 2px;
}

.searchbox_btn {
 text-align: center;
 height:2rem;
 background-color: #E23635;
 color:var(--white-color);
 padding:5px 10px 5px 10px;
 margin-left: 0.5rem;

}
.searchbox_btn:hover{
 background-color: #ff0000;
 cursor:pointer;
}

.searchbox_btn_right{
 text-align: center;
 height:2rem;
 background-color: #E23635;
 color:var(--white-color);
 padding:5px 10px 5px 10px;
 margin-left: 0.5rem;
}
.searchbox_btn_right:hover{
 background-color: #ff0000;
 cursor:pointer;
}



.topnav{
 font-size: 1.5rem;
 line-height: 2rem;
 background: none;
}
.bottomnav{
 background: none; 
}
.footerCopy img{vertical-align:middle;margin-right:5px;}
.topnav span{ color:var(--white-color);float:left; }
.bottomnav span{ color:var(--white-color);float:left; }
.slide-panel{margin:0 auto;}
.slide-panel li{list-style:none;}
/*底部分享图片效果*/
.social-icons div{float:left;height:50px;margin:1rem;width:50px;}
.social-icons .youku {background-image:url('../images/youku_mono.png');}
.social-icons .youku:hover{background-image:url('../images/youku_color.png');}
.social-icons .sina {background-image:url('../images/sina_mono.png');}
.social-icons .sina:hover{background-image:url('../images/sina_color.png');}
.social-icons .wechat {background-image:url('../images/wechat_mono.png');}
.social-icons .wechat:hover{background-image:url('../images/wechat_color.png');}
.social-icons .ttq {background-image:url('../images/ttq_mono.png');}
.social-icons .ttq:hover{background-image:url('../images/ttq_color.png');}
.social-icons .bilibili {background-image:url('../images/bilibili_mono.png');}
.social-icons .bilibili:hover{background-image:url('../images/bilibili_color.png');}
.container h5{
  margin:1rem;
  font-size:2rem;
}
.container .more{
  float:right;
  font-size:1.6rem;
  font-weight:normal;
}
.more img{
 vertical-align:middle;
 height: 23px;
 width:23px;
}
.img_more img{line-height: 30px;}
.margin_top{
}
.container .bgimage1{
  margin-left:0px;
}

.bgblue li{
  list-style:none;
  background: url('../images/white_triangle.png') no-repeat 8px;
  line-height:30px;
  text-decoration:none;
}
.bggray li{
  list-style:none;
  background: url('../images/red_triangle.png') no-repeat 8px;
  line-height:30px;
  text-decoration:none;
}
.mbtm{margin-left:2rem;}
.mbtm li a:link{ margin-left:5px;}
.mbtm a:link{text-decoration: none;}
.sbtm{
 padding:0 20px 0 5px;
}
.btm{
  padding:0 20px 0 5px;
  display: block;

}
.btmli{
  padding:0 20px 0 25px;
  list-style-type: none;
  width:auto;
}
.btmlinoright{
 padding:0 5px 0 25px;
 list-style-type: none;
 width:auto;
}
#pages span{  display: inline-block;
  font-size: 12px;
  height: 3rem;
  line-height: 3rem;
  padding: 0 12px;
  background: #e3e3e3 none repeat scroll 0 0;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
.btmli a:link{text-decoration: none;}
.btmlinoright a:link{text-decoration: none;}

.loginit{margin-top:15px;}
.btm a:link{text-decoration: none;}
.btn{
  background-color: #E23635;
  color:var(--white-color);
  padding:0px 10px 5px 10px;
  font-size:12px;

}
.btn:hover{
 background-color: #ff0000;
 cursor:pointer;
}
.bgred{
 background-color: #ff0000;
 color:var(--white-color);

}
.mleft10{
  margin-left:1rem !important;
}
.bgred .hw{
  height:1rem;
  line-height: 1rem;
  margin:1rem;
}
.content{
  border-left: 1px solid #d4d4d5;
  margin-left: 1%;
}
.design-center {
  margin-top: 20px;
}

.design-center div.content h1{
  font-size: 25px;
  font-weight: 500;
  padding: 5px 5px 5px 0;
  width:100%;
}
.center-title{
  font-size: 25px;
  font-weight: 500;
  padding: 5px 5px 5px 0;
}

section .left-nav h3 {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 1px;
}
section .left-nav ul {
  font-size: 13px;
  line-height: 7px;
  list-style: outside none none;
  padding: 0;
}
section .left-nav ul li::before {
  background: transparent none repeat scroll 0 0;
  color: #ee2a24;
  content: "–";
  margin-right: 4px;
  position: static;
}
section .left-nav ul li.subNav.open::before {
  content: "–";
  margin-right: 4px;
}
section .left-nav ul li.subNav::before {
  color: #ee2a24;
  content: "+";
  margin-right: 4px;
}

section .left-nav ul li {
  cursor: pointer;
  line-height: 14px;
  margin-top: 5px;
  margin-left: 14px;
  text-indent: -14px;
}
section .left-nav .selected{color:#ff0000;}

section .left-nav a {
  color: #383739;
}

section a {
  text-decoration: none;
}
section .left-nav ul li.subNav.open > a {
  color: #ee2a24;
}
.right_arrow{
  position:absolute;line-height: 12rem;
  margin-left: 1rem;
}
.bhr{
  margin-top:2.5rem;
  border-bottom: 1px solid #E1E1E1;
  padding:1rem 0rem 0rem 1rem;
}
.thr{
  border-top: 1px solid #E1E1E1;
}
.cbbhr{
  margin-top:1.5rem;

  border-bottom: 1px solid #E1E1E1;
  padding:1rem 0rem 0rem 1rem;
}
.bbhr{
  margin-top:1.5rem;
  border-bottom: 1px solid #E1E1E1;
}

.chr_box{
  border-bottom: 1px solid #E1E1E1;
  padding:0rem 0rem 0rem 1rem;
}

.chr{
  padding:0.5rem;
  border-bottom: 1px solid #E1E1E1;
}
.bgray{
  background-color: #efefef;
}
.hr{
  padding:0.5rem;
  padding-left:1rem;
  border-bottom: 1px solid #E1E1E1;
}
section .left-nav + div {
  border-left: 1px solid rgb(212, 212, 213);
}
.hrightbold {border-right: 1px solid #E1E1E1;}
.bolder{font-weight:bold;}
#pages {clear:both; padding:1rem 0 1rem;text-align:center;font:12px;}
#pages a { display:inline-block; padding:0px 12px; height:3rem;font-size:12px;line-height:3rem;background:#fff; text-align:center; color:#333;

  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
#pages a.a1 {padding:0px 12px; height:3rem; line-height:3rem;margin-top:0px;
  border:1px solid #e3e3e3;
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
}
#pages a.a2 {padding:0px 12px; height:3rem; line-height:3rem;margin-top:0px;
  border:1px solid #e3e3e3;
  border-bottom-right-radius:4px;
  border-top-right-radius:4px;
}
#pages .csae { background:#f1f1f1; color:#000; text-decoration:none; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }

.page .noPage { display:inline-block;  padding:0px 12px; height:3rem; line-height:3rem; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4;}


.video_unit1 {
  float: left;
  margin-top:2rem;
}
.video_img_center{
  text-align: center;
  margin: 0 auto;
}
.video_img {
  border:1px solid #87898b;
  margin:1rem;
  height:160px;
  margin-top:0px;
  overflow: hidden;
  width:280px;
  vertical-align:middle;
}
.video_img7 {
  border:1px solid #87898b;
  margin:1rem;
  margin-top:1rem;
  overflow: hidden;
  vertical-align:middle;
}

.video_img7 img {
  display: block;
  margin: 0 auto;
  height: 310px;
  vertical-align: middle;
}

.video_img5 {
  border:1px solid #87898b;
  margin:1rem;
  height:120px;
  margin-top:1rem;
  overflow: hidden;
  min-width:170px;
  vertical-align:middle;
}
.video_img5 img {
  display: block;
  margin: 0 auto;
  height: 120px;
  vertical-align: middle;
}
.video_img4 {
  border:1px solid #87898b;
  margin:1.5rem;
  height:105px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0px;
  overflow: hidden;
  vertical-align:middle;
}
.nolist{
  list-style-type: none;
  text-align: left;
}
.nolist a{margin:5px;}
#ooyalaplayer{
  margin: 0 auto;
}
.newsflashlist img{
  border:1px solid #87898b;
  margin-top:0px;
  overflow: hidden;
  vertical-align:middle;
}
.video_img_player{
  height:63rem;
  border:1px solid #87898b;
  margin-top:0px;
  overflow: hidden;
  vertical-align:middle;
}
.video_img_player h1{
  height:8rem;
}
.video_img4 img {
  display: block;
  margin: 0 auto;
  height: 105px;
  width:180px;
  vertical-align: middle;
}
.hot_tag{
  margin-left:1rem;
  font-size:1.4rem;
  font-weight: bolder;
}
.video_img img{
  display: block;
  margin: 0 auto;
  height:160px;
  vertical-align: middle;
}
.video_title {
  margin: 0rem 1rem;
  display: block;
  overflow: hidden;
  min-width: 180px;
  font-size: 12px;
  min-height: 80px;
}
.video_bigtitle {
  margin: 0rem 1rem;
  display: block;
  overflow: hidden;
  height:7rem;
  line-height: 7rem;
  word-break:break-all;
}
.icon_1{ width:16px; height:16px;}
.article_desc h1{margin-top:5rem;}
.column, .columns{list-style-type:none;}
#wechatimg{
  position: absolute;
  display: none;
  left:115px;
  top:-110px;
  z-index:99;
  padding:10px;
  padding-bottom:0rem;
  background-color: var(--white-color);
}
#wechatimg .wechatspan{
  text-align: center;
  margin:0px;
}
.cursorhand{
  cursor: pointer;
}
.wsix{
  min-width:180px ;
}
.lright .loginbox2 {
    float: left;
    margin-top: 5px;
    width: 180px;
    height: 30px;
}