@charset "utf-8";
body{
	background: #f7f7f7;
}
.banners {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    margin-top: 0;
}

.menuList{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 80px;
	transition: 1s ease;
}
.menuList .center{
	background: #fff;
	border-radius: 5px;
	
	z-index: 20;
	box-shadow: 0 0 10px rgba(41,38,38,.11);
}
.menuList ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.menuList ul li{
	width: 20%;
	padding: 28px 0;
	
}
.menuList ul li a{
	display: block;
	width: 100%;
	font-family: 'SourceHanSansCN';
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 24px;
	border-right: 1px solid #eee;
}
.menuList ul li:nth-child(5) a{
	border: none;
}
.menuList ul li.on a,.menuList ul li a:hover{
	color: #E4007F;
}
.comp{
	position: relative;
	margin-top: 95px;
	width: 100%;
	height: 520px;
	padding-bottom: 50px;
}
.comp .comp-left,.comp .comp-right{
	height: 100%;
	padding: 0;
}
.comp .comp-right{
	
}
.comp .leftMsg{
	position: relative;
	width: 100%;
	height: 100%;
}
.comp .leftMsg .compTit{
	position: relative;
}
.comp .leftMsg .compTit p{
	font-family: 'SourceHanSansCN';
	font-size: 40px;
	color: #333;
	line-height: 50px;
}
.comp .leftMsg .compLogo{	
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
}
.comp .leftMsg .compLogo img{
	width: 85%;
}
.comp .comp-right .compMsg{
	width: 100%;
	padding-left: 10%;
	padding-right: 85px;
	overflow-y: scroll;
	height: 290px;
}
.comp .comp-right .compMsg::-webkit-scrollbar {
  width: 2px;
  border-radius: 1px; opacity: 1;
}
.comp .comp-right .compMsg::-webkit-scrollbar-track {
  background-color: #dcdcdc; opacity: 1;
}
.comp .comp-right .compMsg::-webkit-scrollbar-thumb{
	height: 30px;
	background-color: #E4007F;
}

.comp .comp-right .compMsg p{
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #333;
	line-height: 35px;
	text-indent: 36px;
	margin-bottom: 40px;
}
.comp .comp-right .compNums{
	
	width: 100%;
	margin-top: 70px;
	padding-left: 10%;
}
.comp .comp-right .compNums .nums{
	display: flex;
	justify-content: space-around;
}
.comp .comp-right .compNums .nums .num{
	width: 25%;
}
.comp .comp-right .compNums .nums .num .num1{
	font-family: 'SourceHanSansCN';
	font-size: 30px;
	color: #E4007F;
	vertical-align: bottom;
}
.comp .comp-right .compNums .nums .num .num1 span{
	font-family: Arial;
	font-size: 80px;
	color: #E4007F;
	display: inline-block;
	position: relative;
	margin-right: 15px;
}
.comp .comp-right .compNums .nums .num .num1 span:after{
	position: absolute;
	content: "+";
	top: 0;
	right: -15px;
	font-size: 40px;
	color: #E4007F;
	width: 15px;
	height: 15px;
}
.comp .comp-right .compNums .nums .num .num2{
	font-family: 'SourceHanSansCN';
	font-size: 20px;
	color: #666;
}
.videoBox{
	position: relative;
	width: 100%;
	height: 530px;
}
.videoBox .video{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../images/videoBg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.videoCon{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: 
	rgba(0,0,0,.6);
	z-index: 999;
}
.videoCon .videoClass{
	position: absolute;
    width: 1000px;
    height: 563px;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    margin-top: -280px;
}
.videoCon video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoCon img{
	position: absolute;
	top: 25px;
	right:25px;
}
.videoCon .close{
	opacity: 1 !important;
}
.videoBox .video video{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: fill;
	opacity: 1;
}
.videoBox .video .videoBtn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-image: url(../images/videoBg.jpg);*/
}
.videoBox .video .videoBtn .btns{
	position: absolute;
	width: 100%;
	top: 35%;
}
.videoBox .video .videoBtn p{
	width: 100%;
	text-align: center;
}
.videoBox .video .videoBtn p:last-child{
	margin-top: 25px;
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	color: #fff;
}
.videoBox .video .videoBtn p button{
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	background: rgba(255,255,255,.1);
	border-radius: 50%;
	text-align: center;
	border: none;
	box-sizing: border-box;
}
.videoBox .video .videoBtn p button:before{
	position: absolute;
	content: "";
	width: 114px;
	height: 114px;
	border-radius: 50%;
	left: -12px;
	top: -12px;
	background-image: url(../images/video-yuan.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.videoBox .video .videoBtn p button i{
	display: inline-block;
	width: 14%;
	height: 20px;
	background-image: url(../images/sanjiao.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.histoyr{
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding-top: 80px;
	padding-bottom: 180px;
}
.title p{
	font-family: 'SourceHanSansCN';
	font-size: 40px;
	color: #333;
	text-align: center;
	
}
.histoyr .hisBox{
	position: relative;
	margin-top: 50px;
	padding: 0 15%;
}
.histoyr .hisBox .his{
	position: relative;
	width: 100%;
	padding: 0 50px;
}
.histoyr .hisBox .his .swiper{
	width: 100%;
	overflow: hidden;
}
.histoyr .hisBox .his .mySwiper{
	
}
.histoyr .hisBox .his .mySwiper .swiper-slide p{
	position: relative;
	font-family: Arial;
	font-size: 24px;
	text-align: center;
	
}
.histoyr .hisBox .his .mySwiper .swiper-slide p a{
	display: inline-block;
	position: relative;
	color: #888;
	line-height: 34px;
}
/*.histoyr .hisBox .his .mySwiper .swiper-slide-active p a{
	color: #E4007F;
}
.histoyr .hisBox .his .mySwiper .swiper-slide-active p a:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #E4007F;
	
}*/
.histoyr .hisBox .his .mySwiper .swiper-slide-thumb-active p a{
	color: #E4007F;
}
.histoyr .hisBox .his .mySwiper .swiper-slide-thumb-active p a:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #E4007F;
	
}
.histoyr .hisBox .his .mySwiper2{
	position: relative;
	margin: 0 auto;
	margin-top: 70px;
	width: 80%;
}

.histoyr .hisBox .his .mySwiper2 .swiper-slide{
	padding: 30px 0;
}
.histoyr .hisBox .his .mySwiper2 .swiper-slide img{
	width: calc(350vw / 19.20);
	border-radius: 10px;
	
}
.histoyr .hisBox .his .mySwiper2 .swiper-slide .right-msg{
	position: relative;
	display: flex;
	align-items: center;
}
.histoyr .hisBox .his .mySwiper2 .swiper-slide .hisItem{
	position: relative;
	width: 100%;
	left: 0;
	width: 100%;
}
.histoyr .hisBox .his .mySwiper2 .swiper-slide .hisItem p{
	font-family: 'SourceHanSansCN';
	font-size: 20px;
	line-height: 30px;
	color: #333;
}
.swiper-button-next, .swiper-button-prev{
	position: absolute;
	top: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-image:none;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
	background: #E4007F;
}
.swiper-button-next{
	right: -10px;
}
.swiper-button-prev{
	left: -10px;
}
.swiper-button-next i{
	display: block;
    width: 10px;
    height: 16px;
    background-image: url(../images/right1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next:hover i{
	background-image: url(../images/right2.png);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image:none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image:none;
}
.swiper-pagination{
	width:100%;
}
.swiper-button-prev i{
	display: block;
    width: 10px;
    height: 16px;
    background-image: url(../images/left1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev:hover i{
	background-image: url(../images/left2.png);
}
.swiper-button-next:after, .swiper-button-prev:after{
	content: "";
}
.swiper-button-next:before, .swiper-button-prev:before{
	position: absolute;
    content: "";
    left: -5px;
    top: -5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url(../images/line-quan1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next:hover:before, .swiper-button-prev:hover:before{
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: orbit;
    animation-duration: 2s;
}
@keyframes orbit {
	0% {
		transform:translate(0%,0%) rotate(-360deg);
	}
	100% {
		transform:translate(0%,0%) rotate(0deg);
	}
}
@keyframes circle{
    0% {
        opacity: .3;
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,0,127,.5), 0 0 10px 10px rgba(255,0,127,.4), 0 0 0 5px rgba(228,0,127,.3); /* 三层阴影 */
       transform: scale(1.5); /* 放大两倍 */
    }
    100% {
        box-shadow: 0 0 0 2px rgba(228,0,127,.5), 0 0 10px 10px rgba(255,0,127,.4), 0 0 0 5px rgba(228,0,127,.3);
        transform: scale(2); /* 放大两倍 */
        opacity: .2;
    }
}

.honor{
	position: relative;
	width: 100%;
	margin-top: 65px;
}
.honor .honorList{
	position: relative;
	width: 100%;
	margin-top: 10px;
	padding-bottom: 150px;
}
.honor .honorList .mySwiper3{
	width: 100%;
	overflow: hidden;
	height: auto;
	padding-top: 50px;
}
.honor .honorList .mySwiper3 .swiper-slide {
       
        height: calc((100% - 30px) / 2);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		
        
}
.honor .honorList .mySwiper3 .swiper-slide .honorItem{
	width: 100%;
	background: #fff;
	border-radius: 10px;
	padding: 50px;
	margin-top: 0;
	transition: 1s ease;
}
.honor .honorList .mySwiper3 .swiper-slide .honorItem:hover{
	margin-top: -20px;
}
.honor .honorList .mySwiper3 .swiper-slide .honorItem .img img{
	width: 100%;
}
.honor .honorList .mySwiper3 .swiper-slide .honorItem .tit{
	margin-top: 30px;
}
.honor .honorList .mySwiper3 .swiper-slide .honorItem .tit p{
	font-family: 'SourceHanSansCN';
	font-size: 18px;
	line-height: 30px;
	color: #333;
	text-align: center;
}
.honor .swiper-horizontal>.swiper-pagination-bullets,
.honor .swiper-pagination-bullets.swiper-pagination-horizontal,
.honor .swiper-pagination-custom,.honor .swiper-pagination-fraction{
	bottom: 70px;
}
.honor .swiper-pagination-bullet{
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #bebebe;
	opacity: 0.8;
	border: none;
	margin: 0 15px !important;
}
.honor .swiper-pagination-bullet-active{
	background: #e4007f;
	
}
.honor .swiper-pagination-bullet-active:after{
	position: absolute;
	content: "";
	left: -1px;
	top: -1px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #e4007f;
	animation: circle 1s  ease-out infinite;
}
.vision{
	position: relative;
	width: 100%;
}
.vision .visionBg{
	position: relative;
	width: 100%;
	z-index: 20;
}
.vision .visionBg img{
	width:100%;
}	
.vision .title{
	position: absolute;
	top: 24.5%;
	left: 0;
	width: 100%;
	z-index: 21;
}
.vision .title p{
	color: #fff;
}
.vision .visionList{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 2px;
	z-index: 21;
}
.vision .visionList .item{
	padding-left: 0;
	padding-right: 5px;
}
.vision .visionList .item:nth-child(4){
	padding-right: 0;
}
.vision .visionList .item .itemBox{
	position: relative;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 55px;
	background: rgba(27,27,27,.7);
	padding-left: 110px;
}
.vision .visionList .item .itemBox:before{
	position: absolute;
	content: '';
	width: 3px;
	height: 90px;
	top: 70px;
	left: 80px;
	background: #E4007F;
}
.vision .visionList .item .itemBox div{
	font-family: 'SourceHanSansCN';
	color: #fff;
}
.vision .visionList .item .itemBox .itemTitle{
	font-size: 30px;
}
.vision .visionList .item .itemBox .itemCon{
	margin-top: 40px;
	font-size: 18px;
}
.respons{
	position: relative;
	width: 100%;
	background-image: url(../images/zr-bg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	padding: 150px 0;
}
.respons .responsBox{
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 10px rgb(41 38 38 / 11%);
}
.respons .responsBox .respons-left{
	padding: 0;
}
.respons .responsBox .respons-left .respImg{
	width: 100%;
	overflow: hidden;
}
.respons .responsBox .respons-left .respImg img{
	width: 100%;
	transform: scale(1);
    transition: all 1s;
}
.respons .responsBox .respons-left .respImg:hover img{
	transform: scale(1.1);
}
.respons .responsBox .respons-right{
	padding: 0 85px;
} 
.respons .responsBox .respons-right .resMsg{
	width: 100%;
}
.respons .responsBox .respons-right .resMsg .resTit{
	margin-top: 125px;
}
.respons .responsBox .respons-right .resMsg .resTit p{
	position: relative;
	display: inline-block;
	font-family:'SourceHanSansCN';
	font-size: 40px;
	color: #333;
}
.respons .responsBox .respons-right .resMsg .resTit p:after{
	position: absolute;
	content: '';
	left: 0;
	bottom: -40px;
	width: 25px;
	height: 2px;
	background: #E4007F;
}
.respons .responsBox .respons-right .resMsg .resMsgs{
	margin-top: 85px;
}
.respons .responsBox .respons-right .resMsg .resMsgs .resTit-s p{
	font-family:'SourceHanSansCN Medium';
	font-size: 24px;
	color: #333;
}
.respons .responsBox .respons-right .resMsg .resMsgs .resInfo{
	margin-top: 20px;
}
.respons .responsBox .respons-right .resMsg .resMsgs .resInfo p{
	font-family:'SourceHanSansCN';
	font-size: 18px;
	color: #666;
	line-height: 30px;
}
.hisLine{
	position: absolute;
	display: block;
	left: calc((100% - 663px)/2);
	bottom: 0;
	width: 663px;
	height: 240px;
	background-image: url(../images/h3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-x: left;
	background-position-y: bottom;
}
.hisLine:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: 24px;
	right: -100%;
	background: #e2e2e2;
}
.hisLine:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	bottom: 24px;
	right: 100%;
	background: #E4007F;
}
.hisLine .hui{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	
}
.hisLine .hisBox1{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width:0%;
	overflow: hidden;
	transition: all 0.5s;
}
.hisLine .hisBox1 img{
	position: absolute;
	left: 0;
	top: 0;
	width: ;
	
}

@media screen and (max-width: 1920px){
	html,body,p,h3,h4,h5,a,,span,div{
	font-family:'SourceHanSansCN',Helvetica Neue,Source Han Sans SC,Microsoft YaHei;
}
}

@media screen and (max-width: 1750px){
	.title p{
		font-size: 38px;
	}
	.histoyr .hisBox{
		padding: 0 12%;
	}
	.vision .visionList .item .itemBox{
		padding-left: 95px;
	}
	.vision .visionList .item .itemBox:before{
		left: 70px;
	}
	.respons .responsBox .respons-right .resMsg .resTit{
		margin-top: 100px;
	}
}

@media screen and (max-width: 1600px){
	.title p{
		font-size: 36px;
	}
	.comp .leftMsg .compTit p{
		font-size: 36px;
	}
	.comp .comp-right .compNums .nums .num .num1 span{
		font-size: 60px;
	}
	.vision .visionList .item .itemBox .itemCon{
		font-size: 16px;
	}
	.respons .responsBox .respons-right .resMsg .resTit{
		margin-top: 70px;
	}
}

@media screen and (max-width: 1440px){
	.menuList ul li a{
		font-size: 22px;
	}
	.title p{
		font-size: 30px;
	}
	.comp{
		margin-top: 60px;
		height: 500px;
	}
	.comp .leftMsg .compTit p{
		font-size: 32px;
	}
	.comp .comp-right .compMsg p{
		font-size: 16px;
		line-height: 30px;
	}
	.comp .comp-right .compNums .nums .num .num1 span{
		font-size: 50px;
	}
	.comp .comp-right .compNums .nums .num .num1 span:after{
		font-size: 28px;
		top: --5px;
	}
	.comp .comp-right .compNums .nums .num .num2{
		font-size: 18px;
	}
	.comp .comp-right .compMsg{
		height: 311px;
	}
	.videoBox{
		height: 450px;
	}
	.histoyr .hisBox .his .mySwiper2{
		width: 100%;
	}
	.histoyr .hisBox .his .mySwiper .swiper-slide p{
		font-size: 20px;
	}
	.histoyr .hisBox .his .mySwiper2 .swiper-slide .hisItem p{
		font-size: 18px;
	}
	.honor .honorList .mySwiper3 .swiper-slide .honorItem .tit p{
		font-size: 18px;
	}
	.vision .visionList .item .itemBox{
		padding-left: 65px;
	}
	.vision .visionList .item .itemBox .itemTitle{
		font-size: 22px;
	}
	.vision .visionList .item .itemBox:before{
		left: 55px;
		height: 80px;
	}
	.respons .responsBox .respons-right .resMsg .resTit p{
		font-size: 34px;
	}
	.respons .responsBox .respons-right .resMsg .resMsgs .resTit-s p{
		font-size: 20px;
	}
	.respons .responsBox .respons-right .resMsg .resMsgs .resInfo p{
		font-size: 16px;
	}
	.respons .responsBox .respons-right .resMsg .resTit p:after{
		bottom: -30px;
	}
	.respons .responsBox .respons-right .resMsg .resMsgs{
		margin-top: 65px;
	}
}

@media screen and (max-width: 1280px){
	.menuList ul li a{
		font-size: 20px;
	}
	.title p{
		font-size: 30px;
	}
	.comp .leftMsg .compTit p {
	    font-size: 28px;
	}
	.comp .comp-right .compNums .nums .num .num1{
		font-size: 20px;
	}
	.comp .comp-right .compNums .nums .num .num1 span {
	    font-size: 38px;
	}
	.histoyr .hisBox {
	    padding: 0 8%;
	}
	.honor .honorList .mySwiper3 .swiper-slide .honorItem{
		padding: 30px;
	}
	.vision .visionList .item .itemBox .itemTitle{
		font-size: 20px;
	}
	.vision .visionList .item .itemBox .itemCon {
	    font-size: 14px;
	}

	.vision .visionList .item .itemBox:before {
	    left: 40px;
	    height: 75px;
	}
	.respons .responsBox .respons-right .resMsg .resTit p{
		font-size: 30px;
	}
	.respons .responsBox .respons-right .resMsg .resMsgs .resTit-s p{
		font-size: 20px;
	}
	.respons .responsBox .respons-right .resMsg .resMsgs .resInfo p{
		font-size: 16px;
	}
	.respons .responsBox .respons-right .resMsg .resTit{
		margin-top: 50px;
	}
	.comp .leftMsg .compLogo{
		left: 0;
		right: auto;
	}
}

@media screen and (max-width: 1100px){
	.histoyr .hisBox{
		padding: 0 0;
	}
	.respons .responsBox .respons-right{
		padding: 0 30px;
	}
	.respons .responsBox .respons-right .resMsg .resTit{
		margin-top: 30px;
	}
	.respons .responsBox .respons-right .resMsg .resTit p:after{
		bottom: -24px;
	}
	.respons .responsBox .respons-right .resMsg .resMsgs{
		margin-top: 45px;
	}
}

@media screen and (max-width: 990px){
	.banners {
    margin-top: 60px;
}
	.comp{
		height: auto;
	}
	.comp .leftMsg .compLogo{
		left: auto;
		right: 0;
		display: block;
	}
	.comp .comp-right .compMsg,.comp .comp-right .compNums{
		padding-left: 0;
	}
	.respons .responsBox .respons-right{
		padding: 0 30px 40px;
	}
	.videoCon .videoClass {
	    position: absolute;
	    width: 90%;
	    height: 60%;
	    top: 20%;
	    left: 10%;
	    margin-left: 0;
	    margin-top: 0;
	}
	.hisLine{
		display: none;
	}
}
@media screen and (max-width: 780px){
	.banners {
    margin-top: 60px;
}
	.menuList{
		display: none;
	}
	.box{
		display: block;
	}
	.comp{
		margin-top: 50px;
	}
	.comp .leftMsg .compTit p{
		font-size: 24px;
		line-height: 35px;
		text-indent: 0px;
	}
	.comp .leftMsg .compLogo{
		display: none;
	}
	.comp .comp-right .compMsg{
		margin-top: 25px;
		padding-right: 25px;
		height: 300px;
	}
	.comp .comp-right .compMsg p{
		font-size: 14px;
		line-height: 24px;
		margin-bottom:20px;
	}
	.comp .comp-right .compNums{
		margin-top: 35px;
	}
	.comp .comp-right .compNums .nums .num{
		width: 100%;
	}
	.comp .comp-right .compNums .nums .num .num1{
		color: #666;
		font-size: 16px;
		line-height: 1.6;
	}
	.comp .comp-right .compNums .nums .num .num1 span{
		font-size: 30px;
		margin: 0 5px;
		margin-right: 20px;
	}
	.comp .comp-right .compNums .nums .num .num1 span:after {
	    font-size: 24px;
	    top: -5px;
	    right: -15px
	}
	.videoBox{
		height: 400px;
	}
	.histoyr{
		padding-top: 50px;
		padding-bottom: 0;
	}
	.honor .swiper-pagination-bullet{
		margin: 0 5px !important;
	}
	.histoyr .hisBox{
		margin-top: 35px;
	}
	.histoyr .hisBox .his{
		padding: 0 0;
	}
	.histoyr .hisBox .his .mySwiper2 .swiper-slide img{
		width: 100%;
	}
	.histoyr .hisBox .his .mySwiper2 .swiper-slide .hisItem p{
		font-size: 14px;
	}
	.histoyr .hisBox .his .mySwiper2{
		margin-top: 15px;
	}
	.honor .honorList{
		padding-bottom: 65px;
	}
	.honor .honorList .mySwiper3{
		padding-top: 35px;
	}
	.honor .honorList .mySwiper3 .swiper-slide{
		padding-top: 0px;
	}
	.honor .swiper-horizontal>.swiper-pagination-bullets, .honor .swiper-pagination-bullets.swiper-pagination-horizontal, .honor .swiper-pagination-custom, .honor .swiper-pagination-fraction{
		bottom: 45px;
	}
	.honor .honorList .mySwiper3 .swiper-slide .honorItem .tit p{
		font-size: 14px;
	}
	.honor .honorList .mySwiper3 .swiper-slide .honorItem .tit{
		margin-top: 10px;
	}
	.vision{
		height: 500px;
		overflow: hidden;
		background: url(../images/wenhua-bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.vision .visionBg{
		opacity: 0;
	}
	.vision .visionList .item{
		margin-top: 10px;
		padding-right: 0;
	}
	.vision .swiper-pagination-bullet{
		display: inline-block;
		position: relative;
		background: #fff !important;
		width: 10px;
		height: 10px;
		border: none;
	}
	.vision .swiper-pagination-bullet-active{
	background: #e4007f;
	margin: 0 15px !important;
	
}
.vision .swiper-pagination-bullet-active:after{
	position: absolute;
	content: "";
	left: -1px;
	top: -1px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #e4007f;
	animation: circle 1s  ease-out infinite;
}
.videoCon .videoClass {
    position: absolute;
    width: 100%;
    height: 28%;
    top: 36%;
    left: 0;
    margin-left: 0;
    margin-top: 0;
}
.vision .visionList .item .itemBox .itemTitle{
	font-size: 20px;
}
.respons{
	padding: 50px 0;
}
.respons .responsBox .respons-right {
    padding: 0 15px 40px;
}
.respons .responsBox .respons-right .resMsg .resMsgs .resTit-s p{
	font-size: 16px;
}
.respons .responsBox .respons-right .resMsg .resMsgs .resInfo p{
	font-size: 14px;
}
.hisLine{
	display: none;
}
.vision .visionList{
	bottom: 0;
}
.vision .visionList .item .itemBox:before{
	height: 55px;
}
.vision .visionList .item .itemBox .itemCon{
	margin-top: 20px;
}

.histoyr .hisBox .his .mySwiper{
	width: calc(100% - 80px);
	margin: 0 auto;
	overflow: hidden;
}
.histoyr .hisBox .his .mySwiper2 .swiper-slide {
    padding: 30px 0 20px;
}
.histoyr .hisBox .his .mySwiper2 .swiper-slide .right-msg{
	margin-top: 20px;
}	

.videoBox .video .videoBtn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/videoBg.jpg);
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

}