﻿/*banner*/
.banner_index .swiper-slide{position:relative ;}
.banner_index .swiper-slide img{width: 100%;}
.banner_index .swiper-slide video{
	position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
/*.banner_index.swiper-container,.banner_index .swiper-wrapper,.banner_index .swiper-slide{ height:auto!important;}*/
.swiper-button-next{width: 19px; height: 53px; background: url(../images/right_btn.png); right: 4%; z-index: 1001;}
.swiper-button-prev{width: 19px; height: 53px; background: url(../images/left_btn.png); left: 4%; z-index: 1001;}
.bning_text{position: absolute;transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;z-index: 1000; height: 100%;}   
.bning_text div{width: 37%; height: 100%; background: rgba(0,0,0,0.4); padding: 4%; color: #fff; font-size: 38px;}
.bning_text div p{line-height: 1.375em; margin-bottom: 1em;} 

@media only screen and (max-width: 1366px) {
	.bning_text div{font-size: 24px !important;}
} 
@media only screen and (max-width: 1024px) {
	.bning_text div{font-size: 16px !important;}
} 
@media only screen and (max-width: 768px) {
	/*.bning_text div{font-size: 20px !important;}*/
	.bning_text.wraper_inner{width: 92%;}
}  

@media only screen and (max-width: 767px) {
	/*.bning_text div{font-size: 20px !important;}*/
	.bning_text.wraper_inner{display: none;}
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
}
.banner_text{position: absolute; top: 22%; left: 0; width: 100%; z-index: 100;}
.banner_text p{color: #fff; text-align: center; }
.banner_more{display: block; width: 160px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; background: #076cff; margin: 0 auto; }
.banner_more:hover{color: #fff;}
/*.carousel-indicators{bottom: 5px;}
.carousel-indicators li{margin: 1px 6px;}
.carousel-indicators .active{margin: 0 6px;}*/
.swiper-pagination-bullet{background: #fff; opacity: 1;}
.wraper_inner ul li .swiper-pagination{width: 100%; left: 0;}
.wraper_inner ul li .swiper-pagination-bullet{background: #5f6264; margin: 0 5px;}
.swiper-pagination-bullet-active{background: #007aff;}
.wraper_inner ul li .swiper-pagination-bullet-active{background: #007aff;}
/*in_ns*/
.in_ns{overflow: hidden;}
.in_title{text-align: center;}
.in_title a{color: #e60000;}
.in_ns .in_title{line-height: 200px;background: #ffffff;}
.in_ns ul{margin: 0 -20px;}
.in_ns ul li{color: #5f6264; width: 33.3333%; float: left; padding: 0 20px; margin-bottom: 81px; position: relative;}
.in_ns_img{width: 100%; margin-bottom: 20px;}
.in_ns_img img{width: 100%;}
.in_ns_time{ font-family: "arial";}
.in_ns_title{line-height: 24px; height: 24px; overflow: hidden; padding: 14px 0; border-bottom: #646464 solid 1px; box-sizing: content-box; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.in_ns_title a{color: #5f6264;}
.in_ns_title a:hover{color: #0150b3;}
.in_ns ul li p{ line-height: 24px; height: 120px; overflow: hidden;  margin: 10px 0 20px;}

.in_ns ul li:first-child{width: 100%;}
.in_ns ul li:first-child .in_ns_img{width: 31.46%;}
.in_ns ul li:first-child .in_ns_con{width: 65.76%;}

.in_ns .swiper-container,.in_ns .swiper-wrapper,.in_ns .swiper-slide{ height:auto!important;}

.in_ns .swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10;
}

.in_ns .swiper-pagination-switch {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	background: #5f6264;
	margin: 0 5px;
}

.in_ns .wraper_inner ul li .swiper-active-switch {
	background: #007aff;
}
/*in_zdh*/
.in_zdh{overflow: hidden;}
.in_zdh ul li{float: left;width: 33.3333%;}
.in_zdh ul li a{display: block;position: relative; font-size: 0;}
.in_zdh ul li a>img{width: 100%;}
.in_zdh_wraper{position: absolute; left: 0; top: 0; width: 100%; text-align: center; background: url(../images/hide.png) repeat;display:none;}
.in_zdh_wraper p{color: #fff; margin-top: 28%;}
.in_zdh_wraper img{width: 28px; height: 28px; }

/*in_ab*/
.in_ab{overflow: hidden;}
.in_ab_info{color: #000; line-height: 24px; text-align: center;}
.in_ab_wraper ul li{width: 33.333333%; float: left; padding-left: 50px; border-left: #f0f0f0 solid 1px;}
.in_ab_wraper ul li:first-child{border-left: none;}
.in_ab_num{font-size: 54px;}
.in_ab_wraper ul li:first-child i{font-size: 24px;}
.in_ab_num span{font-size: 54px; font-weight: bold;}
.in_ab_num1 {color: #159dc5;}
.in_ab_num2 {color: #8fc435;}
.in_ab_num3 {color: #179fc7;}
.in_ab_num4 {color: #179fc7;}

/*in_info*/
.in_info .wraper{position: relative;}
.in_info_bg{width: 100%;}
.in_info_wraper{position: absolute;top: 0;left: 0;width: 100%;height:100%; background: url(../images/hide1.png) repeat;}
.in_info_wraper p{color: #fff; margin: 125px 0 74px;}







.fn14{font-size: 14px;}
.fn16{font-size: 16px;}
.fn18{font-size: 18px;}
.fn20{font-size: 20px;}
.fn24{font-size: 24px;}
.fn30{font-size: 30px;}
.fn36{font-size: 36px;}
.fn62{font-size: 46px;}
.fn79{font-size: 64px;line-height: 80px;}
.fn90{font-size: 70px;line-height: 78px;}

.mb25{margin-bottom: 25px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb95{margin-bottom: 95px;}
.mb180{margin-bottom: 180px;}
.mt40{margin-top: 40px;}
.mt55{margin-top: 55px;}
.mt180{margin-top: 180px;}

@media only screen and (max-width: 1500px){
	.in_ns .in_title{line-height: 140px;}
	.in_ns ul li{margin-bottom: 39px;}
	.in_ab_num span{font-size: 40px;}
	.in_info_wraper p{margin: 100px 0 50px;}
	.in_info_wraper img{width: 40px; height: 40px;}
	
	.fn14{font-size: 12px;}
	.fn16{font-size: 14px;}
	.fn18{font-size: 16px;}
	.fn20{font-size: 18px;}
	.fn24{font-size: 20px;}
	.fn30{font-size: 24px;}
	.fn36{font-size: 30px;}
	.fn62{font-size: 30px;}
	.fn79{font-size: 40px; line-height: 70px;}
	.fn90{font-size: 40px;line-height: 40px;}
	
	.mb25{margin-bottom: 15px;}
	.mb35{margin-bottom: 25px;}
	.mb40{margin-bottom: 40px;}
	.mb45{margin-bottom: 25px;}
	.mb95{margin-bottom: 50px;}
	.mb180{margin-bottom: 50px;}
	.mt180{margin-top: 50px;}
	.mt40{margin-top: 40px;}
	.mt55{margin-top: 45px;}
}
@media only screen and (max-width: 1250px){
	.in_ns .in_title{line-height: 100px;}
	.in_ns_title{padding: 10px 0; height: 24px;}
	.in_ns_link img{height: 20px;}
	.in_ns ul li{margin-bottom: 30px;}
	.in_info_wraper p{margin: 70px 0 30px;}
	.in_info_wraper img{width: 30px; height: 30px;}
	.fn14{font-size: 12px;}
	.fn16{font-size: 12px;}
	.fn18{font-size: 14px;}
	.fn20{font-size: 14px;}
	.fn24{font-size: 16px;}
	.fn30{font-size: 20px;}
	.fn36{font-size: 24px;}
	.fn62{font-size: 24px;}
	.fn79{font-size: 30px; line-height: 40px;}
	.fn90{font-size: 30px;line-height: 40px;}
	
	.mb25{margin-bottom: 15px;}
	.mb35{margin-bottom: 25px;}
	.mb40{margin-bottom: 0px;}
	.mb45{margin-bottom: 25px;}
	.mb95{margin-bottom: 50px;}
	.mb180{margin-bottom: 50px;}
	.mt40{margin-top: 40px;}
	.mt55{margin-top: 35px;}
}
@media only screen and (max-width: 1000px){
	.in_ns .in_title{line-height: 80px;}
	.in_ns ul{ margin:0 -10px;}
	.in_ns ul li{padding: 0 10px;}
	.in_ns ul li p{margin: 5px 0 10px;}
	.in_ns_link img{height: 16px;}
	.in_ab_wraper ul li{padding-left: 25px;}
	.in_ab_num{font-size: 24px;}
	.in_ab_num span{font-size: 30px;}
	.in_ab_wraper ul li:first-child i{font-size: 14px;}
	.in_info_wraper p{margin: 50px 0 20px;}
	.fn18{font-size: 12px;}
	.fn20{font-size: 12px;}
	.fn24{font-size: 14px;}
	.fn30{font-size: 16px;}
	.fn36{font-size: 24px;}
	.fn79{font-size: 20px; line-height:30px;}
	.fn90{font-size: 20px;line-height: 30px;}
	
	.mb95{margin-bottom: 30px;}
	.mb180{margin-bottom: 30px;}
	.mt180{margin-top: 30px;}
	
	.mt55{margin-top: 20px;}
	.mt40{margin-top: 20px;}
}

@media only screen and (max-width: 780px){
	.in_ns ul li{width: 50%; margin-bottom: 20px;}
	.in_ns ul li:first-child{width: 100%;}
	.in_ns_img{margin-bottom: 0px;}
	.in_ns ul li .in_ns_title{height: 24px;margin: 0 0 5px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.in_ns ul li:first-child p{ height: 48px;}
	.in_ab_wraper ul li{padding-left: 15px; }
	.in_ab_num{font-size: 20px;}
	.in_ab_num span{font-size: 24px;}
	
	.fn30{font-size: 14px;}
	.fn62{font-size: 18px; font-weight: bold;}
	.in_zdh_wraper p.fn62{font-size: 14px;}
	
	.in_info_wraper p{margin: 30px 0 15px;}
}
@media only screen and (max-width: 500px){
	.in_info_wraper p{margin: 10px 0 10px;}
	.banner_text{top: 10%;}
	.banner_more{font-size: 12px;width: 120px;height: 24px;line-height: 24px;}
	.in_ns ul li{width: 100%; margin-bottom: 20px;}
	.in_ns_img{margin-bottom: 10px;}
	.in_ns_title{height: 24px;margin: 0 0 5px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.in_ns ul li p{height: 48px;}
	.in_ns ul li:first-child .in_ns_img{width: 100%; float: none; margin-right: 0px;}
	.in_ns_img{margin-bottom: 10px;}
	
	.in_ab_wraper ul li{padding-left: 0;  margin-bottom: 10px; text-align: center;}
	/*.in_ab_wraper ul li:nth-child(3){border-left: none;}*/
	.in_ab_num{font-size: 24px;}
	.in_ab_num span{font-size: 20px;}
	.in_ns .in_title{line-height: 60px;}
	.in_info_wraper img{width: 20px; height: 20px;}
	.in_zdh_wraper img{width: 20px; height: 20px;}
	.fn24{font-size: 12px;}
	.fn30{font-size: 14px;}
	.fn36{font-size: 14px;}
	/*.fn62{font-size: 14px; }*/
	.fn79{font-size: 14px; line-height:20px;}
	.fn90{font-size: 14px;line-height: 20px;}
	.in_info_wraper{text-align: center;}
	.mb25{margin-bottom: 10px;}
	.mb35{margin-bottom: 15px;}
	.mb40{margin-bottom: 0px;}
	.mb45{margin-bottom: 20px;}
	.mb95{margin-bottom: 20px;}
	.mb180{margin-bottom: 20px;}
	.mt180{margin-top: 20px;}
	.mt40{margin-top: 10px;}
	.mt55{margin-top: 10px;}
}
@media only screen and (max-width: 400px){
	.swiper-pagination{text-align: right; padding: 0 20px;}
}
.ban_video > p{display: inline-block; line-height: 2em; padding: 0 20px; background: rgba(0,0,0,0.4); color: #fff; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: 1000; font-size: 36px;}
@media only screen and (max-width: 1366px){
	.ban_video > p{font-size: 24px;}
}
@media only screen and (max-width: 1024px){
	.ban_video > p{font-size: 16px;}
}
@media only screen and (max-width: 767px){
	.ban_video > p{display: none;}
	
	.in_ns ul li:first-child .in_ns_img{width: 100%; float: left; margin-bottom: 10px;}
	.in_ns ul li:first-child .in_ns_con{width: 100%;}
}

/***********************/
.in_ns ul li:first-child{
  width: 33.3333%;
}
.in_ab_wraper{
  overflow: hidden;
  padding-bottom: 50px;
  border-bottom: 2px solid #076cff;
}
.index_video{
  height:auto;
  position: fixed;
  right:0;
  bottom:200px;
  width: 290px;
  z-index: 501;
  cursor: pointer;
  display: flex;
}
.index_video.on{
  top:0;
  left: 0;
  right:0;
  bottom:0;
  background: rgba(0,0,0,.6);
  width: 100%;
}
.index_video video{
  height:120px;
  margin: 0 auto;
}
.index_video.on video{
  width: 80%;
  /*display: inline-block;*/
  height:auto;
}
.in_ab{
  margin-bottom: 50px;
}
.in_cus_wraper{
  padding-top: 30px;
  padding-bottom: 40px;
}
.in_cus_wraper .swiper-wrapper,.in_cus_wraper .swiper-slide{
  height: auto!important;
}
.in_cus_wraper .swiper-slide{
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.in_cus_wraper img{
  width: 100%;
}
.in_cus .swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
  width: 100%;
  left: 0;
  bottom:0;
}

.in_cus .swiper-pagination-switch {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #5f6264;
  margin: 0 5px;
}

.in_cus .wraper_inner .swiper-active-switch {
  background: #007aff;
}
@media screen and (min-width: 320px) and (max-width: 768px){
  .index_video{
    display: none;
  }
}