@import url(iconfont.css);
/**公用样式**/
body { margin: 0px; padding: 0px; font-family: "微软雅黑", "宋体", Arial; font-size: 14px; color: #333; min-width: 1200px; background: #f8f8f8; }
img { border: 0; display: block;}
a { text-decoration: none; color: #333; cursor: pointer; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
a:hover { color: #4e77de; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts:hover {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article { margin: 0px; padding: 0px; list-style: none; }
.clear { clear: both; }
.clear:after { content: ""; display: block; clear: both;}
/* 矢量图标 */
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {  font-family:"iconfont" !important; font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;}
.fl { float: left; }
.fr { float: right; }
.main { width: 1200px; margin: 0 auto; }
.bg_a { background: #4e77de;}
.bg{ background: #fff;}
.bg2{ background: #f8f8f8;}
.bian { border: solid 1px #dbe1de; }
.bianju, .bj_mt10 { margin-top: 10px; }
.y_ju{ margin-top:10px;}
.y_ju:nth-child(1){ margin-top:0; margin-bottom:10px;}
.bj_mt15 { margin-top: 15px;}
.bj_mt20 { margin-top: 20px;}
.bj_mt40 { margin-top: 40px;}
.bj_mt60 { margin-top: 60px;}
.y_ju2, .bj_mt30 { margin-top: 30px;}
.bj_pt10{ padding-top: 10px;}
.bj_pt15{ padding-top: 15px;}
.bj_pt30{ padding-top: 30px;}
.bj_pt60{ padding-top: 60px;}
.relative{ position:relative;}
.noshow{ display: none;}
em, i { font-style: normal; }
hr {opacity: .2;}
.iconfont { text-align: center;}
.hidden { overflow: hidden; }
.nobian{ border: 0; }
.ca { color: #4e77de;}
.cb { color: #ee7f72;}
.more { font-size: 12px;}
.white, .cf { color: #fff; }
.gray, .c3{ color: #333;}
.gray2, .c6{ color: #666;}
.gray3, .c9{ color: #999;}
.gray4, .cc{ color: #ccc;}
.center{ text-align: center;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}
.f15{ font-size: 15px;}
.f14{ font-size: 14px;}
.f13{ font-size: 13px;}
.f12{ font-size: 12px;}
.nobold{ font-weight: normal;}
.line10{ height: 10px; background: #f8f8f8; width: 100%; margin: 40px 0;}
.block{ display: block;}
/*超出隐藏*/
.chao { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chao2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.chao3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.chao4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.chao5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.bold { font-weight: bold; }
.top_xia{ padding: 15px; position: absolute; z-index: 9999999; left: 50%; margin-left: -90px; top:25px;}
.top_xia img{ width: 150px; height: 150px;}
/*鼠标经过图片特效*/
.photo { display: block; overflow: hidden; border-radius: 3px;}
.photo img { transition: all 0.3s ease-out; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);/* filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; */}
.photo:hover img { width: 100%;  transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); /* filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; */ }
/*黑色半透明*/
.gray_bg { background: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; /-khtml-opacity:0.3; opacity: 0.3;}
/*黑色半透明，字不透明*/
.gray_bg2{ background-color: rgba(0,0,0,0.6); /*ie8专用透明度*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); behavior: url(img/pie.htc);  }
.showmore{ border:solid 1px #eee; height:36px; text-align:center; line-height:36px; display:block; width:100%; background: url(img/down.png) no-repeat 64% 12px #f6f6f6; background-size:6px; margin:6px 0;font-size:14px; color:#e84430;}
.loading{ height:36px; text-align:center; line-height:36px; width:100%; background-size:12px; margin:6px 0;font-size:16px; color:#003956; background:url(img/loading.gif) 28% 12px no-repeat #f6f6f6; display:none;}
/*阴影*/
.yy{ box-shadow: 0 4px 8px #f5f5f5; /*ie8阴影*/ filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=6);}
.yy_1{ box-shadow: 0px 4px 8px rgba(0,0,0,0.03); /*ie8阴影*/ filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=6);}
/*圆角*/
.yj_4{ border-radius:4px;}
.yj_10{ border-radius:10px;}
.yj_20{ border-radius:20px;}
/*日期*/
time { font-size: 12px; color: #999999; }
/*盒子模型*/
.box{ box-sizing:border-box;}
/*字体阴影*/
.font_yy{ text-shadow: 0 0 3px #555;}
/*三角形*/
.shang{ width:0; height:0; border-right:50px solid transparent; border-left:50px solid transparent; border-bottom:50px solid #fff;}
.xia{ width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #fff;}
.zuo{ width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-right:50px solid #fff;}
.you{ width:0; height:0;  border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:50px solid #fff;}
/*中间横幅*/
.w_100{ width: 100%;}
/*tab容器*/
.box_content{ height: 400px;}
.box_content2{ height: 598px;}
.box_content3{ height: 581px;}
/*鼠标手势*/
.cursor{cursor: pointer;}
/*输入框字体颜色*/
input::-webkit-input-placeholder { color: #ccc; }
input::-moz-input-placeholder { color: #ccc; }
input::-ms-input-placeholder { color: #ccc; }
input:focus {outline: 0; border: none;}
.icon { width: 32px; height: 32px; display: block; position: absolute; left: 0; top: 10px; background: url(img/icon.png) no-repeat; }
/*顶部*/
header { }
.header_top { height: 40px; border-bottom: 1px solid #e1e1e1; line-height: 40px; }
.header_top .top_r span {padding: 0 10px;}
.header_nr { height: 80px; padding-top: 20px;  }
.search { width: 340px; height: 48px; border-radius: 48px; background: #fff; margin-top: 4px; }
.search_text { width: 220px; line-height: 48px;height: 48px;padding: 0 20px; }
.search_sub { width: 70px; height: 48px; border-radius: 48px;  line-height: 48px; top: 0;}
.header_r { background: #f4f8fb; padding: 0 20px; border-radius: 20px; line-height: 30px; height: 30px; margin-top: 6px; margin-left: 20px; }
.header_r span { margin: 0 10px; }
.rl_nr { margin: 5px 0 0 10px; line-height: 40px; }
.rl_nr_l { width: 40px; height: 40px; padding-left: 10px; background: url(img/icon.png) no-repeat; margin-right: 5px;}
.rl_nr_l h4 { text-align: center; font-size: 18px; color: #4e77de; }
/*导航*/
nav { border-radius: 20px 20px 0 0; }
nav ul { height: 46px;  width: 1200px; margin: 0 auto; overflow: hidden; }
nav li { line-height: 46px; padding: 0 20px; position: relative;  }
nav li:before {content:"";  display: block; position: absolute; height: 14px; width: 1px; background: #e7f2fa; left: 0; top: 16px; }
nav li:first-child:before {display: none;}
nav li a { font-size: 14px; display: block; color: #fff; }
nav li a:hover { text-decoration: none; color: #fff; }
nav li a:before {content:"";  display: block; position: absolute; height: 2px;  background: #ee7f72; left: 50%;  bottom: 0px; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; width: 0px; }
nav li:hover a:before { margin-left: -35px; width: 70px; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;  }
/*标题*/
.head h4 { position: relative; }
.head h4:before { content:""; display: block; position: absolute; width: 8px; height: 22px; background: #4e77de; left: -30px; top: 5px; border-radius: 8px; }
.head_1 h4 { height: 40px; line-height: 40px; padding: 0 10px; }
.head_1 h4 span { color: #d0d7e8; font-size: 12px; margin-left: 10px; font-style:italic; }
.head_1 em { margin-right: 10px; }
.head_2 { line-height: 30px; height: 30px; position: relative; padding-left: 20px; }
.head_2:before{ content:""; display: block; position: absolute; width: 8px; height: 20px; border-radius: 4px; background: #4e77de; left: 0; top: 5px; }
/*列表*/
.lb_1 {position: relative; padding-right: 50px; line-height: 30px; margin-bottom: 8px;  }
.lb_1 time { position: absolute; right: 0; }
.lb_1 .lb_lm { margin-right: 10px; }
.lb_2 {line-height: 30px; margin-bottom: 5px; position: relative; padding-left: 14px; padding-right: 50px; }
.lb_2:before{ content:""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 4px; left: 0; background: #d0d7e8; top: 14px; }
.lb_2 time { position: absolute; right: 0; }
.lb_5 { border-bottom: 1px solid #e7f2fa; padding-bottom: 24px; margin-bottom: 20px;}
.lb_5 .lb_l { width: 120px; height: 86px; border-radius: 10px; overflow: hidden; display: block; }
.lb_5 .lb_l img { width: 100%; min-height: 86px; }
.lb_5 .lb_r { width: 260px; }
.lb_5 p { line-height: 20px; height: 40px; margin: 5px 0; }
.lb_5 time { margin-right: 10px; }
.lb_6 {padding-left: 30px; position: relative; line-height: 30px; margin-bottom: 5px;}
.lb_6:before { content:""; display: block; position: absolute; left: 0; font-size: 14px; color: #fff; font-weight: bold; background: #ccc; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px; border-radius: 10px; top: 10px;}
.lb_6:nth-child(1):before {content:"1"; background: #ee7f72;}
.lb_6:nth-child(2):before {content:"2"; background: #edbc1c;}
.lb_6:nth-child(3):before {content:"3"; background: #4e77de;}
.lb_6:nth-child(4):before {content:"4";}
.lb_6:nth-child(5):before {content:"5";}
.lb_6:nth-child(6):before {content:"6";}
.lb_6:nth-child(7):before {content:"7";}
.lb_6:nth-child(8):before {content:"8";}
.lb_6:nth-child(9):before {content:"9";}
.lb_6:nth-child(10):before {content:"10";}
.lb_6:nth-child(11):before {content:"11";}
.lb_6:nth-child(12):before {content:"12";}
/*热门排行*/
.r_hot {  width: 270px; padding:10px 20px 10px 20px; min-height:384px; }
.r_hot .head_1 h4 { padding: 10px 0; }
.hot_nr { position: relative; }
.hot_nr:before{ content:""; display: block; position: absolute; height: 290px; background: #e8e8e8; width: 1px; left: 7px; top: 10px;}
.hot_nr .lb_6 { padding: 2px 0; line-height: 30px; display: block; }
.hot_nr .lb_6:hover { text-decoration: none; }
.hot_nr .lb_6 span { padding-left: 30px; }
.hot_nr .lb_6 span.on { color: #4e77de; }
.hot_nr .lb_6 p { line-height: 24px; height: 48px; padding-left: 30px; }
.lb_4 .lb_nr { width: 120px;}
/*banner*/
.banner { width: 370px; height: 410px; border-radius: 10px; padding: 20px; position: relative; overflow: hidden; }
.banner .bd_img { width: 100%; height: 250px; border-radius: 10px; }
.banner img { width: 100%; min-height: 250px; border-radius: 10px; }
.banner p { line-height: 24px; height: 48px; }
.banner .bd_lm { margin-left: 10px; }
.banner .hd {position: absolute; bottom: 20px; right: 10px;}
.banner .hd li { width: 16px; height: 16px; float: left; text-align: center; line-height: 16px; background: #ccc; margin-right: 10px; color: #fff; font-size: 12px; border-radius: 4px; cursor: pointer; }
.banner .hd li.on { background: #4e77de;}
/*栏目*/
.lm { padding: 30px; width: 1140px; overflow: hidden; margin: 20px auto 0 auto; }
.lm_l { width: 800px; }
.lm_l .lm_nr { margin-top: 23px;}
.lm_r { width: 310px; }
.lm_head {height: 30px; line-height: 30px;}
.lm_head .head { margin-right: 30px; }
.lm_head .hd { max-width: 550px; padding-right: 20px; }
.lm_bt { margin-right: 10px;  }
.lm_nr_r { width: 370px; }
.lm_l_t_r { width: 400px; }
.lm_l_t { height: 252px; }
.lm_l_b .lb_2 { float: left; width: 380px; margin-right: 20px; }
/*友情链接*/
.fink { width: 1140px; margin: 20px auto 0 auto; background: #fff; position: relative; padding: 30px 30px 20px 30px;}
.fink_nr a { margin: 0 20px 10px 0; height: 20px; display: block; float: left; }
.fink_nr a:hover { text-decoration: underline; }
/*底部*/
footer { background: #2b2e37; padding: 40px 0;  }
.footer_logo { margin-top: 30px; }
.footer_t { border-bottom: 1px solid #585d6d; margin-bottom: 20px; padding-bottom: 20px; }
.footer_t a { color: #ccc; font-size: 15px; margin-right: 20px; }
.footer_t a:hover { color: #4e77de; }
.footer_b p,.footer_b1 p { line-height: 24px; color: #999; font-size: 12px; }
.footer_b1 p span { margin-right: 10px; }
.footer_b p.fr,.footer_b1 p.fr { text-align: right; }
.footer_b p a,.footer_b1 p a { color: #999; }
.footer_b p a:hover,.footer_b1 p a:hover {color: #4e77de;}
/*翻页*/
.pnum { padding: 20px 0; width: 100%; display: flex;  justify-content: center;  line-height: 34px; }
.pnum a{ min-width: 34px; margin: 0 5px; font-size: 14px; padding: 0 6px; height: 34px; text-align: center; line-height: 34px; box-sizing: border-box; display: block; float: left;background: #f7f8f8; border-radius: 10px;  }
.pnum a.sed { background: #4e77de; color: #fff; border: 1px solid #4e77de;  }
.pnum a:hover { background: #4e77de; color: #fff;  }
.pnum .pageinfo { margin-left: 10px; color: #999; }
.pnum input { display: none;}
/*面包屑*/
.position { line-height: 50px; height: 50px; border-radius: 10px; position: relative; overflow: hidden; }
.position .iconfont { margin-right: 10px; }
.con_top h2 { margin-right: 30px;max-width: 50%; }
/*面包屑*/
/* 右边固定导航 */
.rc_nav{ font-size: 14px;background: #fff; position: fixed; bottom: 240px; left: 50%; margin-left: 620px; border-radius: 10px; z-index: 999; +display: none; *display: none!important;display: none;_position: absolute;_clear: both;_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1: document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);}
.rc_nav li{ padding: 10px; margin-bottom: 1px; color: #333;  cursor: pointer; position: relative; }
.rc_nav li:before { position: absolute; width: 6px; height: 20px; content:""; display: block; position: absolute;  left: 0; top: 12px; border-radius: 4px; }
.rc_nav li.active:before { background: #ee7f72; }
.rc_nav li p {  overflow:hidden; margin: 0 auto; padding-left: 10px; position: relative;}
.rc_nav li.active {  color: #4e77de;}
.rc_nav li.active p .icon { background: #4e77de; }
.rc_nav li.last { line-height: 26px; height: 26px; border-top: 1px solid #f1f1f1; background: #4e77de; padding:2px 5px; margin: 6px; color: #fff; border-radius: 10px; }
.rc_nav li.last .iconfont {font-size: 14px; margin-right: 4px; }
@media all and (max-width: 1500px){.rc_nav { display: none!important; }}

.hsite_name {
    display: inline-block;
    width: 200px;
    height: 55px;
/*    line-height: 55px;*/
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    font-family: 'Microsoft YaHei', sans-serif;
    background: linear-gradient(90deg, #3C75C7, #5A9DFF, #3C75C7); /* 文字渐变色 */
    -webkit-background-clip: text; /* 仅对文字应用渐变 */
    background-clip: text;
    color: transparent; /* 隐藏原文字颜色，显示渐变 */
    text-shadow: 0 2px 4px rgba(60, 117, 199, 0.3); /* 文字阴影增强立体感 */
    transition: all 0.3s ease;
    position: relative;
}