a:hover {text-decoration: none;}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}



/*pc和wap 头部样式*/
#header {position: relative;}
#header .menu_icon {position: absolute;top: 35%;right: 5%;width: 8%;}
.search_area{  max-width:360px; float:left; }
.search_area .search_box { background:url(../images/ico.jpg) no-repeat 10px center; padding-left:40px; border:solid 1px #CCC; height:45px; border-radius:10px;}
.search_area .search_box .search_input{ background:none; border:none; float:left; width:calc(100% - 110px); outline:none;line-height:45px; }
.search_area .search_box  .search_btn{ float:right; width:95px; height:45px;border-radius:10px; background:#0c4094; color:#fff; text-align:center; font-size:18px; border:none;-webkit-appearance: none;-webkit-appearance: none}


/*pc导航*/
.pc_menu .menu .nLi {float: left;width: 14%;position: relative;}
.pc_menu .menu .nLi h3 {padding: 30px 0 20px; font-size:16px;}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #181818;line-height: 30px;}
.pc_menu .menu .nLi .menu_2 {display: none;background: #4e2d0e;position: absolute;top: 80px;width: 100%;z-index: 10;padding:10px 0}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #fff;line-height:24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li > p,.right_nav .aside > li > div {background-color: #fff;color: #000;}
.right_nav .aside {position: fixed;right: 0;bottom: 15%;z-index: 2;}
.right_nav .aside > li {width: 40px;line-height: 40px; height:40px;text-align: center; border:solid 1px #eee; border-right:none; margin-bottom:-1px;cursor: pointer;position: relative; position:relative}
.right_nav .aside > li  p {position: relative;z-index: 2; width:100%; height:100%; display:block;background-repeat: no-repeat; background-position:center; background-size:60% auto;vertical-align: middle;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.right_nav .aside > li  p.right_nav1{ background-image:url(../images/global/quik_ico2.png); }
.right_nav .aside > li  p.right_nav2{ background-image:url(../images/global/quik_ico3.png); }
.right_nav .aside > li  p.right_nav3{ background-image:url(../images/global/quik_ico4.png); }
.right_nav .aside > li  p.right_nav4{ background-image:url(../images/global/quik_ico5.png); }
.right_nav .aside > li  p.right_nav5{ background-image:url(../images/global/quik_ico6.png); }
.right_nav .aside > li  p.right_nav6{ background-image:url(../images/global/quik_ico7.png); }
.right_nav .aside > li:hover  p{ background-color:#333; }
.right_nav .aside > li:hover  p.right_nav1{  background-image:url(../images/global/quik_ico2_1.png)}
.right_nav .aside > li:hover  p.right_nav2{  background-image:url(../images/global/quik_ico3_1.png)}
.right_nav .aside > li:hover  p.right_nav3{  background-image:url(../images/global/quik_ico4_1.png)}
.right_nav .aside > li:hover  p.right_nav4{  background-image:url(../images/global/quik_ico5_1.png)}
.right_nav .aside > li:hover  p.right_nav5{  background-image:url(../images/global/quik_ico6_1.png)}
.right_nav .aside > li:hover  p.right_nav6{  background-image:url(../images/global/quik_ico7_1.png)}
.right_nav .aside > li > div {background:#eee;position: absolute;transition: all .4s;top: 0;-webkit-transition: all .4s;-moz-transition: all .4s;}
.right_nav .aside > li > div.phone_meassage {right: -220px;width: 200px;text-align: left; font-size: 20px;line-height: 28px;padding: 5px 25px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.right_nav .aside > li > div.qq_online {right: -187px;width: 187px;padding:0 15px;}
.right_nav .aside > li .qq_online .qq_online_title {text-align: left;font-size: 15px;line-height: 30px;border-bottom: 1px solid #999;}
.right_nav .aside > li .qq_online .qq_online_box {margin-top: 11px;}
.right_nav .aside > li .qq_online .qq_online_box ul li {line-height: 35px;}
.right_nav .aside > li .qq_online .qq_online_box ul li i {float: left;margin-top: -17px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span {float: left;margin-top: -16px;margin-left: 10px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {text-decoration: underline;}
.right_nav .aside > li .search_box {position: absolute;top: 0;right: -220px;width: 220px;text-align: center;height: 100%;}
.right_nav .aside > li .search_box .search_input input {width: 220px;border: none;background-color: transparent;height: 38px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 0;background: #ccc;}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;}
.right_nav .aside > li .ewm {top: -20px;right: -100px;width: 100px;height: 100px;}
.right_nav .aside > li:hover > div{ display:block;}
.right_nav .aside > li:hover > div{ right:40px;}




/*wap底部快捷按钮*/
.wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 5px 0;z-index: 10;background: #e60045;}
.wap_footer dl {width: 25%;float: left;text-align: center; margin-bottom:0;}
.wap_footer dt {height: 26px;}
.wap_footer dd {color: #fff; font-size:100%;}
.wap_footer dl dt img {width: 30%;}

/*wap底部搜索*/
.wap_search_input {position: fixed;bottom: 53px;left: 100%;width: 100%;z-index: 1000;padding: 8px 2%;background: #e60045;}
.wap_search_input:after {background-color: rgba(0, 0, 0, 0.1);display: block;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.wap_search_input input {float: left;width: 80%;border-radius: 4px;height: 30px;line-height: 30px;padding-left: 2%;color: #333;position: relative;z-index: 100;box-sizing: border-box;}
.wap_search_input p {float: left;height: 30px;line-height: 30px;color: #fff;position: relative;z-index: 100;margin-left: 2%;width: 18%;text-align: center;border-radius: 5px;background: rgba(255, 255, 255, 0.2);}

/*wap黑色遮罩*/
.black_cloth {position: fixed;z-index: 100;width: 100%;height: 100%;background:rgba(0,0,0,.3);display: none;top: 0;left: 0;}

/*wap左边弹出导航*/
.wap_menu {position: fixed;height: 100%;text-align: left;z-index: 101;background: #e60045; overflow-y:scroll}
.wap_menu {width: 250px;top: 0px;left: -250px;}/*导航从左边滑进*/
/*.wap_menu {width: 250px;top: 0px;right: -250px;}*//*导航从右边滑进*/
/*.wap_menu {width: 100%;top: -100%;left:0px; }*//*导航从上边滑进*/
.wap_menu li.menu_tit {font-size: 128.5%;background: rgba(255, 255, 255, 0.3);position: relative;padding: 15px 10px;color: #fff;}
.wap_menu li.menu_tit span {position: absolute;top: 12px;right: 15px;border-bottom: none;z-index: 1000;}
.wap_menu li {margin-bottom: 2px;position: relative;}
.wap_menu li .wap_menu1 {line-height: 24px;text-transform: Uppercase;background: rgba(255, 255, 255, 0.1);position: relative;}
.wap_menu li p {padding: 10px 10px; margin-bottom:0;}
.wap_menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color: #ffffff;}
.wap_menu li .wap_menu1 p.left {float: none;}
.wap_menu li .wap_menu1 p.right {width: 15%;text-align: center;color: #fff;position: absolute;top: 0;right: 0;float: none;z-index: 1000;}
.wap_menu li .wap_menu2 {display: none;}
.wap_menu li .wap_menu2 a {display: block;background: none;color: rgba(255, 255, 255, 0.8);overflow: hidden;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;padding: 10px;}
.wap_menu li .wap_menu2 a i {float: left;width: 4px;height: 4px;background-color: #fff;margin: 8px 10px 0 5px;}
.wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.wap_search_input input{
  outline: none;
  border: none;
}







.swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 10px;
    background: #fff;
	opacity: 1;
  border: 1px solid #a9a5a3;
}
.swiper-pagination-bullet-active{
	background: #E60048;
}
body {
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 100%;
	height: 940px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #000;overflow:hidden
}
.swiper-wrapper {
	position:relative;
}
.banner{
	position: relative;
}
.banner .pic {
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	z-index:2; 
}
@media (max-width: 992px) 
{
	.banner .swiper-slide { height:400px;}
  .banner .swiper-container{
    height: 400px;
  }
	}
@media (max-width: 720px) 
{
	.banner .swiper-slide { height:450px;}
  .banner .swiper-container{
    height: 450px;
  }
	}



.home .home_join {
  position: relative;
  background-color: #f6f6f6;
}
.home .home_join .lists {
  display: flex;
}
.home .home_join .lists .item {
  position: relative;
  overflow: hidden;
  background-color: #9a2130;
}
.home .home_join .lists .item:hover .text {
  padding-top: 80px;
  padding-bottom: 40%;
}
.home .home_join .lists .item:hover .text:before {
  opacity: 1;
}
.home .home_join .lists .item:hover img {
  transform: scale(0.9) translate3d(0, 0, 0) translateY(-1.5%);
}
.home .home_join img {
  max-width: 100%;
  display: block;
  transform: scale(1) translate3d(0, 0, 0) translateY(0);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.25s;
}
.home .home_join .text {
  padding: 40px;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
  position: absolute;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: padding-top 0.25s, padding-bottom 0.25s;
}
.home .home_join .text .name {
  font-size: 25px;
  font-family: '宋体';
  font-weight: bold;
  margin-bottom: 5px;
}
.home .home_join .text .abs{
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}
.home .home_join .text:before {
  content: '';
  position: absolute;
  background-color: #9a2130;
  left: -10%;
  width: 120%;
  top: 10%;
  height: 200%;
  min-height: 280px;
  opacity: 0.7;
  transform: rotate(-5deg);
  transform-origin: 10% 10%;
  z-index: -1;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.25s;
}







@font-face {
  font-family: "number";/*定义字体名*/
  src: url(GESSELE.TTF);/*字体包的引入路径*/
}
@font-face {
  font-family: "date-font";/*定义字体名*/
  src: url(HelveticaNeueLTPro-ThEx.ttf);/*字体包的引入路径*/
}
.list_textimg3{
  padding: 8px;
  background-color: #fff;
  position: relative;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
}
.list_textimg3 .text{
 padding: 5px 15px 25px;
}
.list_textimg3 .text .title{
font-size: 18px;
line-height: 40px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
border-bottom: 1px dashed #eee;
padding-right: 15px;
position: relative;
}
.list_textimg3 .text .title::before{
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 12px;
  background-image: url(../images/icon10.png);
  right: 5px;
    top: 14px;
}
.list_textimg3 .text .des{
  line-height: 25px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    margin-top: 15px;
    height: 50px;
    overflow: hidden;
  
}
.list_textimg3 .date{
  width: 70px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: "date-font";
  background-color: #e60045;
  position: absolute;
  top: 22px;
  left: 8px;
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  opacity: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
}
@media(min-width:992px){
  .list_textimg3:hover{
      background-color: #e60045;
      transition: all linear 0.3s;
      -webkit-transition: all linear 0.3s;
      -moz-transition: all linear 0.3s;
  }
  .list_textimg3:hover .text .title::before{
    background-image: url(../images/icon11.png);
  }
  .list_textimg3:hover .text .title{
      color: #fff;
  }
  .list_textimg3:hover .text .des{
      color: rgba(255, 255, 255, 0.6);
  }
  .list_textimg3:hover .date{
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      opacity: 1;
      transition: all linear 0.3s;
      -webkit-transition: all linear 0.3s;
      -moz-transition: all linear 0.3s;
  }
}
@media(max-width:767px){
  .list_textimg3 .text{
     padding:5px;
  }
  .list_textimg3 .text .title{
    font-size: 16px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333333;
  }
  .list_textimg3 .text .des{
      line-height: 20px;
      color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
      margin-top: 15px;
      height: 40px;
      overflow: hidden;
      
  }
  .list_textimg3 .date{
      width: 70px;
      line-height: 40px;
      text-align: center;
      color: #fff;
      font-size: 20px;
      font-family: "date-font";
      background-color: #e60045;
      position: absolute;
      top: 22px;
      left: 8px;
      transform: translateX(10px);
      -webkit-transform: translateX(10px);
      -moz-transform: translateX(10px);
      opacity: 0;
      transition: all linear 0.3s;
      -webkit-transition: all linear 0.3s;
      -moz-transition: all linear 0.3s;
  }
  
}



@font-face {
  font-family: "date-font";/*定义字体名*/
  src: url(HelveticaNeueLTPro-ThEx.ttf);/*字体包的引入路径*/
}
.list_textimg1{
  border: 3px solid #f1f1f1;
}
.list_textimg1 .text{
  padding: 20px 25px 35px;
}
.list_textimg1 .text .title{
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list_textimg1 .text .des{
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 10px;
  height: 44px;
  overflow: hidden;
}
.list_textimg1 .text .date{
  margin-top: 20px;
}
.list_textimg1 .text .date .day{
  font-size: 40px;
  font-family: "date-font";
  color: rgba(51, 51, 51, 0.2);
  float: left;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
}
.list_textimg1 .text .date .add{
  width: 33px;
  height: 33px;
  background: #f2f2f2 url(../images/icon46.png) no-repeat center;
  float: right;
  border-radius: 50%;
  margin-top: 15px;
}
.news_list li{
  padding: 0 30px;
  margin-top: 60px;
}

@media(min-width:992px){
  .list_textimg1:hover{
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      border: 3px solid #C12510;
  }
  .list_textimg1:hover .text .title{
      color: #C12510;
  }
  .list_textimg1:hover .text .date .day{
      color: #C12510;
  }
  .list_textimg1:hover .text .date .add{
      background: #d71142 url(../images/icon47.png) no-repeat center;
  }
}

@media(max-width:767px){
  .list_textimg1 .text{
      padding: 10px 15px;
  }
  .list_textimg1 .text .title{
      color: #333333;
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
  }
  .list_textimg1 .text .des{
      line-height: 20px;
      color: rgba(0, 0, 0, 0.6);
      margin-top: 5px;
      height: 40px;
      overflow: hidden;
  }
  .list_textimg1 .text .date{
      margin-top: 15px;
  }
  .list_textimg1 .text .date .day{
      font-size: 20px;
      font-family: "date-font";
      color: rgba(51, 51, 51, 0.6);
      float: left;
  }
  .list_textimg1 .text .date .add{
      width: 18px;
      height: 18px;
      background: #E0E0E0 url(../images/list_textimg1.png) no-repeat center;
      float: right;
      border-radius: 50%;
      background-size: 40% auto;
  }
}




.detail_news1{
  margin: 70px 0;
}
.detail_news1 .title{
  position: relative;
  padding: 0 100px;
  color: #000000;
  font-size: 22px;
  text-align: center;
  line-height: 40px;
}
.detail_news1 .title .back{
  position: absolute;
  border: 1px solid #E0E0E0;
  width: 106px;
  line-height: 26px;
  border-radius: 10px;
  padding-left: 15px;
  font-size: 14px;
  color: #aaaaaa;
  text-align: left;
  background: url(../images/detail_arrow.png) no-repeat right 10px center;
  right: 0;
  top: 7px;
}
.detail_news1 .date{
  text-align: center;
  font-size: 18px;
  color: #afafaf;
  font-family: "date-font";
  margin-top: 15px;
}
.detail_news1 .des{
  margin: 45px 0 60px;
  font-size: 14px;
  color: #444444;
  line-height: 28px;
}
.detail_news1 .trun_page a{
  display: block;
  line-height: 52px;
  padding-left: 75px;
  font-size: 15px;
  color: #333333;
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #F7F7F7 url(../images/detail_prev.png) no-repeat 22px center;
}


@media(max-width:767px){
  .detail_news1{
      margin: 25px 0;
  }
  .detail_news1 .title{
      position: relative;
      padding: 0;
      color: #000000;
      font-size: 15px;
      text-align: left;
      line-height: 24px;
      padding-right: 75px;
  }
  .detail_news1 .title .back{
      position: absolute;
      border: 1px solid #E0E0E0;
      width: 70px;
      line-height: 20px;
      border-radius: 6px;
      padding-left: 5px;
      font-size: 12px;
      color: #aaaaaa;
      text-align: left;
      background: url(../images/detail_arrow.png) no-repeat right 3px center;
      background-size: 10px auto;
      right: 0;
      top: 2px;
  }
  .detail_news1 .date{
      text-align: left;
      font-size: 12px;
      color: #afafaf;
      font-family: "date-font";
      margin-top: 5px;
  }
  .detail_news1 .des{
      margin: 15px 0 20px;
      font-size: 12px;
      color: #444444;
      line-height: 20px;
  }
  .detail_news1 .trun_page a{
      display: block;
      line-height: 30px;
      padding-left: 39px;
      font-size: 12px;
      color: #333333;
      margin-top: 5px;
      background: #F7F7F7 url(../images/detail_prev.png) no-repeat 10px center;
      background-size: 20px auto;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
  }
}
