/* layout */

/* profile */
.abProfile{width: 100%; padding: 0.4rem 0; }
.profileMain{ display: flex;justify-content: space-between;}
.profileInfo{ position: relative; width: 60%; padding:.7rem;}

.profileInfo .proIcon{position: absolute; left: 0; bottom: 0; top:.85rem;}
.profileInfo .proIcon .masterIcon{position: relative; width: .37rem;height: .37rem;border-radius: 50%; text-align: center; line-height: .44rem; font-weight: bold; text-transform: uppercase; background-color: rgba(37,163,135,1.00);}
.profileInfo .proIcon .iconLine{display: block; width: 1px; border-left:1px dashed rgba(37,163,135,1.00); height: calc(100% - .54rem);margin: 0 auto;position: relative;}
.profileInfo .proIcon .iconLine:after{content: '';position: absolute;top:0;left: 50%;width:4px;height: 100%; background: linear-gradient(to bottom,transparent ,#fff);z-index: 2;transform: translateX(-50%);}

.proTitle .tleNameEn{color:rgba(37,163,135,1.00);}
.proContMain p{ font-size: .16rem; line-height: 1.8em;}

.profileImg{ padding:1.6rem 0.6rem; width: 30%;}
.profileImgBox{position: relative;width: 100%;padding-bottom: 100%;z-index: 1;}
.profileImg .proImg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #ffffff;}
.profileImg .proImg:after{content: " "; z-index: 2; pointer-events: none; position: absolute; left: -22%; top: -22%; width: 144%;height: 144%;
    background-image: url(../images/profileImgCircle.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-animation-name: rotate360;
    animation-name: rotate360;
    -webkit-animation-duration: 16s;
    animation-duration: 16s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -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;
}
.profileImg .proImg img{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: inherit;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
	object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

/*culture*/
.abCulture{width: 100%; padding: .5rem 0; background: url("../images/cultureBg.jpg") no-repeat center top scroll; background-attachment:fixed;}
.culTitle{ text-align: center; color: #FFFFFF;}
.culTitle .tleNameEn{opacity: 0.5;}

.cultureInfo{ padding: 0.5rem 0;}
.cultureItemer{ display:flex; justify-content: space-evenly;}
.culItem{ position: relative; width: 23%; }
.culItem .itemText{ padding:1.2rem 0.3rem; text-align: center;}
.culItem .itemImg{ height:0.6rem; line-height: 0.6rem; margin-bottom: 0.1rem;}
.culItem .itemTitle{ margin-bottom: 0.1rem;}
.culItem .itemTitle .tleM{ font-size: 0.18rem; color: #FFFFFF; font-weight: 500;}
.culItem .itemCont .ctInfo{ font-size: 0.14rem; color: #FFFFFF;}
.culItemBg{ position:absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,.30); z-index: 1; -webkit-transition: all .5s; transition: all .5s;}
.itemBorder{ position:relative; z-index: 2; transform: translateY(10%);transition: all 0.75s; -moz-transition: all 0.75s; -webkit-transition: all 0.75s; -o-transition: all 0.75s;}

.culItemHover .culItemBg{ background-color:rgba(59,171,96,0.3);}
.culItemHover .itemBorder{ transform: translateY(0);}

/* development */
.abDevelopment{width: 100%; padding: .5rem 0 0; background: url("../images/lc_bg.jpg") no-repeat center top scroll;}
.devTitle{ margin-bottom: 0.6rem; text-align: center;}
.devTitle .tleNameEn{ color:rgba(37,163,135,1.00);}
.devTitle .tleNameCn{ color: #333333;}

.developMain{ width:100%; height: 5.18rem; padding-bottom:1rem; background: url("../images/lc-quxian.png") no-repeat center 1.4rem scroll;}
.devInfo,.devInfo ul{ width: 100%; height: 100%;}
.devInfo ul li{ float:left; width: 20%; height: 100%;}
.devInfo .swiper-container{ width: 100%; height: 100%;}
.devInfo .devItemMn{ position: relative; width: 100%; height: 3.2rem;}

.devInfo .devItemMn .lcLine{position: relative; display: block; height: 2.74rem; width: 1px; background-color: #25a387; left:0.3rem;}
.devInfo .devItem1 .devItemMn .lcLine,.devInfo .devItem3 .devItemMn .lcLine,.devInfo .devItem5 .devItemMn .lcLine{margin-bottom: 0.3rem;}
.devInfo .devItem2 .devItemMn .lcLine,.devInfo .devItem4 .devItemMn .lcLine{margin-top: 0.3rem;}
.devInfo .devItem1 .devItemMn .lcLine:after,.devInfo .devItem3 .devItemMn .lcLine:after,.devInfo .devItem5 .devItemMn .lcLine:after,.devInfo .devItem2 .devItemMn .lcLine:before,.devInfo .devItem4 .devItemMn .lcLine:before{position: absolute; display: block; content: ""; width:0.25rem; height: 0.25rem; background-color: rgba(37, 163, 135, 0.9); border-radius: 50%; text-align: center; vertical-align: middle;}
.devInfo .devItem1 .devItemMn .lcLine:after{bottom: -0.25rem;left: -0.12rem;}
.devInfo .devItem2 .devItemMn .lcLine:before{top:-0.25rem;left: -0.12rem;}
.devInfo .devItem3 .devItemMn .lcLine:after{bottom: -0.25rem;left: -0.12rem;}
.devInfo .devItem4 .devItemMn .lcLine:before{top: -0.25rem;left: -0.12rem;}
.devInfo .devItem5 .devItemMn .lcLine:after{bottom: -0.25rem;left: -0.12rem;}
.devInfo .devItem2 .devItemMn{ top:2.07rem;}
.devInfo .devItem4 .devItemMn{ top:2.48rem;}
.devInfo .devItem2 .devItemMn .lcRight{ top: 2rem;}
.devInfo .devItem3 .devItemMn .lcLeft{margin-top: 0.7rem;}
.devInfo .devItem4 .devItemMn .lcRight{ top: 1.3rem;}

.devInfo .devItemMn .lcDate{ font-size: 0.26rem;color: rgba(37, 163, 135, 1)}
.devInfo .devItemMn .lcRight{ position: absolute; left: 0.6rem; top: 0;}
.devInfo .devItemMn .devText{ width: 3rem;}
.devInfo .devItemMn .devText h3{ font-size: 0.22rem; margin-bottom: 0.1rem; font-weight: 600;}
.devInfo .devItemMn .devText p{ font-size: 0.16rem;}
.devInfo .devItem5 .devItemMn .devText{ width: auto;}
.devInfo .devBtn{ margin-top:1.3rem; border-radius: 50%; width: 0.12rem; height: 0.12rem; text-align: center; line-height: 0.12rem; font-size: 0.26rem; border: 2px solid #adadad; color:#adadad; padding: 0.1rem; background-image: none; }
.devInfo .swiper-button-next.devBtn i{ margin-top: -0.08rem; margin-left: 0.02rem;}
.devInfo .swiper-button-prev.devBtn i{ margin-top: -0.08rem; margin-right: 0.02rem;}
.devInfo .devBtn:hover{ border: 2px solid rgba(37, 163, 135, 1); color:rgba(37, 163, 135, 1); -webkit-transition: all .5s; transition: all .5s;}

/*honor*/
.abHonor{ width:100%; padding:0.5rem 0; background-color: #f2f2f2;}
.horTitle .abTitle{ text-align: center;}
.horTitle .abTitle .tleNameEn{color:rgba(37,163,135,1.00);}

.horMain{ padding: 0.4rem 0;}
.horMain .horItem{ position: relative; width: 100%;height: 0!important; padding-bottom:68%;overflow: hidden; -webkit-box-shadow: 0 0 10px -8px rgba(0,0,0,.5); box-shadow: 0 0 10px -8px rgba(0,0,0,.5); cursor: e-resize;}
.horMain .horItem img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;transition: transform .6s;}
.horMain .horItem:hover img{transform: scale(1.1);}
.horMain .horPagination{ position: relative; width: 100%; height: 100%; padding: 0.1rem 0; text-align: center;}
.horMain .horPagination .swiper-pagination{position: relative;}
.horMain .horPagination .swiper-pagination .swiper-pagination-bullet{background: #727272; margin: 0 0.02rem;}
.horMain .horPagination .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgba(37, 163, 135, 1);}


/* teambuilding */
.abTeamBt{ width:100%; padding:0.5rem 0; background-color: #ffffff;}
.teamTitle .abTitle{ text-align: center;}
.teamTitle .abTitle .tleNameEn{color:rgba(37,163,135,1.00);}

.teamMain{ padding: 0.4rem 0;}
.teamMain .teamItem{ position: relative; width: 100%;height: 0!important; padding-bottom:68%;overflow: hidden; -webkit-box-shadow: 0 0 10px -8px rgba(0,0,0,.5); box-shadow: 0 0 10px -8px rgba(0,0,0,.5); cursor: e-resize;}
.teamMain .teamItem img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%;transition: transform .6s;}
.teamMain .teamItem:hover img{transform: scale(1.1);}


/*effect*/
.masterIcon .iconAni{position: absolute;left:0;top: 0;z-index: -1;width: 100%;height: 100%; animation:rotateZ 30s infinite linear;}
@keyframes rotateZ{
	from {transform:rotateZ(0deg);}
	to {transform: rotateZ(360deg);}
}	
.masterIcon .iconAni span{width:.12rem;height: .12rem;position: absolute; }
.masterIcon .iconAni span:before{content: '';width: 100%;height: 100%;display: block;border-radius: 50%; animation: aniCrl 3s infinite linear; background-color: rgba(37,163,135,1.00);}
.masterIcon .iconAni span:nth-child(1){left: 0;top: 50%; transform: translate(-100%,100%);}
.masterIcon .iconAni span:nth-child(2){left: 0;top: 0; transform: translate(-50%,-100%);}
.masterIcon .iconAni span:nth-child(3){right: 0;top: 0; transform: translate(0,-100%);}
.masterIcon .iconAni span:nth-child(4){right: 0;top: 50%; transform: translate(120%,-100%);}
.masterIcon .iconAni span:nth-child(5){right: 0;top: 50%; transform: translate(100%,100%);}
.masterIcon .iconAni span:nth-child(1):before{animation-delay: 0s;}
.masterIcon .iconAni span:nth-child(2):before{animation-delay: 0.8s;}
.masterIcon .iconAni span:nth-child(3):before{animation-delay: 0.6s;}
.masterIcon .iconAni span:nth-child(4):before{animation-delay: 0.2s;}
.masterIcon .iconAni span:nth-child(5):before{animation-delay: 0.4s;}
@keyframes aniCrl{
 	0% {
 		transform: scale(.1);opacity: 1;
 	}
 	50% {
 		transform: scale(1);opacity: 0;
 	}
 	100% {
 	   transform: scale(.1);opacity: 1;
 	
 	}
}

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: none!important;
        transform: none!important
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: none!important;
        transform: none!important
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}