@charset "utf-8";

/* public css */
@font-face {
    font-family: STYuanti;
    /*src: url("../font/STYuanti-SC-Light.ttf");*/
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.115rem;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 0.13rem;
    height: 0.13rem;
    display: inline-block;
    border-radius: 0.15rem;
    background: rgb(191, 191, 191);
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: rgb(152, 152, 152);
    width: 0.28rem;
    height: 0.13rem;
    opacity: 1;
}

/* public css */

/* content */

.header-swiper .swiper-container {
    width: 100%;
    height: 6.7rem;
}

.header-swiper .swiper-pic {
    width: 100%;
    height: 6.7rem;
}

/* sy_module1 */
.sy_module1 {
    width: 100%;
    height: 9.38rem;
    background-repeat: no-repeat;
    background-size: 100%;
	background-image: url(/static/images/module1_bg.png);
}

.sy_nav {
    width: 8.7rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    border-radius: 0.15rem;
    overflow: hidden;
    position: relative;
    top: -0.84rem;
    z-index: 2;
    background-color: #4390CA;
}

.sy_nav .sy_item {
    width: calc(2.9rem - 0.46rem);
    padding: 0 0.23rem;
}
.sy-item-box{
    height: 2.23rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 0;
    border-bottom: 1px solid #aecde4;
    box-sizing: border-box;
}
.sy_item:nth-child(n+4) .sy-item-box{
	border: none;
}
.sy_nav .sy_item_icon {
    width: 0.51rem;
    height: 0.41rem;
    margin-top: 0.3rem;
}

.sy_nav .sy_item_name {
    font-size: 0.42rem;
    font-family: STYuanti;
    font-weight: bold;
    color: #ffffff;
    /*line-height: 0.42rem;*/
	margin-top: 0.15rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.sy_nav .sy_item_enname {
    width: 2rem;
	margin-top: 0.1rem;
    margin-bottom: 0.2rem;
}

.sy_nav .sy_nav_line {
    width: 8.22rem;
    height: 0.02rem;
    position: absolute;
    top: 50%;
    left: 0.23rem;
}

.sy_expert {
    margin-top: 0.22rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sy_expert .sy_title {
    width: 8.65rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sy_expert .sy_tit_left .expert_tit_bg {
    width: 2.98rem;
    height: 0.39rem;
}

.sy_expert .sy_tit_right .more-icon {
    width: 0.91rem;
    height: 0.24rem;
}

#expertSwiper {
    width: 100%;
    height: auto;
}

.expert-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.5rem;
}

.expert-item .expert-item-li {
    position: relative;
	display: inherit;
    margin: 1rem 0;
}
.expert-item .expert-item-li:nth-child(n+2){
    margin-top: 0.5rem;
}
.expert-item-avatar {
    width: 2.9rem;
    height: 2.9rem;
    position: absolute;
    top: -0.37rem;
    left: 0.32rem;
    box-shadow: 0 0 0.2rem 0 rgba(17, 50, 68, 0.12);
	border-radius: 0.1rem;
}

.expert-item-info {
    width: calc(9.4rem - 4rem);
    height: 2.16rem;
    background-color: #ffffff;
    border-radius: 0.15rem;
    overflow: hidden;
    padding-left: 4rem;
    box-shadow: 0 0 0.2rem 0 rgba(17, 50, 68, 0.12);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.expert-item-more {
    width: 1.98rem;
    height: 0.37rem;
    position: absolute;
    bottom: -0.13rem;
    right: -0.28rem;
}

.expert-item-header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.expert-item-name {
    font-size: 0.34rem;
    font-family: STYuanti;
    font-weight: bold;
    color: #4390CA;
    line-height: 0.43rem;
}

.expert-item-position {
    font-size: 0.26rem;
    height: 0.35rem;
    line-height: 0.35rem;
    font-family: STYuanti;
    font-weight: 400;
    color: #4390CA;
    padding: 0 0.1rem;
    border-radius: 0.1rem;
    border: 0.015rem solid #4390CA;
    margin-left: 0.26rem;
    box-sizing: border-box;
}

.expert-item-intro {
    width: 100%;
    font-size: 0.32rem;
    font-weight: 300;
    color: #90C1E0;
    margin-top: 0.2rem;
    line-height: 0.48rem;
}
.sy_expert>.swiper-container>.swiper-pagination{
	bottom: 0.6rem;
}

.sy_expert>.more_icon{
	margin-top: -0.5rem;
	z-index: 3;
}
.more_icon img{
    margin: 0 auto;
}
.sy_featured_unit>.swiper-container>.swiper-pagination{
	bottom: 0.1rem;
}
/* sy_featured_unit */
.sy_featured_unit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
	padding: 0.24rem 0 0.32rem;
}

.sy_featured_unit .sy_title {
    width: 8.65rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0.68rem;
}

.sy_featured_unit .sy_tit_left .tit_bg {
    width: 3.1rem;
    height: 0.4rem;
}

.sy_featured_unit .sy_tit_right .more-icon {
    width: 0.91rem;
    height: 0.24rem;
}

#featuredtSwiper {
    width: calc(100% - 1.9rem);
    height: auto;
    margin: 0 auto;
}
.featured_unit-ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0.32rem 0.2rem 0.88rem;
}

.featured_unit-ul .featured_unit-li {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.1rem;
	justify-content: space-around;
	box-sizing: border-box;
}

.featured_unit-ul .featured_unit-li:nth-child(1) {
    background-color: #63A2D3;
}

.featured_unit-ul .featured_unit-li:nth-child(2) {
    background-color: #4390CA;
}

.featured_unit-ul .featured_unit-li:nth-child(3) {
    background-color: #2480C2;
}

.featured_unit-ul .featured_unit-enname {
    font-size: 0.26rem;
    font-family: STYuanti;
    font-weight: 300;
    color: #90C1E0;
    line-height: 0.28rem;
    text-align: center;
}

.featured_unit-ul .featured_unit-icon {
    width: 0.92rem;
    height: 0.75rem;
}

.featured_unit-ul .featured_unit-name {
    font-size: 0.44rem;
    font-family: STYuanti;
    font-weight: bold;
    color: #ffffff;
}

/* sy_module2 */
.sy_module2 {
    background-color: #F1F9FC;
}

.sy_women {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding-top: 0.8rem;
}
.sy_women .sy-nav-et{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#womenSwiper {
    width: 100%;
    height: 4.21rem;
    padding: 0.46rem 0 1.8rem;
}

#womenSwiper .swiper-pic {
    border-radius: 0.15rem;
}
.sy_women>.more_icon{
	margin-top: 0rem;
	z-index: 3;
}

.sy_west_china {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 0.75rem 0 0.6rem;
}

#westSwiper {
    width: 8.77rem;
    height: 4.5rem;
    margin: 0.5rem 0 0;
}

#westSwiper .swiper-pic {
    width: 8.77rem;
    height: 4rem;
}

/* sy_news */
.sy_news {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #ffffff;
    height: 4.6rem;
    padding: 0 1.06rem;
}

.sy_news .sy_title {
    display: flex;
    flex-direction: column;
}

.sy_news .tit_bg {
    width: 1.96rem;
    height: 1.38rem;
}

.sy_news .more_icon {
    margin-top: 0.3rem;
}

.sy_news_ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;   
	padding: 0.5rem 0;
}

.sy_news_ul a:nth-child(3){ border:none}

.sy_news_li {
    width: 2.5rem;
	border-right: #979797 solid 1px;   
	padding:0 0.25rem;
}

.sy_news_icon {
    width: 100%;
	height: 1.6rem;
}

.sy_news_title {
    font-size: 0.31rem;
    font-family: STYuanti;
    font-weight: 400;
    color: #979797;
    line-height: 0.43rem;
    
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sy_news_sortitle {
    font-size: 0.21rem;
    font-family: STYuanti;
    font-weight: 400;
    color: #979797;
    line-height: 0.3rem;
    
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}


.sy_news_more_icon {
    width: 1rem;
    
    margin: 0.25rem 0;
}