@charset "utf-8";
/* ------------------------------------------------- 
 * 公用样式表 2022.08.15
 * ------------------------------------------------- 
*/  

/* 说明
====================
* cursor 不隐藏鼠标 addclass："not-hide-cursor" 
* cursor 经过放大50%黑  addclass："cursor_Scale" 
* cursor 经过图片磁性球  img  addclass："magnetic_item" 隐藏鼠标/    2.外层 addclass："cursor_txt" 不隐藏鼠标且磁性
* cursor a追加 属性："data-cursor="查看详情"" 提示文本信息
* swiper 鼠标经过提示箭头 滑动外盒  addclass："cursor_drag" data-simulate-touch="true"  
* swiper 鼠标按下提示箭头 滑动外盒  addclass："cursor_drag_mouse_down"  data-simulate-touch="true" 
* 标题文字经过提示鼠标内图片  cursor_imgScale  > cursor_imgScale_title      figure addclass："cursor_imgScale_image"

* 图片延时加载 addclass："img_load"

locomotive-scroll 属性
data-scroll：检测一个元素是否在视图中
data-scroll-container：包装您想要的HTML内容注意滚动
data-scroll-section:定义了一个可滚动的部分。为了获得更好的性能，最好将页面分成多个部分。
data-scroll-speed:指定元素移动的速度。负值会反转方向
data-scroll-sticky:指定只要目标元素仍在视图中，该元素就会附着到视口
data-scroll-target:以特定元素为目标。它包含一个ID选择器，与其他属性相比，它是唯一的。
因此，假设我们使用的是data-scroll-sticky属性。我们总是需要设置一个data-scroll-target属性，因为目标元素通常是包含其他元素的容器。
data-scroll-repeat="true" 是否反复执行
data-scroll-class="appear" 滚动出现到窗口增加个样式  默认自动加 is-inview
data-scroll-call 元素触发调用事件。
data-scroll-position="top" 视图触发器的窗口位置。
data-scroll-delay 数据滚动延迟
data-scroll-direction 元素的视差方向。垂直或水平 vertical or horizontal

*/ 



 /* ------------------------------------------------------------- *
 *  全局
/* ------------------------------------------------------------- */
 :root {
	--scrollbar:#1873ff; /* 滚动条滑块色*/
	--cursor:#1873ff; /* 自定义鼠标颜色 */	
	--cursor_txt:#000; /* 自定义鼠标内提示文字颜色 */	
	--bancolor:#ffae45; /*  index_Ban 按钮和小圆点颜色 */	
	--black:rgb(0, 0, 0, 1); /* black*/	
	--white:rgb(255, 255, 255, 1); /* white */	
  --white07:rgb(255, 255, 255, .7); /* white */	
	--bg1:rgb(0, 0, 0, 1);
	--touming:hsla(0,0%,100%,.5);

  --color1:#909399;
  --color2:#606266;
}


/* ------------------------------------------------------------- *
 *  初始化HTML
/* ------------------------------------------------------------- */
 html {
/* font-size:calc((100vw  / 19.2) ); */
/* 1920基准1:1 1rem  = 100px	*/
 }

/* ------------------------------------------------------------- *
 *  初始化body
/* ------------------------------------------------------------- */
body{
font-family:-apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Text","Helvetica Neue",Helvetica,"PingFang SC","Segoe UI",Roboto,"Hiragino Sans GB",arial,'microsoft yahei ui',"Microsoft YaHei",SimSun,sans-serif; 
font-size: 14px; line-height: 1.5; font-weight: 500;  position: relative; top: 0px; height: auto;  min-height: 100%; 
color: rgba(0, 0, 0, 1); background: rgba(255, 255, 255, 1);  /*统一页面颜色 */ user-select:none;  
}


 /* ------------------------------------------------------------- *
 *  初始化a标签
/* ------------------------------------------------------------- */
a{
	 color:var(--black);  
}


/* ------------------------------------------------------------- *
 *  img zoom 初始化图片放大
/* ------------------------------------------------------------- */
.zoom_img{ width: 100%; height:auto;position: relative; overflow: hidden;}
.zoom_img:after{content: " "; width: 100%; display: block; padding-bottom: 75%;}
.zoom_img img{ position:absolute;  width: 100%; height: 100%; object-fit: cover;  transition: all 0.3s linear;}
.zoom_img:hover img{transform: scale(1.2);
	/* transition: all 0.3s ease 0.4s;*/}



/* ------------------------------------------------------------- *
 *  全局max-width
/* ------------------------------------------------------------- */
.wrapper_full{margin: 0px auto; max-width: 100%; width: 100%;  padding-left: 0.5rem; padding-right: 0.5rem;}
.max1600{margin: 0px auto; width: 100%; max-width: 1600px; padding: 0 10px;}
.max1200{margin: 0px auto; width: 100%; max-width: 1200px; padding: 0 10px;}

@media (max-width:1440px){
  .wrapper_full{margin: 0px auto; max-width: 100%; width: 100%;  padding-left:0.5rem; padding-right: 0.5rem;}
  .max1600{margin: 0px auto; width: 100%; max-width: 1600px; padding: 0 10px;}
  .max1200{margin: 0px auto; width: 100%; max-width: 1200px; padding: 0 10px;}
}


/* ------------------------------------------------------------- *
 *  首页banner
/* ------------------------------------------------------------- */
.index_banner_wrapper{position: relative; max-width: 100%; width: 100%; overflow: hidden; background-color:#000;  box-shadow: 0px 10px 30px -5px rgba(6,29,84,0.1);}
.index_banner_wrapper .swiper-slide {overflow:hidden;}
.index_banner_wrapper .BanSwiper_item { position: relative;height: 612px;}
.index_banner_wrapper .BanSwiper_item.swiper-slide-active .BanSwiper_tit1,
.index_banner_wrapper .BanSwiper_item.swiper-slide-active .BanSwiper_tit2,
.index_banner_wrapper .BanSwiper_item.swiper-slide-active .BanSwiper_tit3,
.index_banner_wrapper .BanSwiper_item.swiper-slide-active .BanSwiper_button {
  opacity: 1; 
}
.index_banner_wrapper .BanSwiper_item .BanSwiper_item_img_wrap {height: 100%;width: 100%; position: absolute;}
.index_banner_wrapper .BanSwiper_item .BanSwiper_item_img_wrap .BanSwiper_item_img { display: block; width: 100%; height: 100%;-o-object-fit: cover; object-fit: cover; } /* 图 */

/* ------------------------------------------------------------- *
 *  首页banner转圈的箭头
/* ------------------------------------------------------------- */
.BanSwiper .link--arrowed {display: inline-block;}
.BanSwiper .link--arrowed .arrow-icon { width: 50px; height: 50px;
  position: relative; top: 0; transition: transform 0.3s ease;vertical-align: middle;
}
.BanSwiper .link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.BanSwiper .link--arrowed g {
  stroke: currentColor;
  color:var(--white);
}
.BanSwiper .link--arrowed:hover .arrow-icon {
  transform: translate3d(5px, 0, 0);
}
.BanSwiper .link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}
.BanSwiper .link--arrowed:hover g {
  color: var(--bancolor);
}
.BanSwiper .BanSwiper-button-prev {
  position: absolute; top: 45%;  left: 20px; z-index: 999; 
  transform: rotate(180deg);
}
.BanSwiper .BanSwiper-button-next {
  position: absolute; top: 45%; right: 20px; z-index: 999;
  transform: rotate(0deg);
}


/* ------------------------------------------------------------- *
 *  首页banner pagination 轮播点点
/* ------------------------------------------------------------- */
.index_banner_wrapper .BanSwiper_pagination_wrap {position: absolute; width: 100%; bottom:2%;   }
.index_banner_wrapper .BanSwiper_pagination_wrap .swiper-pagination-bullet { background-color: transparent;opacity: 0.8;}
.index_banner_wrapper .BanSwiper_pagination_wrap .swiper-pagination-bullet--svg-animation {width: 20px;height: 20px; margin: 0px 0.05rem; display: inline-block;}
.index_banner_wrapper .BanSwiper_pagination_wrap .swiper-pagination-bullet--svg-animation svg { transform: rotate(0deg);}
.index_banner_wrapper .BanSwiper_pagination_wrap .swiper-pagination-bullet--svg-animation .svg__circle-inner {stroke: var(--white); fill: transparent; transition: all 0.3s ease;}
.index_banner_wrapper .BanSwiper_pagination_wrap .swiper-pagination-bullet-active .svg__circle { stroke: var(--bancolor); stroke-dasharray: 75; stroke-dashoffset: 0; -webkit-animation: progress 6s ease-in-out 1 forwards; animation: progress 6s ease-in-out 1 forwards;}
.index_banner_wrapper .BanSwiper_pagination_wrap .swiper-pagination-bullet-active .svg__circle-inner {  stroke:var(--bancolor);}
@-webkit-keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
@keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }
  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}


/* ------------------------------------------------------------- *
 *  首页banner 文本内容 
/* ------------------------------------------------------------- */
.index_banner_wrapper .BanSwiper_item .BanSwiper_item_content_wrap {
  position: absolute; left: 50%; top: 52%; -webkit-transform:translate(-50%,-50%); transform:translate(-50% ,-50%); bottom: unset;
}  
.index_banner_wrapper .BanSwiper_item .BanSwiper_item_content_wrap a{
  color:var(--white);
}
	
.index_banner_wrapper .BanSwiper_item .BanSwiper_tit1 {
  font-size:50px; font-weight: bold; color:var(--white); margin-bottom: 20px; font-weight: 400;
  opacity: 0;  
}
.index_banner_wrapper .BanSwiper_item .BanSwiper_tit2 {
  font-size:20px; color:var(--white);  margin-bottom: 10px;
  opacity: 0;
}
.index_banner_wrapper .BanSwiper_item .BanSwiper_tit3 {
  font-size:20px; color:var(--white);  margin-bottom: 10px;
  opacity: 0;
}
	
.index_banner_wrapper .BanSwiper_item .BanSwiper_button {opacity: 0;}
.index_banner_wrapper .BanSwiper_item .BanSwiper_button .link {
  font-size:20px;  text-transform: capitalize;transition: all 0.3s ease;
}
.index_banner_wrapper .BanSwiper_item .BanSwiper_button .link:hover {
  color:var(--bancolor);
}



/* ------------------------------------------------------------- *
 *  img延时加载demo 
/* ------------------------------------------------------------- */
.img_loadbox{ display: flex;}
figure.img_load_01{ width: 100%; padding: 0.2rem;}



/* ------------------------------------------------------------- *
 *  顶部导航 
/* ------------------------------------------------------------- */
.header_main{ width: 100%; height: 75px; position: absolute; background:#fff;  z-index: 9;}

.logo {display: block;height: 60px; padding-top: 13px; float: left;font-size:0;}
.logo  img{height: 100%; }


.u-btn{float: right; padding-top: 20px;}
.u-btn a{width: 100px;height: 36px;line-height: 34px; display: inline-block;border-radius: 18px;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;color: #0f93ff;border: 1px solid #b8dfff;transition: all ease 0.8s;vertical-align: top;}
.u-btn a.btn2 { margin-left: 15px;cursor: pointer; background-color: #0f93ff; color: #fff;}

.u-btn a.btn2:hover,
.u-btn a.btn1:hover {background: #0f93ff;color: #fff;border: 1px solid transparent;}


/** pc_nav 通用导航 ====================================================================================*/
.pc_nav {width:550px; margin: 0px auto;  }
.pc_nav ul{ display: block;}
.pc_nav:after,.pc_nav > ul:after {content: "";display: block;clear: both;visibility: hidden; line-height: 0; height: 0;}
/*一级菜单*/
.pc_nav > ul > li.nav-one {float: left; width:auto; display: block; position: relative;-webkit-perspective: 85px; -moz-perspective: 85px; -ms-perspective: 85px; perspective: 85px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;}
.pc_nav > ul > li.nav-one > a {color: #676c70; margin: 0px 30px 0px 30px; font-size: 14px; line-height: 75px; text-align: center; display: block;position: relative;}
.pc_nav > ul > li.nav-one > a:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 2px solid #0f93ff;width: 0%;transition: all 0.5s ease-out;overflow: hidden;}
.pc_nav > ul > li.nav-one:hover > a:after{ width: 100%;}
.pc_nav > ul > li.nav-one:hover > a {color: #0f93ff; }
.pc_nav > ul > li.nav-one > a.on{color: #0f93ff;}
.pc_nav > ul > li.nav-one > a.on:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 2px solid #0f93ff;width: 100%;transition: all 0.5s ease-out;overflow: hidden;}

.arrow { display:inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  background: 0 0;
  vertical-align: 1px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pc_nav > ul > li.nav-one > a i {
  margin-left: 8px;
  border-color: #676c70;
  -webkit-transform-origin: 25% 25%;
  transform-origin: 25% 25%;
  vertical-align: middle;
}
.pc_nav > ul > li.nav-one > a i{
    border-color: #676c70;
}
.bottom-arrow {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.pc_nav > ul > li:hover i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*一级菜单*/


/*二级菜单*/
.pc_nav > ul > li.nav-one > ul.nav-two { opacity: 0; padding: 20px 0px; width: 125%;height: auto;top:auto;left: -12.5%;  display: block;transition: all 0.3s ease-out; position: absolute;background: transparent; border-radius: 8px; visibility: hidden; 
  backface-visibility: hidden;background:rgba(10, 19, 66, 0.96) !important ; box-shadow:2px 10px 10px 0px rgba(6,29,84,0.23);}

.pc_nav > ul > li.nav-one:hover > ul.nav-two { opacity: 1; visibility:inherit;  }

.pc_nav > ul > li.nav-one > ul.nav-two >li{height: auto; padding: 0px 10px; transition: all 0.3s ease-out; position: relative;}
.pc_nav > ul > li.nav-one > ul.nav-two >li >a{font-size: 14px;  color: #fff;  width:100%; height:auto;line-height: 22px;padding:5px 5px; text-align: center;display: block; text-decoration: none;transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover >a{ color: #0f93ff; 
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
}
/*二级菜单*/


/*有三级菜单的小箭头*/
ul.nav-three::after {position: absolute; top: 25px; left: -20px;width: 4px; height: 4px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
/*三级菜单*/
/** pc_nav ====================================================================================*/





/* ------------------------------------------------------------- *
 *  首页量表 
/* ------------------------------------------------------------- */
.lb_wrapper{ padding-top: 60px; padding-bottom: 60px; background-color: #FAFBFC;}

.title-wrap{text-align: center;}
.sub-title{font-size: 36px; font-weight: bold; color: var(--black);}
.sub-state{ color: var(--color1); padding-top: 5px;}

.lb_nav{text-align: center; padding: 30px 0px 20px; display: flex;}
.lb_nav a{ font-size: 16px; height: 125px; color:var(--color2); flex: 1;  display: flex; flex-direction:column; justify-content:center; align-items: center;}
.lb_nav a:hover{  color:var(--black); background-color: var(--white);  box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1); border-radius:10px;}
.lb_nav a.active{ color:var(--black); background-color: var(--white);  box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1); border-radius:10px;}
.lb_nav a img{width: 48px; margin-bottom: 5px;}

.lb_wrap {  display: none; margin-left: -12px; margin-right: -12px; }
.lb_wrap.active{ display: block;}

.lb_wrap li{width: 25%; float: left; padding: 12px;}
.lb_wrap li a{ display: block; padding:20px 20px 15px 20px; background-color: var(--white); box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);border-radius:5px;}
.lb_wrap .lb_item_img{ width: 100%; height:80px; object-fit: cover;}
.lb_wrap .lb_item_content{ display: flex; flex-direction: column; margin-top: 10px;}
.lb_wrap .lb_item_name{ margin-bottom: 10px; font-size: 15px; line-height: 25px; height: 25px; overflow: hidden; font-weight: bold; color: var(--black);}
.lb_wrap .lb_item_sub{ color: var(--color1); font-size: 14px; line-height: 22px; height: 66px; overflow: hidden;}

.lb_wrap .lb_item_jg{ margin-top: 10px; line-height: 25px;}
.lb_wrap .lb_item_jg span{ color: #f34a0c; margin-right: 10px; font-size: 16px;}
.lb_wrap .lb_item_jg span:nth-child(2){ color: #606266;text-decoration:line-through;}
.lb_wrap .lb_item_jg b{ float: right;font-size: 14px; font-weight: 400; color: #8abe27;}
.lb_wrap .lb_item_jg em{ background-color: #f34a0c; color: var(--white); padding: 3px 10px; font-size: 12px; border-radius:5px;}

.lb_wrap li a:hover{box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.2);}
.lb_wrap li a:hover .lb_item_name{ color: var(--cursor);transition: all 0.3s ease; }




/* ------------------------------------------------------------- *
 *  首页音乐训练 
/* ------------------------------------------------------------- */
.music_wrapper{ padding-top: 60px; padding-bottom: 60px;}

.music_wrap {  display: block; margin-left: -12px; margin-right: -12px; margin-top: 10px; }

.music_wrap li{width: 25%; float: left; padding: 12px;}
.music_wrap li a{ display: block; padding:20px 20px 15px 20px; box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);border-radius:5px;}
.music_wrap .lb_item_img{ width: 100%; height:120px; object-fit: cover;}
.music_wrap .lb_item_content{ display: flex; flex-direction: column; margin-top: 10px;}
.music_wrap .lb_item_name{ margin-bottom: 10px; font-size: 15px; line-height: 25px; height: 25px; overflow: hidden; font-weight: bold; color: var(--black);}
.music_wrap .lb_item_sub{ color: var(--color1); font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;}

.music_wrap .lb_item_jg{ margin-top: 10px; line-height: 27px;}
.music_wrap .lb_item_jg span{ color: #f34a0c; margin-right: 10px; font-size: 16px;display: inline-block;float: left;}
.music_wrap .lb_item_jg span:nth-child(2){ color: #606266;text-decoration:line-through;}
.music_wrap .lb_item_jg b{ float: right;font-size: 14px; font-weight: 400; color: #8abe27;display: inline-block;}
.music_wrap .lb_item_jg em{ background-color: #f34a0c; color: var(--white); padding: 0px 10px; height: 23px; line-height: 25px; font-size: 12px; border-radius:5px; display: inline-block;}

.music_wrap li a:hover{box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.2); background-color: var(--cursor);}
.music_wrap li a:hover .lb_item_name{ color: var(--white);transition: all 0.3s ease; }
.music_wrap li a:hover .lb_item_sub{color: var(--white); opacity: 0.8;}


/* ------------------------------------------------------------- *
 *  发现心理学 
/* ------------------------------------------------------------- */
.xlx_wrapper{ padding-top: 60px; padding-bottom: 60px; background-color: #fafbfc;}


/** swiper01_box ====================================================================================*/
.swiper01_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; }
/** 点 ============*/
.swiper01_box .swiper-container{padding: 10px 5px 20px 5px; height: auto;overflow: hidden; }
.swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper01_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 10px; height:10px;border-radius:5px;  margin: 0px 5px; transition: all 0.5s ease-out;}
.swiper01_box .swiper-pagination-bullet-active{ background: #F00; width: 30px; opacity:1;}
/** 左右按钮 ============*/
.swiper01_box .swiper-button-prev {left: -50px;opacity:1;top: 45%;}
.swiper01_box .swiper-button-next {right:-50px;opacity:1;top: 45%; }
.swiper01_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(themes/images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;}
.swiper01_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(themes/images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; }
.swiper01_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/icon/swiper_left01.png);}
.swiper01_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/icon/swiper_right01.png);}

.swiper01_box .swiper-button-prev.hide{opacity:0;}
.swiper01_box .swiper-button-next.hide{opacity:0;}
.swiper01_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}

.swiper01_box .img{ position: absolute; top: -50px; left: -50px;}

a.sw_item01{ display: block; border-radius:6px; overflow: hidden;box-shadow: 0px 10px 10px 0px rgba(6,29,84,0.1); border-radius:6px; overflow: hidden;  }
a.sw_item01 .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
a.sw_item01 .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.sw_item01 .txt{padding: 20px 30px;  background-color: #fff;  width: 100%;  text-align:left;transition: all 0.5s ease-out;  
  }
a.sw_item01 .txt .t{ font-size: 18px; color:#323233; font-weight: 600; height: 50px; line-height: 25px; overflow: hidden;}
a.sw_item01 .txt .p{ font-size: 14px; color: #646566; margin-top: 10px; height: 46px; line-height: 23px; overflow: hidden; }
a.sw_item01:hover .txt{ }
a.sw_item01:hover .txt .t{color: var(--cursor);}
a.sw_item01:hover .txt .p{color: #333;}




/* ------------------------------------------------------------- *
 *  热门 
/* ------------------------------------------------------------- */
.hot_wrapper{ padding-top: 60px; padding-bottom: 60px; background-repeat:no-repeat; background-position:center center; background-size:cover; }

.hot_wrap{ width: 32%; margin-top: 30px; margin-right: 2%; float: left; background-color: var(--white07); border-radius:8px; box-shadow: 0px 10px 10px 0px rgba(6,29,84,0.1); padding: 20px 25px;}

.hot_wrap:nth-child(4){ float: right;margin-right: 0;}
.hot_wrap .title{ border-bottom: 1px solid #e8eef6; height: 45px; line-height: 45px; position: relative;}
.hot_wrap .title .tit{ font-size: 20px; color: var(--black); font-weight: bold;}
.hot_wrap .title a.more{ position: absolute; right:0; top: 0; color: #adadbc;}
.hot_wrap .title a.more:hover{ color: var(--cursor);}

.hot_list{ padding-top: 20px;}
.hot_list li{}
.hot_list li a{ position: relative; display: block;color: #303133; padding-right: 80px; font-size: 14px; line-height:22px; height: 22px; overflow: hidden; margin-bottom: 10px;}
.hot_list li a:hover{ color:var(--cursor);}
.hot_list li a span{ position: absolute; right:0; top: 0; color: #999; }



/* ------------------------------------------------------------- *
 *  底部
/* ------------------------------------------------------------- */
.footmenu{ width:100%; height:auto; background: url(../images/fbg.jpg) center center no-repeat; background-size:cover; overflow:hidden;  padding:40px 0 30px 0}
.footmenu .centerbox{ width:100%; height:auto; margin:0 auto; clear:both; overflow:hidden;  }
.footmenu .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative;}
.footmenu .tbox{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #343e55; padding-bottom:20px; margin-bottom:20px;}

.footmenu .part1{ width:60%; float:left; height:auto; overflow:hidden; color:#fff;}
.footmenu .part1 .one{ width:33.33%; height:auto; float:left; overflow:hidden;}
.footmenu .part1 .tit{ width:100%; height:40px; line-height:40px; font-size:16px; color:#ffffff; font-weight:bold;}
.footmenu .part1 .list{ width:100%; height:auto; overflow:hidden; margin-top:10px}
.footmenu .part1 .list ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part1 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:30px; line-height:30px; font-size:14px; overflow:hidden; color:#dfe0e2}
.footmenu .part1 .list ul li a{ color:#dfe0e2}
.footmenu .part1 .list ul li a:hover{color: var(--cursor);}

.footmenu .part2{ width:23%; float:left; height:auto; overflow:hidden; color:#ffffff;}
.footmenu .part2 a{ color:#ffffff}
.footmenu .part2 .tit{ width:100%; height:40px; line-height:40px; font-size:15px; color:#ffffff}
.footmenu .part2 .tel{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:20px; font-weight:700; color:#f9852b; margin-top:10px;}
.footmenu .part2 .ask{ width:133px; height:34px; line-height:34px; font-size:14px; color:#FFF; text-align:center; background:#f9852b; margin-top:10px;}


.footmenu .part4{ float:right; height:auto; overflow:hidden; width:13% }
.footmenu .part4 ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part4 ul li{ margin:0px; padding:0px; list-style:none; float:right; width:100%;}
.footmenu .part4 ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.footmenu .part4 ul li .pic img{ max-width:98%;}
.footmenu .part4 ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center; font-size:14px; color:#93969d}

.footmenu .linkbox{ width:100%; height:auto; overflow:hidden; line-height:35px; font-size:14px; color:#a8aab0}
.footmenu .linkbox span{ font-weight:700; color:#FFFFFF}
.footmenu .linkbox  a{ color:#a8aab0; margin-left: 10px;}
.footmenu .linkbox  a:hover{ color:var(--cursor)}

.footer{ width:100%; height:auto; overflow:hidden; background:#192238; padding:9px 0;  position:relative; z-index:1;  }
.footer .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footer .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; color:#7c7f87; margin:0 auto; font-size:14px;}
.footer .centerbox .centerin a{ color:#7c7f87;}




/* ------------------------------------------------------------- *
 *  PAG
/* ------------------------------------------------------------- */
.pag_wrapper{ padding-top: 60px; padding-bottom: 60px; background-color: #fff;background-repeat:no-repeat; background-position:center center; background-size:cover;}

.pag_wrap{position: relative;}
.pag_wrap .sub-title{font-size: 36px; font-weight: bold; color: var(--black); position: relative; z-index: 2;}
.pag_wrap .sub-state{ position:absolute;z-index:1;bottom:5px;left:0;width:180px;height:12px;background:#e5eafa}



/* ------------------------------------------------------------- *
 *  精选量表
/* ------------------------------------------------------------- */ 
.jx_wrap {  display: block; margin-left: -12px; margin-right: -12px; margin-top: 10px;}

.jx_wrap li{width: 25%; float: left; padding: 12px;}
.jx_wrap li a{ display: block; padding:20px 20px 15px 20px; background-color: var(--white); box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);border-radius:5px;}
.jx_wrap .lb_item_img{ width: 100%; height:80px; object-fit: cover;}
.jx_wrap .lb_item_content{ display: flex; flex-direction: column; margin-top: 10px;}
.jx_wrap .lb_item_name{ margin-bottom: 10px; font-size: 15px; line-height: 25px; height: 25px; overflow: hidden; font-weight: bold; color: var(--black);}
.jx_wrap .lb_item_sub{ color: var(--color1); font-size: 14px; line-height: 22px; height: 66px; overflow: hidden;}

.jx_wrap .lb_item_jg{ margin-top: 10px; line-height: 25px;}
.jx_wrap .lb_item_jg span{ color: #f34a0c; margin-right: 10px; font-size: 16px;}
.jx_wrap .lb_item_jg span:nth-child(2){ color: #606266;text-decoration:line-through;}
.jx_wrap .lb_item_jg b{ float: right;font-size: 14px; font-weight: 400; color: #8abe27;}
.jx_wrap .lb_item_jg em{ background-color: #f34a0c; color: var(--white); padding: 3px 10px; font-size: 12px; border-radius:5px;}

.jx_wrap li a:hover{box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.2);}
.jx_wrap li a:hover .lb_item_name{ color: var(--cursor);transition: all 0.3s ease; }


/* ------------------------------------------------------------- *
 *  全部量表
/* ------------------------------------------------------------- */ 
.qlb_nav{text-align: center; padding: 0px 0px 0px; display: flex; flex-direction: column;  width: 200px; float: left ; border-radius:10px; overflow: hidden;}
.qlb_nav a{ font-size: 16px; height: 125px; padding: 20px 20px; color:var(--color2); background-color: var(--white07);  flex: 1;  display: flex;   align-items:center; text-align: left;}
.qlb_nav a:hover{  color:var(--cursor); background-color: var(--cursor);  box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);}
.qlb_nav a.active{ color:var(--cursor); background-color: var(--white);  box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);}
.qlb_nav a img{width: 38px; margin-bottom: 0px; margin-right: 5px;}

.qlb_wrap {  display: none; margin-left: -12px; margin-right: -12px; width:calc( 100% - 200px); float: right;}
.qlb_wrap.active{ display: block;}

.qlb_wrap li{width: 33.333%; float: left; padding: 0px 12px 22px 12px;}
.qlb_wrap li a{ display: block; padding:20px 20px 15px 20px; background-color: var(--white); box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);border-radius:5px;}
.qlb_wrap .lb_item_img{ width: 100%; height:80px; object-fit: cover;}
.qlb_wrap .lb_item_content{ display: flex; flex-direction: column; margin-top: 10px;}
.qlb_wrap .lb_item_name{ margin-bottom: 10px; font-size: 15px; line-height: 25px; height: 25px; overflow: hidden; font-weight: bold; color: var(--black);}
.qlb_wrap .lb_item_sub{ color: var(--color1); font-size: 14px; line-height: 22px; height: 66px; overflow: hidden;}

.qlb_wrap .lb_item_jg{ margin-top: 10px; line-height: 25px;}
.qlb_wrap .lb_item_jg span{ color: #f34a0c; margin-right: 10px; font-size: 16px;}
.qlb_wrap .lb_item_jg span:nth-child(2){ color: #606266;text-decoration:line-through;}
.qlb_wrap .lb_item_jg b{ float: right;font-size: 14px; font-weight: 400; color: #8abe27;}
.qlb_wrap .lb_item_jg em{ background-color: #f34a0c; color: var(--white); padding: 3px 10px; font-size: 12px; border-radius:5px;}

.qlb_wrap li a:hover{box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.2);}
.qlb_wrap li a:hover .lb_item_name{ color: var(--cursor);transition: all 0.3s ease; }


/* ------------------------------------------------------------- *
 *  全部量表
/* ------------------------------------------------------------- */ 

.listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.listbox ul{ margin:0px; padding:0px; list-style:none}
.listbox ul li{ margin:0px; padding:0px; list-style:none; width:21%; height:auto; float:left; overflow:hidden;transition: all 0.5s ease;}


.listbox ul li .box{ width:96%; height:382px; overflow:hidden; display: block; position:relative; border-radius:5px;}
.listbox ul li .box .pic{ width:100%; height:382px; overflow:hidden}
.listbox ul li .box .tit{ position:absolute; width:100%; height:38px; line-height:38px; font-size:24px; font-weight:700; color:#FFF; left:33px; top:214px;}
.listbox ul li .box .word{ position:absolute; width:calc( 100% - 66px); height:106px; line-height:22px; font-size:14px; color:#e6eaf3; left:33px; top:260px; overflow: hidden;}

.listbox ul li.onfocus{ width:37%;}



/* ------------------------------------------------------------- *
 *  专题
/* ------------------------------------------------------------- */ 
.zt_wrapper{padding-top: 100px; padding-bottom: 0px; background-color: #fff; color: #000;}

/** swiper02_box ====================================================================================*/
.swiper02_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
/** 点 ============*/
.swiper02_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;overflow: hidden;box-shadow: 0px 3px 10px 4px rgba(6,29,84,0.1); border-radius:6px; }
.swiper02_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper02_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 10px; height:10px;border-radius:5px;  margin: 0px 5px; transition: all 0.5s ease-out;}
.swiper02_box .swiper-pagination-bullet-active{ background: #F00; width: 30px; opacity:1;}
/** 左右按钮 ============*/
.swiper02_box .swiper-button-prev {left: 0px;opacity:1;top: 45%;}
.swiper02_box .swiper-button-next {right:0px;opacity:1;top: 45%; }
.swiper02_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(themes/images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;}
.swiper02_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(themes/images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; }
.swiper02_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/icon/swiper_left01.png);}
.swiper02_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/icon/swiper_right01.png);}

.swiper02_box .swiper-button-prev.hide{opacity:0;}
.swiper02_box .swiper-button-next.hide{opacity:0;}
.swiper02_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}

.sw_item02{ display: block; overflow: hidden;  }


.sw_item02 .jptj-left { width: 60%; float: left;display: inline-block;}
.sw_item02 .jptj-left a .imgzoom{padding-bottom: 55%; width: 100%; position: relative; overflow: hidden; }
.sw_item02 .jptj-left a .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.sw_item02 .jptj-left a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}


.sw_item02 .jptj-right { display:inline-block;width: 40%;padding: 40px 60px; padding-bottom: 0px;position: relative;}
.sw_item02 .jptj-right .text1 {font-size: 24px; font-family: PingFangSC-Medium, PingFang SC;font-weight: 600; color: #181818;line-height: 33px;}
.sw_item02 .jptj-right .text2 {font-size: 14px;font-family: PingFangSC-Regular, PingFang SC; color: #181818;line-height: 22px; margin-top: 24px;text-align: justify;}
.sw_item02 .jptj-right .text3 {display: flex; flex-direction: row;flex-wrap: wrap; align-items: center; margin-top: 24px;}
.sw_item02 .jptj-right .text3 .text3-1 { font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #145FFF;line-height: 20px;}
.sw_item02 .jptj-right .text3 .text3-icon { position: relative;margin-left: 4px;transition: 0.5s; top: 0px;}
.sw_item02 .jptj-right .text3 .text3-icon { width: 7px; height: 7px; border-top: 1px solid #145FFF; border-right: 1px solid #145FFF; transform: rotate(45deg);}
a.sw_item02 .jptj-right .text3:hover .text3-icon { margin-left: 12px;}



/* ------------------------------------------------------------- *
 *  全部专题
/* ------------------------------------------------------------- */ 
.continer1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 25px;}
 
.continer1 .block1 {width: 32%; margin-bottom: 40px; position: relative;}
.continer1 .block1 .img {display: block; padding-bottom: 55%; width: 100%; position: relative; overflow: hidden;}
.continer1 .block1 .img img { width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: 0.5s;}
.continer1 .block1:hover .img img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.continer1 .block1 .text-con {margin-top: 24px;}
.continer1 .block1 .text-con .text1 {font-size: 18px;color: #181818;line-height: 22px;overflow: hidden;
  text-overflow: ellipsis;white-space: nowrap;font-weight: bold;display: block;}
.continer1 .block1 .text-con .text2 { font-size: 14px;font-weight: 400;color: #666;line-height: 22px; margin-top: 12px;position: relative;overflow: hidden;
  height: 66px;display: block;
}

.continer1 .block1 .text-con .textin-4 {margin-top: 15px;display: flex;flex-direction: row;flex-wrap: wrap; align-items: center;}
.continer1 .block1 .text-con .textin-4 .textin-4-1 { font-size: 14px;font-family: SourceHanSansCN-Normal, SourceHanSansCN;font-weight: 400; color: #145FFF; line-height: 21px;}
.continer1 .block1 .text-con .textin-4 .textin-4-arrow { width: 7px; height: 7px;border-top: 1px solid #145FFF;border-right: 1px solid #145FFF; transform: rotate(45deg); margin-left: 2px;position: relative; right: 0px; transition: 0.5s;}

.continer1 .block1:hover .text-con .text1 { color: #145fff;}
.continer1 .block1:hover .text-con .textin-4 .textin-4-arrow {right: -12px;}
.continer1 .block1:empty {margin-bottom: 0px;}

.continer1:after{ content:''; width: 32%;}


/* ------------------------------------------------------------- *
 *  专题详情
/* ------------------------------------------------------------- */ 
.zt_top{ overflow: hidden;border-radius:10px; position: relative;}
.zt_top_img{ width: 100%; height: 350px; object-fit: cover;}
.zt_top:after{ content: ''; position: absolute;left: 0px; top: 0;  width: 100%; height: 100%; background-color:rgb(0, 0, 0, 0.2); z-index:1;}
.zt_top_txt{ position: absolute; left: 0px; top: 0; width: 100%; height: 100%; color: var(--white);display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; padding:0px 30px; z-index: 2;}
.zt_top_txt h1{ font-size: 36px;  display: block;font-weight: bold; margin-bottom: 5px;}
.zt_top_txt span{ font-size:16px; display: block;}


.zt_new_wrapper{ overflow: hidden; position: relative; margin-top: 40px; margin-bottom: 40px;}
.zt_new_wrap{ display: flex; position: relative; padding: 20px 0px; justify-content:space-between;}
.zt_new_l{width: 50%;}
.zt_new_r{width: 48%;}


/* ------------------------------------------------------------- *
 *  上下滚动新闻
/* ------------------------------------------------------------- */ 
.txtMarquee-top{ overflow:hidden; position:relative; box-shadow: 0px 2px 8px 0px rgba(160, 160, 160, 0.2); }
.txtMarquee-top .bd{ padding:30px 25px;  }
.txtMarquee-top .infoList li{ height:36px; line-height:36px; overflow: hidden; font-size: 16px;   }
.txtMarquee-top .infoList li a{color: #000;}
.txtMarquee-top .infoList li a:hover{color: #0f93ff;}



/** swiper03_box ====================================================================================*/
.swiper03_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
/** 点 ============*/
.swiper03_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;overflow: hidden;box-shadow: 0px 2px 8px 0px rgba(160, 160, 160, 0.2); border-radius:6px; }
.swiper03_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper03_box .swiper-pagination-bullet{ background: #0053cc;  opacity: 0.8; width: 10px; height:10px;border-radius:5px;  margin: 0px 5px; transition: all 0.5s ease-out;}
.swiper03_box .swiper-pagination-bullet-active{ background: #F00; width: 30px; opacity:1;}
/** 左右按钮 ============*/
.swiper03_box .swiper-button-prev {left: 0px;opacity:1;top: 45%;}
.swiper03_box .swiper-button-next {right:0px;opacity:1;top: 45%; }
.swiper03_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(themes/images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;}
.swiper03_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(themes/images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; }
.swiper03_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/icon/swiper_left01.png);}
.swiper03_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(themes/images/icon/swiper_right01.png);}

.swiper03_box .swiper-button-prev.hide{opacity:0;}
.swiper03_box .swiper-button-next.hide{opacity:0;}
.swiper03_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}

.sw_item03{ display: block; overflow: hidden; }

.sw_item03 .jptj-left { width: 100%; float: left;display: inline-block;}
.sw_item03 .jptj-left a .imgzoom{padding-bottom: 55%; width: 100%; position: relative; overflow: hidden; }
.sw_item03 .jptj-left a .imgzoom img{width: 100%; height: 100%; object-fit: cover;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.sw_item03 .jptj-left a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.sw_item03 .jptj-right { display:inline-block;width: 100%;padding: 7px 20px;  position:absolute; left: 0px; bottom: 0; background-color: rgb(0, 0, 0, 0.7);}
.sw_item03 .jptj-right .text1 {font-size: 16px; color: #fff; line-height: 33px;}








.xlx_nav{padding: 0px 0px 0px; display: flex; flex-direction: column;  width: 200px; float: left ; border-radius:10px; overflow: hidden; position:sticky; top: 100px;}
.xlx_nav_m a{ font-size: 16px; padding: 10px 20px 10px 0px; color:var(--color2); background-color: var(--white07);  flex: 1;  display: flex;   align-items:center; text-align: left;}
.xlx_nav_m{margin-top: 20px;}
.xlx_nav_m a:hover{  color:var(--cursor);    box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);}
.xlx_nav_m a.active{ color:var(--cursor);   box-shadow: 0px 10px 30px 0px rgba(6,29,84,0.1);}

.xlx_nav_m a i{ display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-repeat:no-repeat; background-position:center center; background-size:20px;}
.xlx_nav_m a:nth-child(1) i{ background-image:url(../images/newsico1.png);}
.xlx_nav_m a:nth-child(2) i{ background-image:url(../images/newsico1.png);}
.xlx_nav_m a:nth-child(3) i{ background-image:url(../images/newsico1.png);}
.xlx_nav_m a:nth-child(4) i{ background-image:url(../images/newsico1.png);}
.xlx_nav_m a:nth-child(5) i{ background-image:url(../images/newsico1.png);}
.xlx_nav_m a:nth-child(6) i{ background-image:url(../images/newsico1.png);}
.xlx_nav_m a:nth-child(7) i{ background-image:url(../images/newsico1.png);}
.xlx_nav_m a:nth-child(8) i{ background-image:url(../images/newsico1.png);}

.xlx_nav_m a:hover:nth-child(1) i,.xlx_nav_m a.active:nth-child(1) i{ background-image:url(../images/newsico1a.png);}
.xlx_nav_m a:hover:nth-child(2) i,.xlx_nav_m a.active:nth-child(2) i{ background-image:url(../images/newsico1a.png);}
.xlx_nav_m a:hover:nth-child(3) i,.xlx_nav_m a.active:nth-child(3) i{ background-image:url(../images/newsico1a.png);}
.xlx_nav_m a:hover:nth-child(4) i,.xlx_nav_m a.active:nth-child(4) i{ background-image:url(../images/newsico1a.png);}
.xlx_nav_m a:hover:nth-child(5) i,.xlx_nav_m a.active:nth-child(5) i{ background-image:url(../images/newsico1a.png);}
.xlx_nav_m a:hover:nth-child(6) i,.xlx_nav_m a.active:nth-child(6) i{ background-image:url(../images/newsico1a.png);}
.xlx_nav_m a:hover:nth-child(7) i,.xlx_nav_m a.active:nth-child(7) i{ background-image:url(../images/newsico1a.png);}
.xlx_nav_m a:hover:nth-child(8) i,.xlx_nav_m a.active:nth-child(8) i{ background-image:url(../images/newsico1a.png);}


.xlx_list{width: calc( 100% - 230px); float: right;}
.xlx_list .item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:48px}
.xlx_list .item a{display:-webkit-box;display:-ms-flexbox;display:flex}
.xlx_list .item .item-img{width:340px;height:214px;margin-right:30px;background:-webkit-gradient(linear,right top,left top,from(#e6eff8),to(#e2ebf4));background:-webkit-linear-gradient(right,#e6eff8 0,#e2ebf4 100%);background:linear-gradient(270deg,#e6eff8 0,#e2ebf4 100%)}
.xlx_list .item .item-img img{width: 100%; height: 100%; object-fit: cover;}
.xlx_list .item .item-info{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.xlx_list .item .item-info .info-title{color:#3D4042;font-size:20px;line-height:30px;word-wrap:break-word;margin-bottom:14px;font-weight:500}
.xlx_list .item .item-info .info-content{color:#676C70;line-height:21px; height: 84px; overflow: hidden; margin-bottom:48px;word-wrap:break-word}
.xlx_list .item .item-info .item-time{color:#A1AAB3;line-height:14px}
.xlx_list .item:last-child{margin-bottom:0}
.xlx_list .item a:hover .item-info .info-title{ color: var(--cursor);}

.page{text-align:center;margin:0 auto;padding:30px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.page li a{display:block;padding:0 17px;color:#676C70}
.page li a.hover,.page li a:hover{color:#42AAFF}



.paginfo_wrapper{padding-top: 100px; padding-bottom: 0px; background-color: #fff; color: #000;}

.xlx_info{width: calc( 100% - 230px); float: right;}

.xlx_info .pos,.xlx_info .pos a{color:#525B66}
.list_2 .more-w{margin-bottom:30px}
.page_pub{margin-left:40px}
.xlx_info .pos{margin-bottom:40px}
.xlx_info .pos a:hover{color:#4399FF}
.xlx_info .pos span{color:#A1A9B3}

.prev_next .fl{float: left; width: 45%;}
.prev_next .fr{float: right; width: 45%;}
.news_article{line-height: 28px;  font-size: 16px;}
.news_article h1{font-size:26px;color:#292D33; line-height: 1.5;}
.news_article .date{margin-top:5px;color:#A1A9B3;margin-bottom:30px}
.news_article .ml10{margin-left:10px}
.news_article img{max-width:90%;margin:0 auto;display:block}

.prev_next{margin:40px 0;border-top: 1px solid #E6EBF0; padding-top: 40px;}
.g-tr{text-align: right;}
.prev_next p{color:#A1A9B3}
.prev_next p a{color:#525B66}
.prev_next p a:hover{color:#4399FF}
.prev_next .iconfont{font-size:14px;color:#525B66}
.prev_next .prev{margin-left:12px}
.prev_next .next{margin-right:12px}






/* ------------------------------------------------------------- *
 *  评测详情
/* ------------------------------------------------------------- */ 
.cpinfo_wrapper{padding-top: 100px; padding-bottom: 50px; background-color: #fff; color: #000;}
.cpinfo_l{ float: left; width: 65%; overflow: hidden; font-size: 16px; line-height: 26px;}
.cpinfo_l img{width: 100%; margin: 10px auto;}
.cpinfo_r{ float: right; width: 30%;}
.cpinfo_r .hot_wrap{ width: 100%; margin-top: 0px; margin-bottom: 30px; margin-right: 2%; float: left; background-color: var(--white07); border-radius:8px; box-shadow: 0px 10px 10px 0px rgba(6,29,84,0.1); padding: 20px 25px;}


.cpinfo_wrapper .pos,.cpinfo_wrapper .pos a{color:#525B66}
.cpinfo_wrapper .pos{margin-bottom:20px}
.cpinfo_wrapper .pos a:hover{color:#4399FF}
.cpinfo_wrapper .pos span{color:#A1A9B3}



/* ted-2023-10-23 新闻标签样式 */
.tag {
    color: #ffffff;
    border-radius: 5px;
    margin-right: 10px;
    padding: 5px;
}











