﻿@charset "utf-8";
/******基础样式开始******/
body {
  font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  background: #fff;
  text-align: justify;
  text-justify: inter-ideograph;
}
table,
td {
  font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 24px;
  color: #2e2e2e;
}
html,
body,
div,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
em,
img,
strong,
blockquote,
sub,
sup,
tt,
i,
b,
dd,
dl,
dt,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
p,
a,
ol {
  margin: 0;
  padding: 0;
}
s,
i,
em {
  font-style: normal;
  text-decoration: none;
}
ul,
ol,
li {
  list-style-type: none;
  list-style: none;
}
button,
input,
select,
textarea {
  vertical-align: middle;
  font-family: Microsoft Yahei;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
code,
kbd,
pre,
samp {
  font-family: courier new, courier, monospace;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
legend {
  color: #000;
}
fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: #6e6e6e;
  text-decoration: none;
}
.white,
.white a {
  color: #fff;
  text-decoration: none;
}
.white,
a:hover {
  color: #d61c1d;
}
.clearfix {
  clear: both;
  height: 1px;
  margin-top: -1px;
  overflow: hidden;
}
.fw {
  font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fb {
  font-weight: bold;
}
.disb {
  display: block;
}
.disn {
  display: none;
}
.area-dialog-ct {
  width: 760px;
  padding: 10px;
  background: #fff;
}
.area-dialog-bar {
  height: 40px;
  background: #003a52;
}
.area-dialog-bar span,
.area-dialog-bar a {
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  padding: 0 15px;
}
.area-dialog-bar a#_a_c_close {
  float: right;
}
.area-dialog-ct .area-dialog-content {
  margin: 0;
}
.area-dialog-ct .area-dialog-content::after {
  clear: both;
  display: block;
  content: '';
}
.area-dialog-content li {
  float: left;
  padding: 10px;
  position: relative;
}
.area-dialog-content .area-m-o {
  width: 150px;
  margin: 0;
  padding: 0 10px;
  background: #fff;
}
.area-dialog-content li .a-i-disable {
  background: #d8d8d8;
}
.area-dialog-content .area-m-o .a-check-num {
  color: #d00;
}
.area-dialog-content input {
  margin: -3px 5px 0 0;
}
.area-dialog-content .area-m-o lable {
  line-height: 35px;
  font-size: 12px;
  color: #333;
}
.area-dialog-content li .a-city-ct {
  display: none;
}
.area-dialog-content li.area-item-mover {
  background: #f7e76a;
}
.area-dialog-content li.area-item-mover .a-city-ct {
  display: block;
}
.area-dialog-bottom {
  margin-top: 10px;
  text-align: center;
}
.area-dialog-bottom a {
  padding: 5px 15px;
  color: #fff;
  background: #007ba9;
  font-size: 14px;
  border-radius: 3px;
}
.area-dialog-bottom a:hover {
  background: #003a52;
  transition: 0.3s ease;
}
.area-dialog-content .a-city-ct {
  position: absolute;
  left: 0;
  top: 45px;
  background: #f7e76a;
  padding: 10px;
  z-index: 100;
  width: 480px;
}
.area-dialog-content .a-city-ct:after {
  content: '';
  display: block;
  clear: both;
}
.area-dialog-content .a-city-ct p {
  float: left;
  width: 100px;
  padding: 5px 10px;
}
.color-1 {
  background-color: #249edc;
}
.color-2 {
  background-color: #17a668;
}
.color-3 {
  background-color: #741d88;
}
.color-4 {
  background-color: #da9627;
}
.color-5 {
  background-color: #ff9933;
}
.color-6 {
  background-color: #6666ff;
}
.color-7 {
  background-color: #ff99ff;
}
.color-8 {
  background-color: #66cc66;
}
.color-9 {
  background-color: #666;
}
.color-10 {
  background-color: #ff7800;
}
.color-11 {
  background-color: #ccc;
}
.color-12 {
  background-color: #ff3333;
}
.color-white {
  background-color: #fff;
}
.bgcolor-gray {
  background: #f5f5f5;
}
.ipt-txt {
  outline: none;
  border: 1px solid #ccc;
}
.ipt-txt:focus,
.ipt-sec:focus {
  border: 1px solid #0078b5;
  box-shadow: #ccc 2px 4px 2px;
}
.small-ipt {
  line-height: 16px;
  width: 150px;
  height: 16px;
  padding: 4px;
}
.ipt-sec {
  padding: 5px;
}
.ipt-radio,
.ipt-check {
  vertical-align: middle;
  margin: 0 5px 4px 0;
}
.btnBox {
  width: 100%;
  text-align: center;
}
.Submit {
  width: 200px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  border: 0;
  outline: none;
  margin: 0 auto;
  cursor: pointer;
  transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
}
.Submit:hover {
  background-color: #f60;
}
/******基础样式开始******/
body {
  background: url(../images/body.jpg) #f5f5f5 top center no-repeat;
}
.header {
  width: 100%;
  height: 180px;
  position: relative;
}
.container {
  max-width: 1250px;
  margin: 0 auto;
  position: relative;
}
.container_col {
  background: #fff;
  padding: 15px;
  max-width: 1220px;
  margin: 0 auto;
  margin-bottom: 15px;
}
#weather {
  float: left;
  font-size: 12px;
  color: #666;
  line-height: 24px;
  width: 260px;
  margin-top: 25px;
  margin-left: 20px;
}
.toptxt {
  font-size: 12px;
  color: #888;
  line-height: 34px;
  text-align: right;
}
.toptxt a {
  font-size: 12px;
  color: #888;
  line-height: 34px;
  padding: 0 10px;
}
.toptxt a:hover {
  color: #b61412;
}
.toptxt .diqu {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 34px;
  color: #333;
}
.search {
  height: 20px;
  padding: 10px 0;
  width: 300px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 80px;
  padding-right: 90px;
}
.search .search_btn {
  display: block;
  width: 80px;
  height: 40px;
  background: #d61c1d;
  border: 0;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.3s ease;
}
.search .search_btn:hover {
  background: #1561af;
}
.ipt-sea {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  outline: none;
  border: 0;
  width: 285px;
  padding-left: 15px;
}
.logo {
  width: 420px;
  height: 112px;
  position: absolute;
  left: 0;
  top: 50px;
}
.nav {
  max-width: 1250px;
  height: 80px;
  margin: 0 auto 15px auto;
  background: #d61c1d;
}
.nav li {
  width: 11.1111%;
  float: left;
  height: 80px;
  position: relative;
  text-align: center;
  background: url(../images/shuxian.png) right top no-repeat;
}
.nav li a {
  display: block;
  text-align: center;
  line-height: 16px;
  height: 80px;
  font-size: 15px;
  color: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
}
.nav li a img {
  display: block;
  margin: 15px auto 10px auto;
  transition: all 0.3s ease;
}
.nav li a:hover,
.nav li.active a {
  background: #c01718;
  color: #fff;
}
.nav li a:hover img {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.nav li .subnav {
  box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 199;
}
.nav li .subnav {
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
  transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
}
.nav li:hover .subnav {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.nav li .subnav a {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
  padding: 0;
  transition: all 0.2s ease-in-out 0s;
  width: 100%;
  background: #d61c1d;
  border-top: 1px solid #d61c1d;
  border-bottom: 1px solid #d61c1d;
}
.nav li .subnav a:hover {
  background: #d61c1d;
}
/*滚动新闻*/
.zxgg {
  width: 1170px;
  margin: 10px auto auto auto;
  background: url(../images/laba.jpg) no-repeat #fcfcfc;
  padding-left: 30px;
}
.BreakingNewsController {
  width: 100%;
  overflow: hidden;
  height: auto;
  position: relative;
  height: 35px;
}
.BreakingNewsController .bn-title {
  display: inline-block;
  float: left;
  padding: 0 20px;
  line-height: 35px;
}
.BreakingNewsController ul {
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
  position: absolute;
  left: 180px;
  right: 50px;
}
.BreakingNewsController ul li {
  list-style: none;
  padding: 0 20px;
  display: none;
  height: 35px;
}
.BreakingNewsController ul li a {
  text-decoration: none;
  color: #333;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  line-height: 35px;
}
.BreakingNewsController .bn-arrows {
  display: inline-block;
  float: right;
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.BreakingNewsController .bn-arrows span {
  display: block;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 0.2;
}
.BreakingNewsController .bn-arrows span:hover {
  opacity: 1;
}
.BreakingNewsController .bn-arrows-left {
  left: 0;
  background: url(../images/bn-arrows.png) left center no-repeat;
}
.BreakingNewsController .bn-arrows-right {
  right: 10px;
  background: url(../images/bn-arrows.png) right center no-repeat;
}
.easing a,
.easing span {
  transition: 0.25s linear;
  -moz-transition: 0.25s linear;
  -webkit-transition: 0.25s linear;
}
.news-notice {
  margin: 0;
}
.indnews {
  width: 610px;
  height: 362px;
  float: left;
}
.news-pic {
  width: 610px;
  height: 362px;
}
.news-pic,
.news-pic img {
  width: 610px;
  height: 362px;
  overflow: hidden;
}
.news-notice .news-txt {
  width: 592px;
  height: 362px;
  float: right;
  border: 1px solid #efefef;
}
.news-title {
  height: 38px;
  background: #fafafa;
  border-bottom: 1px solid #efefef;
  line-height: 38px;
  position: relative;
}
.news-title .name {
  position: absolute;
  left: -1px;
  top: -1px;
  height: 39px;
  background: #084466;
  color: #fff;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
  padding: 0 15px;
  font-weight: bold;
}
.news-name.tab-nav {
  position: absolute;
  left: -1px;
  top: -1px;
  height: 39px;
}
.news-name.tab-nav a {
  display: block;
  float: left;
  height: 39px;
  line-height: 39px;
  color: #333;
  text-align: center;
  line-height: 39px;
  font-size: 15px;
  padding: 0 15px;
  margin: 0;
  position: relative;
}
.news-name.tab-nav a.current {
  background: #d61c1d;
  color: #fff;
  font-weight: bold;
}
.news-name.tab-nav a i {
  width: 9px;
  height: 5px;
  background: url(../images/jtx.png) no-repeat;
  left: 10px;
  bottom: -5px;
  display: none;
}
.news-name.tab-nav a.current i {
  display: block;
}
.news-title .name i {
  width: 9px;
  height: 5px;
  background: url(../images/jtx.png) no-repeat;
  left: 10px;
  bottom: -5px;
  display: block;
}
.news-title .more {
  position: absolute;
  right: 10px;
  line-height: 38px;
  top: 0;
  font-size: 12px;
  color: #999;
  transition: all 0.3s ease;
}
.news-title .more:hover {
  color: #084466;
}
.newslist {
  display: block;
  padding: 10px 12px;
}
.hotnews {
  margin: 12px 12px 0 12px;
}
.hotnews h1 {
  font-size: 16px;
  color: #333;
  text-align: center;
  margin: 0 10px;
  height: 30px;
  line-height: 30px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hotnews .hotcon {
  margin-top: 12px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hotnews .hotcon a {
  color: #999;
  line-height: 24px;
  font-size: 14px;
}
.hotnews .hotcon a:hover,
.newslist li a:hover {
  color: #d61c1d;
}
.newslist li {
  border-bottom: 1px dotted #dedede;
  position: relative;
  padding: 0 80px 0 16px;
  background: url(../images/listnot.png) 0px 15px no-repeat;
}
.newslist li a {
  display: block;
  height: 36px;
  width: 100%;
  line-height: 36px;
  font-size: 14px;
  color: #666;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}
.newslist li span {
  position: absolute;
  right: 0;
  top: 8px;
  line-height: 36px;
  color: #bbb;
  text-align: center;
}
.newslist li span.time {
  top: 0;
}
.newslist li:last-child {
  border: 0;
}
.newslist.ny li {
  padding: 8px 80px 8px 14px;
  background: url(../images/listnot.png) 2px 24px no-repeat;
}
.newslist.ny li a:after {
  display: none;
}
.media-page {
  background: #fff;
  padding: 20px;
}
.nytit {
  border-bottom: 1px solid #ededed;
  line-height: 30px;
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.nytit h1 {
  text-align: center;
  font-size: 20px;
  color: #000;
}
.xzgg {
  margin: 0 auto;
  width: 1250px;
  overflow: hidden;
}
.xzgg a {
  display: block;
}
.xzgg img {
  width: 100%;
}
.xzgg img.fl {
  width: 620px;
  height: 90px;
}
.xzgg img.fr {
  width: 620px;
  height: 90px;
}
.r-radius {
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.fwzn .iconlist a:hover {
  color: #f71013;
}
.toutiao {
  background: #f5f5f5;
  height: 50px;
  position: relative;
  padding: 12px 90px;
  margin-bottom: 15px;
}
.toutiao i {
  width: 82px;
  height: 69px;
  background: url(../images/toutiao.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.toutiao h1 {
  text-align: center;
}
.toutiao h1 a {
  font-size: 18px;
  color: #333;
}
.toutiao h1 a:hover {
  color: #1561af;
}
.toutiao p {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fwzn {
  margin-top: 15px;
  background: #d5e7f6;
  height: 140px;
  overflow: hidden;
}
.fwzn .tit {
  width: 58px;
  background: #d61c1d;
  text-align: center;
  font-size: 16px;
  color: #fff;
  height: 115px;
  padding-top: 25px;
  float: left;
}
.fwzn .iconlist {
  float: left;
  width: 1112px;
}
.fwzn .iconlist a {
  display: block;
  width: 158px;
  text-align: center;
  float: left;
  color: #333;
  font-size: 14px;
  line-height: 30px;
}
.fwzn .iconlist a .pic {
  width: 82px;
  height: 82px;
  margin: 20px auto auto auto;
  transition: all 0.3s ease;
}
.fwzn .iconlist a.icon1 .pic {
  background: #eacd75;
}
.fwzn .iconlist a.icon2 .pic {
  background: #93d884;
}
.fwzn .iconlist a.icon3 .pic {
  background: #f57b7b;
}
.fwzn .iconlist a.icon4 .pic {
  background: #b19de5;
}
.fwzn .iconlist a.icon5 .pic {
  background: #60dcb5;
}
.fwzn .iconlist a.icon6 .pic {
  background: #7ebfe2;
}
.fwzn .iconlist a.icon7 .pic {
  background: #dec67c;
}
.fwzn .iconlist a.icon1:hover .pic {
  background: #d61c1d;
}
.fwzn .iconlist a.icon2:hover .pic {
  background: #d61c1d;
}
.fwzn .iconlist a.icon3:hover .pic {
  background: #d61c1d;
}
.fwzn .iconlist a.icon4:hover .pic {
  background: #d61c1d;
}
.fwzn .iconlist a.icon5:hover .pic {
  background: #d61c1d;
}
.fwzn .iconlist a.icon6:hover .pic {
  background: #d61c1d;
}
.fwzn .iconlist a.icon7:hover .pic {
  background: #d61c1d;
}
.xz-col {
  background: #fff;
  padding: 15px;
  height: 370px;
  float: left;
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.xz-col.abt {
  width: 376px;
}
.xz-col.abt img {
  width: 100%;
}
.xz-col.gsgg {
  width: 376px;
  margin-right: 0;
}
.xz-col.jlhd {
  width: 376px;
  margin-right: 0;
  float: right;
}
.hudongicon a {
  display: block;
  float: left;
  width: 175px;
  height: 102px;
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  text-align: center;
}
.hudongicon a img {
  margin: 15px auto;
  display: block;
  transition: all 0.3s ease;
}
.hudongicon a.nor {
  border-right: 0;
}
.hudongicon a.nob {
  border-bottom: 0;
}
.hudongicon a:hover {
  color: #d61c1d;
}
.hudongicon a:hover img {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.col-title {
  background: url(../images/titbot.png) left bottom no-repeat;
  overflow: hidden;
  padding-bottom: 15px;
}
.col-title span p {
  font-size: 18px;
  color: #d61c1d;
}
.col-title span i {
  font-size: 12px;
  color: #b6b6b6;
  margin-top: 10px;
}
.col-title a {
  float: right;
  line-height: 30px;
}
.col-con {
  margin-top: 15px;
}
.col-con .abttxt {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  margin-top: 15px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.videolist {
  overflow: hidden;
}
.videolist ul {
  width: 1200px;
}
.videolist ul li {
  width: 294px;
  height: 222px;
  float: left;
  text-align: center;
  line-height: 30px;
  margin-right: 8px;
  font-size: 14px;
}
.videolist ul li:last-child {
  margin-right: 0;
}
.videolist ul li img {
  width: 286px;
  height: 192px;
}
.sqbs li {
  width: 33.33%;
  text-align: center;
  float: left;
  margin-bottom: 15px;
  margin-top: 10px;
}
.sqbs li a:hover {
  color: #b61412;
}
.mqmy {
  margin: 20px 0;
}
.mqmy li {
  width: 301px;
  height: 60px;
  margin: 10px auto;
  border: 1px solid #dddddd;
}
.bmfw {
  margin-right: -15px;
}
.bmfw li {
  width: 235px;
  float: left;
  margin-right: 25px;
  padding-left: 120px;
  margin-bottom: 30px;
  margin-top: 15px;
  position: relative;
}
.bmfw li .pic {
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
.bmfw li .pic img {
  width: 100px;
  height: 100px;
}
.bmfw li .pic.rad {
  border-radius: 50%;
  overflow: hidden;
}
.bmfw .info .list {
  line-height: 15px;
  font-size: 12px;
  margin-bottom: 8px;
  margin-top: 2px;
}
.bmfw .info .list i {
  height: 15px;
  width: 15px;
  float: left;
  margin-right: 5px;
}
.gsht {
  float: left;
  width: 400px;
}
.col-2-r .tit {
  height: 40px;
  background: url(../images/sficon.png) 0 9px no-repeat;
  padding-left: 30px;
  line-height: 40px;
  color: #333;
  font-size: 16px;
  float: left;
}
.sfbox {
  padding: 0 10px 15px 5px;
  height: 213px;
}
.sftxt {
  float: left;
  width: 424px;
  height: 215px;
  position: relative;
}
.sftxt .info {
  height: 198px;
  line-height: 22px;
  font-size: 12px;
  color: #666;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sftxt a {
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  text-align: center;
  color: #f30;
}
.sftxt a:hover {
  color: #39f;
}
.jisuan {
  float: right;
  padding-left: 30px;
  width: 270px;
  border-left: 1px dashed #efefef;
  height: 213px;
}
.jisuan h1 {
  color: #084466;
  line-height: 30px;
  font-size: 15px;
}
.jsbox {
  position: relative;
  padding-left: 65px;
  margin-top: 8px;
}
.jsbox span {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 27px;
  display: block;
  width: 65px;
  color: #7e7e7e;
}
.jsbox .jsq {
  border: 1px solid #f0f0f0;
  height: 19px;
  padding: 3px 3px 3px 10px;
  border-radius: 2px;
}
.jsbox .jsq .ipt-jsq {
  border: 0;
  height: 19px;
  line-height: 19px;
  width: 100%;
  outline: none;
}
.jsbox .jsq a {
  display: block;
  width: 42px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  background: #55aeec;
  position: absolute;
  top: 4px;
  right: 4px;
  color: #fff;
  border-radius: 2px;
}
.jsjg {
  background: #f0f0f0;
  padding: 4px 8px;
  margin-top: 10px;
  position: relative;
}
.jsjg .tab {
  line-height: 28px;
  border-bottom: 1px solid #e2e2e2;
  color: #6a6a6a;
  height: 28px;
  overflow: hidden;
}
.jsjg .tab span {
  float: right;
}
.jsjg .tab.last {
  border: 0;
}
.jsjg:before {
  content: '';
  width: 9px;
  height: 5px;
  background: url(../images/jtt.png) no-repeat;
  display: block;
  position: absolute;
  right: 20px;
  top: -5px;
}
.jisuan .smtxt {
  color: #55aeec;
  line-height: 40px;
}
.xxlinks {
  height: 24px;
  overflow: hidden;
}
.xxlinks a {
  color: #f33;
  line-height: 24px;
}
.xxlinks a:hover {
  color: #55aeec;
  text-decoration: underline;
}
.newslist.htlist {
  padding: 0;
  width: 360px;
}
.col-4 {
  width: 289px;
  float: left;
  margin-right: 12px;
  border: 1px solid #efefef;
}
.col-4.last {
  margin-right: 0;
}
.news-title .name2 {
  float: left;
  line-height: 39px;
  font-size: 15px;
  font-weight: bold;
  color: #084466;
  padding-left: 20px;
  background: url(../images/shu.png) 8px 11px no-repeat;
}
.linksbox {
  background: #fff;
  margin: 15px auto;
  width: 1250px;
}
.txtlisttit {
  height: 38px;
  border-bottom: 2px solid #d61c1d;
}
.txtlisttit a {
  display: block;
  height: 38px;
  line-height: 38px;
  float: left;
  padding: 0 40px;
  color: #333;
  transition: all 0.3s ease;
  font-size: 14px;
}
.txtlisttit a.current {
  background: #d61c1d;
  color: #fff;
}
.linksbox .listcon {
  height: 70px;
}
.linksbox .linkslist li {
  margin: 5px 10px;
  line-height: 30px;
  float: left;
  font-size: 14px;
}
.foot {
  font-size: 14px;
  color: #787878;
  line-height: 30px;
  background: #fff;
  max-width: 1250px;
  text-align: center;
  padding: 20px 0;
  margin: 15px auto;
}
.mg-t-b {
  margin: 15px auto;
}
.page-left {
  width: 100%;
  overflow: hidden;
}
.page-right {
  width: 96%;
  float: right;
  background: #fff;
  padding: 2%;
}
.lujing {
  margin: 20px 0;
  font-size: 14px;
  color: #fbfbfb;
}
.lujing a {
  color: #fbfbfb;
}
.pageny {
  overflow: hidden;
}
.fllist {
  margin-bottom: 20px;
}
.fllist ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.fllist li {
  /* border: 1px solid #ededed; */
  height: 45px;
  background: #fff;
  padding: 0 20px;
  margin: 0 10px 0 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.fllist li a {
  display: block;
  line-height: 43px;
  font-size: 16px;
  color: #666;
}
.fllist li:hover,
.fllist li.active {
  background: #d61c1d;
}
.fllist li:hover a,
.fllist li.active a {
  color: #fff;
  border-bottom-color: #d61c1d;
}
.fllist li.active {
  border-left: 4px solid #bc1718;
}
.fllist li:last-child a {
  border-bottom: 0;
}
.hotarticl {
  margin-top: 20px;
}
.hottit {
  border-bottom: 1px solid #efefef;
  line-height: 40px;
  font-size: 16px;
  color: #f30;
  margin: 12px 12px 0 12px;
}
.pagelujing {
  height: 40px;
  border-bottom: 2px solid #efefef;
  position: relative;
}
.pagelujing .name {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  border-bottom: 2px solid #f33;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
}
.pagelujing span {
  position: absolute;
  right: 0;
  line-height: 40px;
  color: #888;
}
.news-txt.ny,
.newslist.ny {
  border: 0;
  padding: 0;
}
.news-txt.ny {
  min-height: 600px;
}
.newslist.ny li:last-child {
  border-bottom: 1px dotted #efefef;
}
.liuyantab {
  border: 1px solid #f5f5f5;
  background: #f8f8f8;
  margin-top: 20px;
  padding: 20px;
}
/*分页*/
.biaoti {
  font-size: 18px;
  color: #333;
  text-align: center;
  margin: 0 20px;
  font-weight: 600;
  margin-top: 30px;
}
.sshuomign {
  color: #888;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
}
.sshuomign span {
  margin: 0 10px;
}
.article_txt {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  margin-top: 20px;
  text-align: justify;
  overflow: hidden;
}
.article_txt img {
  max-width: 930px;
}
.reLink {
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  color: #6e6e6e;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  margin: 20px auto;
}
.reLink .prevLink,
.reLink .nextLink {
  width: 50%;
}
.reLink .nextLink {
  text-align: right;
}
/* 反馈模块 */
.contact-com-body {
  padding: 30px 10px 25px 10px;
  border-bottom: 1px solid #d3d3d3;
}
.contact-com-body .row {
}
.row:before,
.row:after {
  content: '';
  display: table;
  line-height: 0;
}
.row:after {
  clear: both;
}
.row {
  margin-bottom: 15px;
  *zoom: 1;
}
.col-2,
.col-10 {
  float: left;
  position: relative;
  min-height: 1px;
}
.contact-com-body .col-2 {
  width: 60px;
  line-height: 40px;
  margin-right: 10px;
  text-align: left;
}
.contact-com-body .input-control {
  padding: 5px;
  line-height: 30px;
  height: 30px;
  width: 400px;
  border: 1px solid #ccc;
}
.contact-com-body .textarea-control {
  height: 106px;
  width: 490px;
  padding: 5px;
  border: 1px solid #ccc;
}
.contact-com-body .help-inline {
  line-height: 40px;
  color: #f00;
}
.contact-com-body .input-shade {
  background-color: #f8f8f8;
}
.contact-com-body .input-short {
  width: 340px;
}
.contact-com-body .input-shorter {
  width: 140px;
}
.contact-com-body img {
  width: 80px;
  height: 41px;
  margin: 2px 5px;
}
.contact-com-btn {
  margin-left: 70px;
  padding-top: 20px;
}
.contact-com-btn .btn {
  margin-right: 30px;
}
.btn-warning {
  padding: 12px 44px;
  font-weight: bold;
  color: #fff;
  border: none;
  background-color: #ff8942;
  background: -webkit-linear-gradient(top, #ff9454, #ff7f30);
  background: -moz-linear-gradient(top, #ff9454, #ff7f30);
  background: -ms-linear-gradient(top, #ff9454, #ff7f30);
  background: -o-linear-gradient(top, #ff9454, #ff7f30);
}
.btn-warning:hover {
  color: #fff;
  background-color: #ff8945;
  background: -webkit-linear-gradient(top, #ff8237, #fd8f4d);
  background: -moz-linear-gradient(top, #ff8237, #fd8f4d);
  background: -ms-linear-gradient(top, #ff8237, #fd8f4d);
  background: -o-linear-gradient(top, #ff8237, #fd8f4d);
}
.btn-danger {
  padding: 12px 44px;
  font-weight: bold;
  color: #fff;
  border: none;
  background-color: #13bd49;
  background: -webkit-linear-gradient(top, #08d248, #13bd49);
  background: -moz-linear-gradient(top, #08d248, #13bd49);
  background: -ms-linear-gradient(top, #08d248, #13bd49);
  background: -o-linear-gradient(top, #08d248, #13bd49);
}
.btn-danger:hover {
  color: #fff;
  background-color: #0ba43b;
  background: -webkit-linear-gradient(top, #13bd49, #0ba43b);
  background: -moz-linear-gradient(top, #13bd49, #0ba43b);
  background: -ms-linear-gradient(top, #13bd49, #0ba43b);
  background: -o-linear-gradient(top, #13bd49, #0ba43b);
}
.message ul li {
  margin-bottom: 10px;
  line-height: 25px;
  padding-bottom: 10px;
  clear: both;
  position: relative;
  border-bottom: 1px dotted #ccc;
}
.message li p {
  display: block;
  padding-bottom: 5px;
  font-size: 14px;
}
.message li p .name {
  float: left;
  color: #024886;
}
.message li p .name a {
  color: #024886;
}
.message li p .more {
  float: right;
  color: #024886;
}
.datetime {
  color: #999999;
  font-size: 12px;
  width: 120px;
  text-align: right;
  display: inline;
  float: right;
}
.para01 {
  display: inline-block;
  padding-bottom: 0px;
  font-size: 16px;
  font-family: '微软雅黑';
}
.para01 a {
  font-size: 16px;
}
/*留言表单*/
.formData {
  padding-top: 35px;
  overflow: hidden;
}
.formData .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 433px;
  height: 56px;
  line-height: 56px;
  border: 1px solid #e5e5e5;
  margin-right: 30px;
  margin-bottom: 30px;
  position: relative;
}
.formData .item label {
  padding-left: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  text-align: center;
  display: block;
  margin: 0;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  color: #666;
}
.formData .item input {
  outline: none;
  line-height: 38px;
  height: 38px;
  font-size: 18px;
}
.formData .item .txt {
  width: 363px;
  height: 56px;
  line-height: 56px;
  display: block;
  background: none;
  padding-left: 70px;
  border: 0 none;
  color: #666;
}
.formData .item .red {
  position: absolute;
  right: 15px;
  top: 0;
  color: #ff0000;
  z-index: 11;
}
.formData .item.mr0 {
  margin-right: 0;
}
.formData .msg-box {
  position: absolute;
  left: 0;
  top: 0px;
}
.formData .liuyan {
  width: 898px;
  height: 260px;
  border: 1px solid #e5e5e5;
  float: left;
}
.formData .liuyan label {
  text-align: right;
  display: block;
}
.formData .liuyan textarea {
  width: 878px;
  height: 234px;
  line-height: 35px;
  padding: 12px 10px;
  text-indent: 100px;
  font-size: 18px;
  font-family: 'microsoft yahei';
  color: #333;
  border: 0 none;
  overflow: hidden;
  background: none;
  resize: none;
  display: block;
  outline: none;
}
.formData .bot {
  width: 100%;
}
.formData .sub {
  width: 232px;
  line-height: 54px;
  margin-right: 2px;
  text-align: center;
  background: #d61c1d;
  border: 2px solid #d61c1d;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  display: block;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}
.formData .sub:hover {
  color: #d61c1d;
  background: none;
}
.formData .yzm {
  width: 432px;
}
.formData .yzm .txt {
  padding-left: 80px;
}
.formData .yzm img {
  position: absolute;
  right: 0;
  top: 0;
  height: 56px;
  border: 0px;
  display: block;
}
/*右侧浮动工具*/
.toolbar {
  width: 52px;
  position: fixed;
  right: 1%;
  top: 44%;
  z-index: 999;
}
.toolbar dd {
  width: 50px;
  height: 50px;
  margin-bottom: 1px;
  position: relative;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-top: 4px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.08);
}
.toolbar dd i {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.toolbar dd i span {
  width: 35px;
  height: 35px;
  display: block;
  margin: 8px 0 0 8px;
  background: url(../images/rightfixicon.png) no-repeat 0 0;
}
.toolbar .pop {
  position: absolute;
  right: 65px;
  top: -18px;
  display: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 3px;
}
.toolbar .pop-code {
  padding: 10px;
}
.toolbar .pop-code:after {
  content: '';
  border: 8px solid transparent;
  border-left-color: #fff;
  top: 36px;
  right: -16px;
  position: absolute;
  width: 0;
  height: 0;
}
.toolbar .pop-code img {
  width: 100px;
  height: 100px;
  display: block;
}
.toolbar .pop-code h3 {
  text-align: center;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
.toolbar .pop-code h3 b {
  display: block;
  font-weight: normal;
}
.toolbar .qq span {
  background-position: -35px -47px;
}
.toolbar .qq a {
  width: 52px;
  height: 52px;
  cursor: pointer;
  display: block;
}
.toolbar .slide {
  position: absolute;
  right: 65px;
  top: -2px;
  display: none;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 3px;
}
.toolbar .slide:after {
  content: '';
  border: 8px solid transparent;
  border-left-color: #fff;
  top: 50%;
  right: -16px;
  margin-top: -8px;
  position: absolute;
  width: 0;
  height: 0;
}
.toolbar .slide .fenx {
  width: 160px;
}
.toolbar .slide .fenx a {
  margin: 0 5px;
}
.toolbar .slide .fenx a:first-child {
  margin-left: 0;
}
.toolbar .slide .fenx a:last-child {
  margin-right: 0;
}
.toolbar dd:hover i {
  background-color: #d61c1d;
}
.toolbar .qq:hover span {
  background-position: 0 -47px;
}
.toolbar .tel span {
  background-position: -35px 0;
}
.toolbar .tel:hover span {
  background-position: 0 0;
}
.toolbar .code span {
  background-position: -35px -95px;
}
.toolbar .code:hover span {
  background-position: 1px -95px;
}
.toolbar .top span {
  background-position: -35px -142px;
}
.toolbar .top:hover span {
  background-position: 0 -142px;
}
.toolbar .bottom span {
  background-position: -35px -186px;
}
.toolbar .bottom:hover span {
  background-position: 0 -186px;
}
.media-page {
  width: calc(100% - 40px);
  overflow: hidden;
}
.medialist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.medialist li {
  position: relative;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.medialist li h3 {
  padding: 10px 0;
  font-size: 16px;
  line-height: 30px;
}
.medialist li span {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .medialist {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .medialist {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 576px) {
  .medialist {
    grid-template-columns: 1fr;
  }
}
.video-detail .tab-head {
  border-radius: 0;
  font-size: 0;
  -webkit-text-size-adjust: none;
  padding-left: 25px;
  border-bottom: 1px solid #efefef;
}
.video-detail .tab .tab-nav li {
  display: inline-block;
  width: 13%;
  margin: 0;
}
/* .video-detail .tab .tab-nav li:last-child {margin-right:0px} */
.video-detail .tab .tab-nav li a {
  color: #616770;
  padding: 18px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  display: block;
  line-height: 20px;
  font-weight: 500;
  border-radius: 0;
  font-size: 16px;
  text-align: center;
}
.video-detail .tab .tab-nav .active {
  border-radius: 0px;
}
.video-detail .tab .tab-nav .active a {
  margin-bottom: -1px;
  cursor: default;
  background: #fff;
  border-bottom: 2px solid #ff9600;
  font-weight: 600;
}
.video-detail .tab .tab-nav li a,
.video-detail .tab .tab-nav .active a:focus {
  outline: none;
}
.video-detail .tab .tab-body {
  border-radius: 0;
  border-top: solid 0px #ebebeb;
  padding: 25px;
}
/* ======æ’­æ”¾å™¨ */

.jw-video-expense {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #383838;
  z-index: 1;
  display: none;
}
.jw-video-expense img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.jw-video-expense .apply {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  transform: translate(-50%, -50%);
}
.jw-video-expense .video-play {
  cursor: pointer;
  font-size: 0;
}
.jw-video-expense .video-play:before {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 8;
  margin-top: -40px;
  margin-left: -40px;
  border-radius: 50%;
  background: radial-gradient(rgba(0, 0, 0, 0.25) 40%, rgba(255, 255, 255, 0.65) 70%, rgba(0, 0, 0, 0.25) 100%);
  box-shadow: 0 0 8px 4px rgba(136, 136, 136, 0.35), 0 0 6px 3px rgba(255, 255, 255, 1);
  animation: fade 2.4s linear 0s infinite;
}
.jw-video-expense .video-play:after {
  content: '';
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  margin-top: -40px;
  margin-left: -40px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj4KCTxkZWZzPgoJCTxzdHlsZT4KCQkgIC5jbHMtMSB7CgkJCWZpbGw6ICNmZmY7CgkJCWZpbGwtcnVsZTogZXZlbm9kZDsKCQkgIH0KCQk8L3N0eWxlPgoJPC9kZWZzPgoJPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEyMCwxMTE3YTQwLDQwLDAsMSwxLTQwLDQwQTQwLDQwLDAsMCwxLDExMjAsMTExN1ptMCw0YTM2LDM2LDAsMSwxLTM2LDM2QTM2LDM2LDAsMCwxLDExMjAsMTEyMVptLTUuNjIsNTIuNTEsMjAuMzctMTQuODhhMi4yNTQsMi4yNTQsMCwwLDAtLjA0LTMuNjdMMTExNCwxMTQwLjQ1YTIuMjczLDIuMjczLDAsMCwwLTMuNTgsMS44OGwwLjM1LDI5LjM4QTIuMjY5LDIuMjY5LDAsMCwwLDExMTQuMzgsMTE3My41MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDgwIC0xMTE3KSIvPgo8L3N2Zz4=)
    no-repeat;
}
.jw-video-expense .button {
  display: block;
  width: 180px;
  padding: 5px 20px;
  margin: 0 auto;
  margin-top: 135px;
  border-radius: 100px;
  font-style: normal;
  cursor: pointer;
}
.video-period .price {
  font-size: 32px;
  margin-top: 5px;
}
.video-buy-now {
  cursor: pointer;
  width: 130px;
  float: right;
}
.video-free-now {
  width: 130px;
  padding: 10px 0;
  float: right;
}
.video-title h1 {
  font-size: 24px;
  display: block;
}
.video-period-title {
  padding: 15px 10px 15px 20px;
}
.video-period-list {
  overflow: hidden;
  height: 410px;
  overflow-y: auto;
}
.video-period-list li {
  height: 69px;
  width: 100%;
  border-bottom: 1px #433d3d solid;
  position: relative;
  text-align: left;
}
.video-period-list li a {
  display: block;
  padding: 8px 10px 8px 50px;
}
.video-period-list li a.cur {
  background: #2d2d2d;
  display: block;
}
.video-period-list li:hover {
  background: #2d2d2d;
}
.video-period-list li p {
  font-size: 14px;
  color: #888888;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.video-period-list li:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 13px;
  left: 18px;
  top: 15px;
  background: url(../images/video-ico.png) no-repeat;
  z-index: 4;
}
.video-period-list li .video-info {
  padding-top: 8px;
  position: relative;
  color: #616770;
}
.video-period-list li .video-info span {
  position: absolute;
  right: 0;
  width: 62px;
  text-align: right;
}
.video-period-list li:last-child {
  border-bottom: none;
}
.video-content-tit {
  padding: 5px 30px 0;
  line-height: 50px;
  border-bottom: 1px solid #eceff5;
}
.video-content-tit h2 {
  font-size: 18px;
  color: #434c5a;
  border-bottom: 1px solid #434c5a;
  display: block;
  width: 72px;
  margin-bottom: -1px;
}
.media-left {
  width: 48%;
  float: left;
}
.media-left video {
  max-height: 500px;
}
.media-right {
  width: 50%;
  float: right;
}
.font32 {
  font-size: 32px;
}
.font30 {
  font-size: 30px;
}
.font28 {
  font-size: 28px;
}
.font26 {
  font-size: 26px;
}
.font24 {
  font-size: 24px !important;
}
.font22 {
  font-size: 22px !important;
}
.font20 {
  font-size: 20px !important;
}
.font18 {
  font-size: 18px !important;
}
.font16 {
  font-size: 16px;
}
.font14 {
  font-size: 14px;
}
.font12 {
  font-size: 12px;
}
.font10 {
  font-size: 10px;
}
.font8 {
  font-size: 8px;
}
