.ab-banner{height: 630px;margin-top: 0px !important;background-repeat: no-repeat;background-size: cover;background-position: center;}
.content{padding-top: 80px;}
.content .h1{font-size: 36px;color: #333;line-height: 36px;text-align: center;font-weight: lighter;padding-bottom: 20px;position: relative;}
.content .h1:after{position: absolute;content: '';width: 10px;height: 2px;background: #dc1c1d;left: 50%;margin-left: -5px;bottom: 0;}
.ab-one .h1:before{position: absolute;content: '';background: url(../images/ab_03.png) no-repeat ;width: 56px;height: 56px;right: 595px;top: -22px;}
.ab-one p{text-align: center;margin-top: 32px; color: #444;font-size: 18px;line-height: 30px;}
.ab-one p span{color: #db1516;font-size: 24px;}
.ab-one .ul{margin-top: 70px;background: #fafafa;padding-bottom: 70px;}
.ab-one li{margin-top: 60px;width: 300px; text-align: center;float: left;position: relative;transition: all 1s;}
.ab-one li:after{position: absolute;content: '';width: 1px;height: 60px;background: #e8e8e8;right: 0;top: 0;}
.ab-one li:nth-child(4n):after,.ab-one li:last-child:after{display: none;}
.ab-one li:nth-child(5){margin-left: 113px;}
.ab-one li:nth-child(6){width: 356px;}
.ab-one li .count-title{display: inline-block; font-size: 70px;color: #444444;font-family: Brandon Text;line-height: 50px;margin-bottom: 18px;}
.ab-one li span{ display: inline-block;font-size: 70px;color: #444444;font-family: Brandon Text;margin-left: 5px;line-height: 50px;}
.ab-one li .h2{font-size: 16px;color: #777;}
.ab-one li:hover .count-title,.ab-one li:hover span{color: #db1516;}
.ab-one li:hover{transform: translateY(-10px);}

.ab-two{background: url(../images/ab-two.png) no-repeat center;background-size: cover;height: 400px;background-attachment: fixed;padding-top: 150px;}
.ab-two .h1{float: left;color: white;font-size: 36px;line-height: 36px;font-weight: lighter;padding-bottom: 20px;position: relative;width: 40%;text-align: center;}
.ab-two .h1:after{position: absolute;/* content: ''; */width: 10px;height: 2px;background: #dc1c1d;left: 32%;top: 76%;}
.ab-two p{font-size: 16px;color: white;line-height: 30px;font-weight: lighter;float: right;width: 60%;/* text-align: center; */}
.ab-three{padding-bottom: 0px;}
.ab-three ul{margin-top: 37px;}
.ab-three li{width: 33.3%;float: left;margin-top: 25px;}
.ab-three .abt-pic{width: 400px;height: 120px;display: table-cell;vertical-align:middle;text-align: center;}
.ab-three .abt-pic img{transition: all 1s;}
.ab-three li:hover .abt-pic img{transform: rotateY(180deg);}
.ab-three li .h2{font-size: 22px;color: #333;line-height: 22px;margin-top: 30px;margin-bottom: 20px;text-align: center;}
.ab-three li p{font-size: 16px;color: #666;line-height: 24px;text-align: center;width: 240px;margin: 0 auto;min-height: 150px;}

/*2019-5-6*/
.about-four-top{
	background:#fafafa;
	padding-bottom: 0px;
	position: relative;
	z-index: 2;
}
.about-four-top::after{
	content: '';
	width: 300px;
	height: 450px;
	background: url(../images/20190506_01.png) right bottom -12px no-repeat;
	position: absolute;
	right: 0;
	bottom:-4px;
	z-index: -1;
}
.about-four .h2 {
    font-weight: 100;
    color: #666;
    font-size: 16px;
    text-align: center;
    margin: 32px 0 90px;
}
.about-four-list li{
	float: left;
	width: 25%;
	text-align: center;
	padding: 30px 0px;
}
.about-four-list .m-icon{
	height: 100px;
}
.about-four-list .m-tit{
	font-size: 22px;
	margin: 15px 0 20px;
}
.about-four-list p{
	font-size: 16px;
	font-weight: 100;
	color: #666;
}
.about-four-bottom{
	position: relative;
	background: #fff;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	padding-top: 4px;
	overflow: hidden;
}
.about-four-bottom::before{
	content: '';
	width: 50%;
	height: 100%;
	background: #051f65;
	position: absolute;
	left: 0;
	top:4px;
	z-index: -1;
	margin-left: -2px;
}
.about-four-bottom::after{
	content: '';
	width: 50%;
	height: 100%;
	background: #333;
	position: absolute;
	right: 0;
	top:4px;
	z-index: -1;
	margin-right: -2px;
}
.about-four-item{
	color: #fff;
	float: left;
	width: 50%;
	padding: 85px 0 52px;
	transition: all .6s;
}
.about-four-item.mit1{
	padding-right: 100px;
}
.about-four-item.mit1:hover{
	transform: translateX(20px);
}
.about-four-item.mit2{
	padding-left: 100px;
}
.about-four-item.mit2:hover{
	transform: translateX(-20px);
}
.about-four-item .m-pic{
	float: left;
	width:160px;
}
.about-four-item .m-pic img{
	max-width: 100%;
}
.about-four-item .m-cont{
	margin-left: 160px;
}
.about-four-item .m-tit{
	font-size: 30px;
	font-weight: 100;
}
.about-four-item .m-hr{
	width: 10px;
	height: 2px;
	background: #dc1c1d;
	margin: 12px 0 20px;
}
.about-four-item .m-des{
	font-size: 15px;
	font-weight: 100;
	line-height: 1.5;
}
.about-four-item .m-des p{
	
position: relative;
	
padding-left: 15px;
}
.about-four-item .m-des p::before{
	content:"";
	width: 6px;
	height: 6px;
	background-color: white;
	position: absolute;
	display: block;
	top: 11px;
	left: 0;
	border-radius: 50%;
}


@-webkit-keyframes doudong {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); 
  }
  20% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); 
  }
  40% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); 
  }
  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px); 
  }
  80% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); 
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes doudong {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); 
  }
  20% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); 
  }
  40% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); 
  }
  60% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px); 
  }
  80% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); 
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.about-four-list li:hover .m-icon{
	-webkit-animation: doudong 1s ease;
    animation: doudong 1s ease;
}


.abv-swiper.swiper-container{margin-top: 64px;padding-bottom: 45px !important;}
.ab-five .abv-pic{transition: all 1s; height: 68px;width: 200px;float: left; vertical-align: middle;text-align: center;}
.ab-five .abv-pic .qsb{display: table-cell;width: 200px;height: 68px;vertical-align: middle;}
.ab-five .abv-pic:hover{transform: translateY(-10px);}

.ab-five{padding-bottom: 60px;}
.abe-swiper .swiper-slide .abv-pic:hover{transform: translateY(-10px);}
.abv-swiper .swiper-slide{margin-bottom: 36px;}
.abv-swiper .swiper-slide:nth-child(11),.abv-swiper .swiper-slide:nth-child(12){margin-right: 0 !important;}
.abv-swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px !important;background: none;border-radius: 50%;opacity: 1;border: solid 2px #999999;}
.abv-swiper .swiper-pagination-bullet-active{border-color: #dd2223;}
.abv-pic img{

  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 1s;
  filter: gray;
  }
.abv-pic:hover img{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: gray;
}
.abv-swiper.abx-swiper .swiper-slide{transition: all 1s;background: white;display: table-cell;vertical-align: middle;border: solid 1px #eee;}
.ab-six{padding-bottom: 60px;border-top: solid 1px #f3f3f3;background: #f8f8f8;}
.ab-six .h2{font-weight: lighter;color: #666;font-size: 16px;line-height: 16px;text-align: center;margin-top: 22px;margin-bottom: 48px;}
.abx-left{float: left;width: 502px;height: 122px;padding-top: 50px;background: #fff;border: solid 1px #ececec;line-height: 120px;padding-left: 100px;color: #666;font-weight: lighter;font-size: 16px;margin-left: 54px;position: relative;}
.abx-pic{position: absolute;top: 7px;left: -54px;width: 116px;height: 116px;border-radius: 50%;}
.abx-pic img{width: 100%;height: 100%;display: block;}
.ab-six p{line-height: 22px;}
.abx-right{padding-top: 35px;float: right;}
/*.abx-top{margin-bottom: 76px;}*/
.abx-swiper .swiper-slide:hover{transform: translateY(-10px);}
.abx-swiper .swiper-slide:nth-child(11){margin-right: 20px !important;}
.abv-swiper.abx-swiper .swiper-slide .abv-pic{display: table-cell;vertical-align: middle;height: 68px;text-align: center;width: 180px;}
.abv-swiper.abx-swiper .swiper-slide:nth-child(11), .abv-swiper.abx-swiper .swiper-slide:nth-child(12){margin-right: 20px !important;}
.abv-swiper.abx-swiper .swiper-slide:hover .abv-pic{transform: translateY(0px);}
.abv-swiper.abx-swiper.swiper-container{margin: 0;padding-top: 78px;}

.abs-swiper.swiper-container{margin-top: 66px;}
.abs-swiper .swiper-slide{background: #f0f0f0;height: 349px;cursor: pointer;}
.abs-pic{width: 280px;height: 350px;display: table-cell;vertical-align: middle;text-align: center;}
.ab-eight{padding-bottom: 84px;}
.abt-swiper .swiper-slide{overflow: hidden;}
.abt-swiper .swiper-slide img{display: block;transition: all 1s;}
.abt-swiper .swiper-slide:hover img{transform: scale(1.1);}
.abt-swiper.swiper-container{margin-top: 66px;padding-bottom: 70px;}
.abt-swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px !important;background: none;border-radius: 50%;opacity: 1;border: solid 2px #999999;}
.abt-swiper .swiper-pagination-bullet-active{border-color: #dd2223;}

.index-main {
    width: 1200px;
    margin: 0 auto;
}

.gwkf{margin: 50px 0px 0px;}
.gwkf ul{}
.gwkf ul li{height: 80px;width: 200px;border: 1px solid #dcdcdc;position: relative;float: left;margin: 10px 20px 20px;idth: 100%;background-color: white;box-shadow: 0px 0px 15px 0px #dcdcdc;}
.gwkf ul li img{width: 90%;position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);}
.gwkfcr{clear: both;}
.gwkf-p{position: absolute;bottom: -50%;font-size: 14px;text-align: center;color: #666;width: 100%;display: none;}
.gwkf ul li:hover{/* border: 1px solid  #666; */}
.ab-three ul.ul2{margin: 0 auto;width: 80%;margin-bottom: 15px;}
.ab-three ul.ul2 li{width: 50%;}
.ab-three ul.ul2 li .abt-pic{width:600px;}
.ab-three ul.ul2 li p{width:360px;}
.h2s{text-align: center;
    font-size: 24px;
    margin-top: 28px;}


.slides li{position: relative;float: left;}
.slides img{width: 100%;display: block;}
.banner{position: relative;}
.banner .flex-next{position: absolute; right: 70px;background: url(../images/index-right2.png) no-repeat center;width: 15px;height: 26px;margin-top: -14px;top:50%;    font-size: 0;}
.banner .flex-prev{position: absolute;left: 70px;background: url(../images/index-left2.png) no-repeat center;width: 15px;height: 26px;margin-top: -14px;top: 50%;    font-size: 0;}
.banner .flex-next:hover{background: url(../images/index-rightH.png) no-repeat center;}
.banner .flex-prev:hover{background: url(../images/index-leftH.png) no-repeat center;}
.banner .flex-control-nav{height: 5px;position: absolute;bottom: 30px;width: 100%;text-align: center;}
.banner .flex-control-nav li{display: inline-block;height: 5px;margin: 0 8px;}
.banner .flex-control-nav a{    font-size: 0;display: block; transition: all 1s; width: 10px;height: 5px;background: #a6cdec;border-radius: 2px;opacity: 1;}
.banner .flex-control-nav a.flex-active{width: 20px;background: #db1516;}
.swiper1 .bd{margin-top: 81px;height: 440px;overflow: hidden;}
.swiper1 .bd li{transition: all 1s; padding-top: 62px; width: 330px !important;margin-right: 26.5px; border: solid 1px #dcdcdc;height: 382px;border-radius: 5px;background: white;}
.swiper1 .bd li:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.2);transform: translateY(-10px);}
.swiper1 .bd li a{display: block;}
.swiper1 .bd li .h3{font-family: 'Open Sans semibold';color: #777;font-size: 16px;text-align: center;margin-top: 39px;line-height: 16px;}
.swiper1 .slides li:hover .slide-font{background: url(../images/inywbgH.png) repeat;color: white;}
.swiper{position: relative;}
.swiper .hd .next{position: absolute;z-index: 8; right: -70px;background: url(../images/index-right3.png) no-repeat center;width: 15px;height: 26px;margin-top: -42px;top:50%;}
.swiper .hd .prev{position: absolute;z-index: 8;left: -70px;background: url(../images/index-left3.png) no-repeat center;width: 15px;height: 26px;margin-top: -42px;top: 50%;}
.swiper .hd .next:hover{background: url(../images/index-rightH.png) no-repeat center;}
.swiper .hd .prev:hover{background: url(../images/index-leftH.png) no-repeat center;}
.swiper  .hd ul{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.swiper  .hd ul li{text-indent: -9999px; padding-top: 0;margin: 0 8px; float:left;  width:12px; height:12px;cursor:pointer;border-radius: 50%;opacity: 1;border: solid 2px #999999; }
.swiper  .hd ul li.on{border-color: #dd2223;}
.swiper2 .bd{margin-top: 59px;height: 412px;overflow: hidden;}
.swiper2  .hd ul li{margin-bottom: 0;}
.swiper2 .bd li{margin-right: 26.5px; padding: 0; width: 330px !important;height: 350px;background: white;margin-bottom: 30px;}
.swiper2 .bd li:hover  .inff{transform: rotate(60deg);}
.swiper2 .bd li .h3{text-align: center;font-size: 22px;color: #444;line-height: 22px;}
.swiper2 .bd li .h4{text-align: center;font-size: 14px;color: #999;line-height: 14px;margin-top: 20px;}
.wrap{overflow: hidden;}
@media (max-width: 1560px){
	.swiper1 .bd li,.swiper2 .bd li{width: 305px !important;}	
}
@media (max-width: 1440px){
	.swiper1 .bd li,.swiper2 .bd li{width: 280px !important;}	
}
@media (max-width: 1350px){
	.swiper1 .bd li,.swiper2 .bd li{width: 280px !important;}
	.swiper .hd .next{right: 5px;}
	.swiper .hd .prev{left: 5px;}
}

.abv-pic img{width: auto;display: inline-block;}
.abe-swiper{ margin-top: 64px;
    padding-bottom: 45px !important;}
.ab-six .abv-pic{width: 183px;margin:0 8.5px; background: white;border: solid 1px #dcdcdc;height: 70px; float:left;}
.abs-swiper{margin-top: 66px;padding-bottom: 60px;}
.abs-swiper li{height: 349px;cursor: pointer;}
.abs-pic{background: #f0f0f0;width: 280px;margin:0 10px; height: 350px;float: left;}
.abs-pic .qssb{display: table-cell;vertical-align: middle;text-align: center;width: 280px;height: 350px;} 
.abt-swiper li{overflow: hidden;width: 378px;height: 287px;margin-right: 33px;}
.abt-swiper li img{display: block;transition: all 1s;}
.abt-swiper li:hover img{transform: scale(1.1);}
.abt-swiper{margin-top: 66px;padding-bottom: 70px;}
.abt-swiper .tempWrap{width: 1200px !important;}



/* v_2019/1/22 banner update */
.banner .banner-posi.home-banner{padding-top:9%;}
.banner .banner-fir{
	font-weight: lighter;
    font-size: 24px;
    color:rgba(255,255,255,.6);
}
.banner .banner-sec{
	font-weight: lighter;
	letter-spacing: 5px;
	font-size:62px;
	line-height:75px;
	margin:80px 0 10px;
	color:#fff;
}
.banner .banner-sec span{color:#ffdc3b;}
.banner .banner-thr{
	font-weight: lighter;
	font-size: 28px;
	color:rgba(255,255,255,.8);
}
@media (max-width: 1680px){
	.banner .banner-sec{font-size: 55px;line-height: 1.21;margin:70px 0 8px;}
}
@media (max-width: 1560px){
	.banner .banner-sec{font-size:50px;margin:64px 0 8px;}
}
@media (max-width: 1440px){
	.banner .banner-sec{font-size:40px;margin:52px 0 6px;}
}

.nei_anchor {
  text-align: center;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  font-size:0;
  width: 100%;
  z-index: 900;
  background: #fff;
  box-shadow: 0px 0px 8px 0px #d6d6d6;
}
.nei_anchor span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.nei_anchor span a {
    font-size: 16px;
    color: #666;
    line-height: 60px;
    padding: 0 40px;
    display: inline-block;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  position: relative;
}
.nei_anchor span a:after{
    content: '';
    width: 1px;
    height: 17px;
    background: #dadada;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nei_anchor span.on a:after,.nei_anchor span a:hover:after{
    display: none;
}
.nei_anchor span:hover a,
.nei_anchor span.on a {
    color: #fff;
    background: #db1516;
}

/* 2021.11.3 */
@media all and (max-width:1200px){
    .index-main{width: 100%;padding: 0 50px;overflow: hidden;}
    .tempWrap,.abt-swiper .tempWrap{width:100%!important;}
    .ab-one li:nth-child(5){margin-left:0!important;}
    .ab-one li:nth-child(3)::after{display:none;}
    .content .h1{margin-top:40px;}
    .ab-three li p{height:auto;min-height: auto;}
    .ab-three ul{margin-top:0;}
    .about-four .h2{margin: 30px 0;}
    .about-four-top{padding-bottom:0;}
    .abx-left{width:calc(49% - 54px);padding-left: 75px;}
    .gwkf ul li{width: calc(33.33% - 40px);}
    .swiper .hd ul{bottom:20px}
    .abs-swiper{padding-bottom:0}
}
@media all and (max-width:992px){
    .index-main{width:100%;padding:0 15px;}
    .content{padding-top:30px}
    .ab-one li{padding: 0 10px;width: 50%!important;}
    .ab-one li:nth-child(2)::after{display:none}
    .ab-one li:nth-child(3)::after{display:block;}
    .ab-one li .count-title,.ab-one li span{font-size:50px;}
    .ab-two{height:auto;padding: 40px 0;}
    .content .h1{margin-top:0;}
    .ab-three ul.ul2{width:100%;}
    .about-four-item .m-pic{width:100%;text-align:center;float: none;}
    .about-four-item{padding:50px 0!important;}
    .about-four-item .m-cont{margin: 0 auto!important;padding: 0 20px;text-align: center;}
    .about-four-item .m-hr{margin:10px auto;}
    .abs-pic{width: 100%;margin: 0;text-align: center;}
    .abt-swiper,.abs-swiper{margin-top:30px}
    .abs-pic .qssb{margin:auto;width: 100%;display: block;height: auto;}
    #ab-one{padding-left:15px;padding-right:15px;}
}
@media(max-width:767px){
	.nei_anchor{display:none!important;}
	.ab-banner{height: 370px;background-position: center !important;background-size: 1100px !important;}
	.content .h1{font-size:26px;line-height: 1;}
	.ab-one p{margin-top:15px;}
	.ab-one p span{font-size:18px}
	.ab-one .ul{margin-top:30px;padding-bottom:30px;margin-bottom:20px}
	.ab-one li .count-title,.ab-one li span{font-size:30px;line-height: 30px;}
	.ab-one li:after{height:100%;}
	.ab-two .h1,.ab-two p,.ab-three ul.ul2 li{width:100%;}
    .ab-three li .h2{margin-top:10px;margin-bottom: 5px;}
    .ab-three li{width:100%;}
    .ab-three .ul3{margin-bottom:30px}
    .about-four-item{width:100%}
    .about-four-bottom::after{display:none}
    .about-four-bottom{background: #051f65;padding-top:50px}
    .about-four-item{padding-top:0!important;}
    .about-four .h2{margin:20px 0}
    .about-four-list li {
		float: left;
		width: 50%;
		text-align: center;
		padding:10px 0px;
	}
	.gwkf ul{}
	.about-four-list .m-tit{font-size:18px;}
	.abx-left{width:calc(100% - 54px);padding-left:65px;padding-right:10px;padding-top: 20px;}
    .abx-right{margin-top:20px}
    .gwkf{margin:30px 0px 0px;height: 300px;overflow-x: scroll;}
    .gwkf ul li {overflow: hidden;width: 48%;margin: 1%;/* margin: 10px 0; */padding: 0;}
    .gwkf ul li img{width:auto;padding:0 15px;}
    .ab-six{padding-bottom:30px}
    .ab-three li p{width:100%!important;}
}
.ab-banner{position: relative;}
.banner-font.about {
    position: absolute;
    top: 55%;
    /* left: 100px; */
    transform: translateY(-50%);
}
.banner-font.about h3{
    margin-bottom: 15px;
    color: #fff;
    font-family: "AlibabaPuHuiTi-Regular","微软雅黑";
    font-size: 55px;
}
.banner-font.about  p{color:#fff;}
@media (max-width: 1919px)
{.banner-font.about h3 {font-size: 52px;}}
@media (max-width: 1679px){
.banner-font.about h3 {font-size: 48px;}
}
@media (max-width: 1100px){
.banner-font.about h3 {font-size: 42px;}
}
@media(max-width:767px){
.banner-font.about {}
.banner-font.about h3 {font-size: 24px;text-align: center;}
.banner-font.about p {
    line-height: 1.8;
    text-align: center;
    font-size: 16px;
}
}