@charset "utf-8";
/*
 * 
 * @dir 
 * @creater	前端工程师——张工 <354631282@qq.com>
 * */
/* 全局区域 -S */
/* 全局设置 -S */
* {
  box-sizing: border-box;
}
body,
ul,
li,
img,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Microsoft YaHei", verdana, arial;
  font-size: 12px;
  color: #444;
  -ms-overflow-style: hidden;
  overflow-x:hidden;/* 添加的 */
}
ul {
  list-style-type: none;
  list-style-position: inside;
}
img {
  border: none;
}
a {
  text-decoration: none;
  color: #444;
}
a:hover {
  color: red;
  text-decoration: underline;
}
a:focus,
a:visited {
  outline: none;
  -moz-outline: none;
  text-decoration: none;
}
.ellipsis {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.break_word {
  word-wrap: break-word;
  word-break: break-all;
}
.keep_all {
  word-break: keep-all;
  white-space: nowrap;
}
.test_justify {
  text-align: justify;
  text-justify: distribute-all-lines;
  /*ie6-8*/
  text-align-last: justify;
  /* ie9*/
  -ms-text-align-last: justify;
  -o-text-align-last: justify;
  -moz-text-align-last: justify;
  /*ff*/
  -webkit-text-align-last: justify;
  /*chrome 20+*/
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* chrome*/
  .test_justify:after {
    content: ".";
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    overflow: hidden;
    height: 0;
  }
}
.clearfix {
  zoom: 1;
}
input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
input::-ms-clear {
  display: none;
}

/* 全局重置 -E */
.white {
  color: #fff;
}
.c_0099ff {
  color: #0099ff;
}
.c_f70b48 {
  color: #f70b48;
}
.c_666 {
  color: #666 !important;
}
.c_888 {
  color: #888;
}
.red {
  color: #ca0710 !important;
}
.bj_blue {
  background-color: #1281cd;
}
.bj_red {
  background-color: #ca0710;
}
.bj_gray {
  background-color: #f5f5f5;
}
.bj_white {
  background-color: #fff;
}
.bj_3b5d94 {
  background-color: #3b5d94;
}
.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f22 {
  font-size: 22px;
}
.lh24 {
  line-height: 24px;
}
/* 全局区域 -E */
.bjBorder {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.bjBorder > h3 {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .bjBorder {
    border: none;
    margin-bottom: 0;
  }
}
/* bt平台布局兼容 -S */
/* bt平台布局兼容 -E */
/* 公共外边距 -S */
.ml_10 {
  margin-left: 10px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mt_20 {
  margin-top: 20px;
}
.mt_30 {
  margin-top: 30px;
}
.mr_30 {
  margin-right: 30px;
}
.mb_50 {
  margin-bottom: 30px;
}
.mtb_10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mtb_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mtb_30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mtb_45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.mtb_60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.ptb_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ptb_15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.w_220{
  width: 220px;
}
@media screen and (max-width: 768px) {
  .mb_50 {
    margin-bottom: 15px;
  }
}
/* 公共外边距 -S */

/* Pages new */
.pages{
    text-align: center;
    padding: 25px 0;
}
.pages a{
    padding: 5px;    /*border: 1px solid #CCC;*/    border-top: none;    border-left: none;    margin: 0px 2px;    min-width: 20px;    display: inline-block;    box-shadow: 0 0 5px #ccc;    border-radius: 3px;
}
.pages span{
    padding: 5px;    border: 1px solid #CCC;    border-top: none;    border-left: none;    margin: 0px 2px;    min-width: 20px;    display: inline-block;    box-shadow: 0 0 5px #ccc;    border-radius: 3px;
    background: #0697f2;    color: #fff;
}
/* 2016/08/19 Add by ZHW*/

.page {
	text-align: center;
	padding:20px 0 0;
	font-family:Verdana, Geneva, sans-serif;
}
.page .nopage, .page .pagebar a, .page li{
	padding: 5px;
	border: 1px solid #CCC;
	border-top: none;
	border-left: none;
	margin: 0px 2px;
	min-width: 20px;
	display: inline-block;
	*zoom:1;
	box-shadow:0 0 5px #ccc;
	border-radius:3px;
}
.page .nopage,.page .thisclass,.page .thisclass a{
	background: #CA1010;
	color: #fff
}
.page .pagebar a {
	background: #fff;
	cursor: pointer;
}
.page .pagebar a:hover {
	background: #0697f2;
	color: #fff;

}

/*返回顶部*/
#toTop{
	width: 50px;
	position: fixed;
	bottom: 50px;
	left: 50%;
	margin-left: 540px;
	z-index: 999;
	_position: absolute;
}
#toTop .Tohead {
	display:none
}

#toTop div{
	z-index:999;
	cursor: pointer;
	height: 50px;
	background:#0697f2!important;/*ie9+any*/
	background:#0697f2;/*ie678*/
	_background: url(../images/totop-bg.gif);/*ie6*/
}
#toTop div:hover {
	background: rgba(232, 21, 21, 0.8)!important;/*ie9+any*/
	box-shadow: 0 0 50px #000 inset;
}

.Tohead:hover{
	filter:alpha(opacity=80);/*ie678*/
}
#toTop .Tohead span{background:url(../images/top.png) center center no-repeat;}

#toTop div span,#toTop span a{
	display:block;
	width:50px;
	height:50px;
}


/*  */
.jxtitle-wrap {
  font-size: 0;
  line-height: 30px; }
  .jxtitle-wrap .title .iconfont, .jxtitle-wrap .title span, .jxtitle-wrap .title .subhead {
    display: inline-block;
    vertical-align: bottom; }
  .jxtitle-wrap .title .subhead {
    margin-left: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #a5a5a5; }
  .jxtitle-wrap .title .iconfont {
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: red;
    text-align: center; }
  .jxtitle-wrap .title .text {
    font-size: 30px; }
  .jxtitle-wrap .title .text-primary {
    color: #0697f2; }
.jxtitle-wrap .title {
  background-image: url('../images/title-bg.png');
  background-repeat: no-repeat;
  text-align: center;
  background-position: center bottom;
  position: relative;
}
  .jxtitle-wrap .more-wrap {
    position: relative;
    z-index: 999; }
  .jxtitle-wrap .more-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    height: 30px; }
    /*.jxtitle-wrap .more-btn:hover {
      right: -30px;
      width: 90px; }
      .jxtitle-wrap .more-btn:hover .icon {
        color: #fff;
        background-color: #9a9a9a;
        text-align: center; }
      .jxtitle-wrap .more-btn:hover .list {
        display: block; }
    .jxtitle-wrap .more-btn .icon {
      display: block;
      font-size: 16px;
      cursor: default; }
    .jxtitle-wrap .more-btn .list {
      display: none;
      position: absolute;
      top: 30px;
      right: 0;
      z-index: 999;
      width: 90px;
      padding-bottom: 10px;
      background-color: #9a9a9a; }
      .jxtitle-wrap .more-btn .list li {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: keep-all; }
        .jxtitle-wrap .more-btn .list li a, .jxtitle-wrap .more-btn .list li a:hover {
          color: #fff; }*/
.jxtitle-wrap .title span {
  line-height: 90px;
  font-size: 30px;
}
@media (max-width: 768px) {
  .jxtitle-wrap .more-btn {
    width: 30px;
    right: 0;
    text-align: center; }
    .jxtitle-wrap .more-btn:hover {
      right: 0; } }
	  

.image-show {
  width: 100%;
  margin: 0 auto;
  height: 440px;
  position: relative;
  margin-bottom: 40px;
}

.image-show .swiper-container-box {
  width: 2800px;
  position: absolute;
  left: -50%;
  right: -50%;
  margin: 0 auto;
}

.image-show ul,
.image-show .swiper-container {
  height: 440px;
  width: 100%;
}

.image-show li {
  height: 380px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s;
  transform: translate(0, 0);
  margin-top: 60px;
}

.image-show li img {
  width: 100%;
  height: 380px;
  transition: transform 1s;
}

.image-show li:hover img {
  transform: scale(1.1);
}

.image-show li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.image-show li span {
  position: absolute;
  height: 140px;
  color: white;
  line-height: 200px;
  font-size: 22px;
  width: 96%;
  bottom: 0;
  padding: 0 2%;
  left: 2%;
  background-image: url(../images/laye2.png);
  background-size: 480px;
  background-position: 0 228px;
}

.image-show  .swiper-slide.active {
  transform: translate(0, -60px);
}

.image-show .button {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 6px;
  cursor: pointer;
}

.image-show .left {
  left: -200px;
}

.image-show .right {
  right: -200px;
}
.image-show .button {bottom: auto; top: 410px;}
@media (max-width: 768px) {
.image-show {
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  height: 250px;
  position: relative;
}
.image-show .swiper-container-box {
  width: 1500px;
  position: absolute;
  left: -50%;
  right: -50%;
  margin: 0 auto;
}
.image-show ul,
.image-show .swiper-container {
  height: auto;
  width: 100%;
}

.image-show li {
  max-height: 203px;
  height:auto;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s;
  transform: translate(0, 0);
  margin-top: 60px;
}

.image-show li img {
  width: 100%;
  height:auto;
}
.image-show li span {
  position: absolute;
  height: 30px;
  color: white;
  line-height: 30px;
  font-size: 14px;
  width: 93%;
  bottom: 0;
  padding: 0 2%;
  left: 3.6%;
  background-image: url(../images/laye2.png);
  background-size: 480px;
  background-position: 0 228px;
}
.image-show .left {
  left: -130px;
}

.image-show .right {
  right: -130px;
}
.image-show .button {bottom: auto; top: 220px;}

}

.jxtitle-wrap .title span {
line-height:50px;
}
.jxtitle-wrap .title .text {
font-size:18px;
}
}