/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; 
                                                                                     list-style:none;font-family: normal;}
body{ font-size:14px;color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
/*em {
  font-style: normal;
}*/
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,textarea,select{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 1200px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#2a62ac;
	--font-color:#666;
	--main-white:#fff;
}





/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* 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;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


.topbox{width: 100%;margin: 0 auto;padding: 15px 0;}
.top{width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.top_left{display: flex;align-items: center;}
.top_right{display: flex;}
.top_left .logo{max-width: 150px;}
.top_left .logo img{max-width: 100%;width: auto;max-height: 80px;}

.top_left .textbox{margin-left: 20px;}
.top_left .textbox h1{font-size: 28px;color: #333;font-weight: bold;}
.top_left .textbox h3{font-size: 16px;color: #808080;}


.top_right .lan a{font-size: 14px;color: #808080;}
.top_right .lan span{font-size: 14px;margin: 0 5px;color: #808080;}

.top_right .ph{color:#003399;font-size: 14px;margin-left: 15px;}
.top_right .ph a{color:#003399;}
.top_right .ph i{font-size: 20px;}


/* 导航 */
.headerbox{
	width: 100%;
	margin:  0 auto;
	height: 50px;
	background-color: #6a2575;
}
.headerbox .header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
}
.headerbox .header .menu{width: 100%;}
.headerbox .header .menu ul{display: flex;align-items: center;width: 100%;}
.headerbox .header .menu ul li{
	position: relative;
	width: 11.1%;
	text-align: center;
}
.headerbox .header .menu ul li.curr,.headerbox .header .menu ul li:hover{background-color: #9781a8;}
.headerbox .header .menu ul li a{
	font-size: 16px;
    color: #fff;
	padding: 15px;
	display: block;
    position: relative;
    text-decoration: none;
}

.headerbox .header .menu ul li .sub_menu{
	min-width: 100%;
    position: absolute;
    top: 140%;
    left: 0%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.headerbox .header .menu ul li:hover > dl {
    opacity: 1;
    visibility: visible;
    top: 100%;
	
}

.headerbox .header .menu ul li dd {
    position: relative;
    display: block;
	text-align: center;
	transition: all 400ms ease;
}
.headerbox .header .menu dl dd>.three_menu{
	min-width: 100%;
    position: absolute;
    left: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.headerbox .header .menu dl dd:hover>.three_menu {
    opacity: 1;
    visibility: visible;
    top: 0px;	
}
.headerbox .header .menu ul li dl dd a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    text-align: left;
    display: block;
	padding: 10px;
    position: relative;
    text-decoration: none;
    outline: none;
	text-align: center;
    text-transform: none;
    transition: all 400ms ease;
    border-bottom: 1px solid #f4f4f4;
}
.headerbox .header .menu ul li dl dd:hover{
    background-color: #9781a8;
}
.headerbox .header .menu ul li dl dd:hover>a{color: #fff;}






/* bannerbox */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}

.bannerbox .mySwiper1 .prev_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: rgba(0,0,0,.1);
}
.bannerbox .mySwiper1 .next_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: rgba(0,0,0,.1);
}

.bannerbox .mySwiper1 .swiper-pagination-bullet {
	font-size: 0px;
	width: 14px;
    height: 14px;
    overflow: hidden;
    -webkit-transition: border-color 350ms ease;
    -moz-transition: border-color 350ms ease;
    -o-transition: border-color 350ms ease;
    -ms-transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    background-color: rgba(0,0,0,0.2);
}
.bannerbox .mySwiper1 .swiper-pagination-bullet-active{
	background: var(--primary-color);
    width: 28px;
    border-radius: 20px;
}

.pd50{padding: 20px 0;}
/* footer */
.footerbox{width: 100%;margin: 0 auto;background-color: #4d4d4d;}
.footer{width: 100%;margin: 0 auto;font-size: 13px;color: #b3b3b3;line-height: 36px;text-align: center;}

.footer a{color: #b3b3b3;margin: 0 10px;}
.footer a:hover{color: #9781a8;}

/* 通用内页 */
.inbannerbox{
	position: relative;
	width: 100%;
	margin: 0 auto;
  
}
.insidebox{
	width: 100%;
	margin: 0 auto;
  min-height: 700px;
}
.insidebox .inside{
	width: 100%;
	box-sizing: border-box;
}


.s_menubox{width: 100%;margin: 0 auto;}
.s_menu{width: 100%;margin: 0 auto;}
.s_menu span{font-size: 16px;color: #808080;}
.s_menu a{font-size: 16px;color: #808080;padding: 0 5px;}



/* ================首页样式============== */
.index1box{width: 100%;margin: 0 auto;}
.index1{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.index1_left{width: 30%;font-size: 0;}
.index1_right{width: 70%;}
.index1_left img{max-height: 280px;}
.index1_right h1{margin-bottom: 5px;}
.index1_right h1 a{font-size: 24px;color: #333;font-weight: bold;}
.index1_right h3{font-size: 16px;color: #808080;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index1_right .desc{margin-top: 20px;}
.index1_right .desc a{font-size: 16px;color: #808080;}
.index1_right .desc a:hover{color: #9781a8;}



.index2box{width: 100%;margin: 0 auto;background-color: #fafafa;}
.index2{width: 100%;margin: 0 auto;}

.main_title{width: 100%;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e3e3e3;line-height: 40px;}
.main_title h3{font-size: 22px;color: #6a2575;font-weight: bold;}
.main_title a{font-size: 16px;color: #808080;}

.index2_content{width: 100%;margin: 0 auto;}
.index2_content .desc{margin: 20px 0 10px 0;}
.index2_content .desc p{font-size: 16px;color: #808080;}




.index3box{width: 100%;margin: 0 auto;}
.index3{width: 100%;margin: 0 auto;}

.index3_content{width: 100%;margin: 0 auto;padding: 20px 0;}
.index3_content ul{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.index3_content ul:after{content: "";width: 1px;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #e3e3e3;}
.index3_content ul li{width: 49%;margin-bottom: 10px;}
.index3_content ul li a{font-size: 16px;color: #808080;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index3_content ul li a:hover{color: #9781a8;}



.index4box{width: 100%;margin: 0 auto;background-color: #fafafa;}
.index4{width: 100%;margin: 0  auto;}

.index4_content{width: 100%;margin: 0 auto;padding: 20px 0;}
.index4_content ul{display: flex;flex-wrap: wrap;}
.index4_content ul li{width: 23.5%;margin-right: 2%;margin-bottom: 20px;}
.index4_content ul li:nth-child(4n){margin-right: 0;}
.index4_content ul li a{display: block;width: 100%;}
.index4_content ul li a .imgbox{width: 100%;font-size: 0;}
.index4_content ul li a .imgbox img{width: 100%;}
.index4_content ul li a .textbox{width: 100%;}
.index4_content ul li a .textbox p{font-size: 16px;color: #333;line-height: 26px;}



.index5box{width: 100%;margin: 0 auto;}
.index5{width: 100%;margin: 0  auto;}


.index5_content{width: 100%;margin: 0 auto;padding: 20px 0;}
.index5_content ul{display: flex;flex-wrap: wrap;}
.index5_content ul li{width: 33.33%;border-right: 1px solid #e3e3e3;padding-left: 15px;}
.index5_content ul li:nth-child(3n){border-right: 0;}
.index5_content ul li a{font-size: 16px;color: #808080;line-height: 30px;}



.index6box{width: 100%;margin: 0 auto;margin-bottom: 20px;}
.index6{width: 100%;margin: 0  auto;text-align: right;background-color: #fafafa;padding: 20px 0;}
.index6 p{font-size: 14px;color: #808080;}
.index6 p span{font-size: 18px;color: red;}



/* ================组员样式============== */
.crew1box{width: 100%;margin: 0 auto;}
.crew1{width: 100%;margin: 0 auto;}

.crew1_content{padding: 20px 0;border-bottom: 1px solid #e3e3e3;width: 100%;margin: 0 auto;}
.crew1_content ul li{width: 100%;padding: 20px 0;border-bottom: 1px solid #e3e3e3;}
.crew1_content ul li:last-child{border-bottom: 0;}
.crew1_content ul li a{display: flex;width: 100%;}

.crew1_content ul li a .imgbox{width: 140px;font-size: 0;}
.crew1_content ul li a .imgbox img{width: 140px;height: 140px;border-radius: 100%;border: 2px solid #ff6600;}
.crew1_content ul li a .textbox{padding-left: 30px;}
.crew1_content ul li a .textbox h3{font-size: 24px;color: #333;font-weight: bold;}
.crew1_content ul li a .textbox h3 span{margin-left: 50px;font-size: 16px;color: #808080;}
.crew1_content ul li a .textbox h3:hover{color: #9781a8;}
.crew1_content ul li a .textbox .desc{margin-top: 5px;width: 100%;}
.crew1_content ul li a .textbox .desc p{font-size: 16px;color: #808080;line-height: 26px;}
/* .crew1_content ul li a .textbox .desc p{color: #808080;} */
.crew1_content ul li a .textbox .desc p span{font-weight: bold;}
.crew1_content ul li a .textbox .desc p:hover{color: #9781a8;}
.crew1_content ul li a .textbox .desc p:hover span{color: #808080;}


.crew2box{width: 100%;margin: 0 auto;}
.crew2{width: 100%;margin: 0 auto;}

.crew2_content{width: 100%;margin: 0 auto;padding: 20px 0;}
.crew2_content ul{display: flex;flex-wrap: wrap;}
.crew2_content ul li{width: 20%;margin-bottom: 20px;}
.crew2_content ul li a{display: block;width: 100%;}
.crew2_content ul li a .imgbox{width: 100%;font-size: 0;display: flex;align-items: center;justify-content: center;}
.crew2_content ul li a .imgbox img{width: 140px;height: 140px;border-radius: 100%;border: 2px solid #ff6600;}
.crew2_content ul li a .textbox{width: 100%;text-align: center;}
.crew2_content ul li a .textbox h3{font-size: 24px;color: #1C87EA;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crew2_content ul li a .textbox p{font-size: 16px;color: #808080;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.crew3box{width: 100%;margin: 0 auto;}
.crew3{width: 100%;margin: 0 auto;}
.crew3_content{width: 100%;margin: 0 auto;padding: 20px 0;}
.crew3_content ul{display: flex;flex-wrap: wrap;}
.crew3_content ul li{width: 20%;margin-bottom: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.crew3_content ul li a{font-size: 16px;color: #808080;}
.crew3_content ul li span{font-size: 14px;color: #b3b3b3;}



/* ================组员详情样式============== */
.c_detail1box{width: 100%;margin: 0 auto;}
.c_detail1{width: 100%;margin: 0 auto;}
.c_top{width: 100%;display: flex;padding: 20px 0;border-bottom: 1px solid #e3e3e3;}
.c_top .imgbox{width: 140px;font-size: 0;}
.c_top .imgbox img{width: 140px;height: 140px;border-radius: 100%;border: 2px solid #ff6600;}
.c_top .textbox{padding-left: 30px;}
.c_top .textbox h3{font-size: 24px;color: #333;font-weight: bold;}
.c_top .textbox p{font-size: 16px;color: #808080;}
.c_top .textbox p span{margin-right: 20px;}

.c_detail1_content{width: 100%;margin: 0 auto;padding: 20px 0;}
.c_detail1_content h3{font-size: 18px;color: #000;margin-bottom: 10px;font-weight: bold;}
.c_detail1_content p{margin-bottom: 10px;font-size: 16px;color: #333;}




.achivementbox{width: 100%;margin: 0 auto;}
.achivement{width: 100%;margin: 0 auto;}
.achivement .title{width: 100%;line-height: 40px;border-bottom: 1px solid #e3e3e3;}
.achivement .title h1{font-size: 22px;color: #6a2575;font-weight: bold;}
.achivement .item{width: 100%;margin-bottom: 20px;padding: 15px 0;}
.achivement .item h1{font-size: 32px;color: #000;font-weight: bold;margin-bottom: 10px;}
.achivement .item h3{font-size: 24px;color: #e36c09;font-weight: bold;margin-bottom: 10px;}
.achivement .item h2 a{color: #00b0f0;font-size: 24px;font-weight: bold;}
.achivement .item .desc p{font-size: 16px;color: #000;margin-bottom: 10px;}
.achivement .item .desc span{display: block;margin-bottom: 10px;font-size: 16px;color: #000;font-style: italic;}
.achivement .item .desc .imgbox{width: 100%;margin-bottom: 10px;}
.achivement .item .desc .imgbox img{max-width: 100%;width: auto;}