.about{
	margin:5.5% 5% 2%;
}
@media screen and (max-width: 968px){
	.about{
		margin:5% 1%;
	}
}
.about_con4{ margin-bottom:70px; position:relative;}
.about_con4 .tit1{ text-align:center; }
.about_con4 .tit1 strong{font-size:36px; line-height:1; margin-bottom:25px; font-weight:normal; display:block;}
.about_con4 .tit1 em{ font-size:18px; color:#888888;}
.about_con4 .tit1 span{ color:#c02626;font-size:18px;}
.about .ibrand{ padding-top:40px;}
.about .ibrand ul{ border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.about .ibrand li{ float:left; width:11%;height:auto;}
@media screen and (max-width: 968px){
	.about .ibrand li{ float:left; width:50%;height:auto;}
}
.ibrand .pd{ border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; display:block; position:relative;}
.ibrand .img img{ width:100%; height:auto; display:block; background-size:cover;}
.ibrand .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; text-align:center; line-height:158px; background:#e81215; color:#fff; font-size:18px; opacity:0;}
.ibrand .pd:hover{ box-sizing:border-box; background:#dbdbdb;}
.ibrand .pd:hover .text{ }
.ibrand .img img{
-webkit-transition: all 0.2s linear;

-moz-transition: all 0.2s linear;

-ms-transition: all 0.2s linear;

-o-transition: all 0.2s linear;

transition: all 0.2s linear;

}
.business .pd:hover .img img{transform: scale(1.1);}

.business .pd:hover .m{transform:translate(10px,0);}

.ibrand .pd:hover img{transform: scale(0.92,0.9);}

.ibrand .img img{

-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray; 

opacity:1;

}
.ibrand .pd:hover .img img{

-webkit-filter: grayscale(0%); 

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%); 

filter: none;

opacity:1;

}



.sAbout-section4 .body{position: relative; overflow: hidden; padding-top: 4.16666667% !important; min-height: 350px;}
.sAbout-section4 .body .item{z-index:99;-webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; color: #333333; margin-top: 50px;border:0;}
@media screen and (max-width: 968px){
	.sAbout-section4 .body .item{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #333333; margin-top: 20px;border:0;}
}
.sAbout-section4 .body .item .dt{ font-size:28px;}
.sAbout-section4 .body .item .dd{margin-top: 0.1em; line-height: 22px; min-height: 22px;}
.sAbout-section4 .body .item:nth-child(2n+1){float: left; padding-right: 244px; text-align: right;}
.sAbout-section4 .body .item:nth-child(2n+2){float: right; padding-left: 244px; text-align: left;}
@media screen and (max-width: 968px){
	.sAbout-section4 .body .item:nth-child(2n+1){float: left; padding-right: 0;   text-align: left;}
    .sAbout-section4 .body .item:nth-child(2n+2){float: left; padding-left: 5px;  text-align: left;}
}
.sAbout-section4 .body .center{position: absolute; left: 50%; top: 0; margin-top: 4.16666667%; margin-left: -162px; width: 324px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
@media screen and (max-width: 968px){
	.sAbout-section4 .body .center{ opacity: 0.5;z-index:9;position: absolute; left: 50%; top:0; margin-top: 4.16666667%; margin-left: -162px; width: 324px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

}
.sAbout-section4 .body .center .pic{height: 0; padding-bottom: 100%; background-color: #f1f1f1; border-radius: 50%;}
.sAbout-section4 .body .center .pendulum{z-index: 9; position: absolute; left: 50%; top: 20%; width: 2px; height: 90%; background-color: #fff; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; overflow: visible; -webkit-animation-name: AniPendulum; animation-name: AniPendulum;}
.sAbout-section4 .body .center .pendulum .dot1,
.sAbout-section4 .body .center .pendulum .dot2{position: absolute; pointer-events: none; left: 50%; margin-left: -10px; width: 20px; height: 20px; border-radius: 10px;}
.sAbout-section4 .body .center .pendulum .dot1{top: -10px; background-color: #fff;}
.sAbout-section4 .body .center .pendulum .dot2{top: 105%; background-color: #ffdb60;}
.sAbout-section4 .body .center .pendulum,
.sAbout-section4 .body .center .pendulum:after{-webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.sAbout-section4 .body .center .pendulum:after{content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 11.11111111%; background-color: #000; -webkit-animation-name: heightChange; animation-name: heightChange;}
@-webkit-keyframes AniPendulum{0%, 100%{-webkit-transform: rotate(30deg); transform: rotate(30deg);} 50%{-webkit-transform: rotate(-30deg); transform: rotate(-30deg);}}
@keyframes AniPendulum{0%, 100%{-webkit-transform: rotate(30deg); transform: rotate(30deg);} 50%{-webkit-transform: rotate(-30deg); transform: rotate(-30deg);}}
.sAbout-section4 .body .center .AniPendulum{-webkit-animation-name: AniPendulum; animation-name: AniPendulum;}
@-webkit-keyframes heightChange{0%, 50%, 100%{height: 18.13586424%;} 25%, 75%{height: 11.11111111%;}}
@keyframes heightChange{0%, 50%, 100%{height: 18.13586424%;} 25%, 75%{height: 11.11111111%;}}
.sAbout-section4 .body .center .heightChange{-webkit-animation-name: heightChange; animation-name: heightChange;}


.development {
	background: url(../images/bga.png);
	background-size: 100% 100%;
}
.whitecolor {
	color: #fff !important;
}

.qiehuan {
	position: relative;
}
.qiehaun1 {
	position: relative;
}

.development .qiehuan .swiper-slide{
	margin:0;
    padding:0;
	height:auto;
    text-align: center;
    font-size: 18px;
	background:#ebecf1;
    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;
}

.development .qiehuan .swiper-slide img{
	width: 100%;
}
.culturetitletext {
	text-align: center;
	font-size: 2.6rem;
	color: #555;
	font-weight: bold;
}

.culturetitletext span {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.8rem;
}
.qiehuan .swiper-container {
	width: 90%;
	margin: auto;
}

.development .qiehuan .swiper-button-prev,
.development .qiehuan .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/course_left.jpg);
	background-size: 50px;
	width: 50px;
	top: 45px;
	z-index: 4;
}
.development .qiehuan .swiper-button-next,
.development .qiehuan .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/course_right.jpg);
	background-size: 50px;
	width: 50px;
	top: 45px;
	z-index: 4;
}
.tanconitem {
    display: none;
}

.yearse {
	text-align: center;
	color: #91c376;
	font-size: 1.6rem;
	padding: 40px 20px 10px;
	line-height: 40px;
	position: relative;
	display:block;
}

.clickp {
	background: url(../images/xuanzhong.png) no-repeat center;
	color: #93541b;
	font-size: 2rem;
	font-weight: bold;
	line-height: 40px;
	position: relative;
}