@media screen and (max-width: 1000px) {
    .province_informationarea .infoleftarea{width:100%;}
    .province_informationarea .inforightarea{width:100%;margin-left:0px;}
    .province_informationarea .infoleftarea .info_titlearea .info_title{font-size: 30px;line-height: 40px;}
}
@media screen and (min-width: 1000px){
    .province_informationarea .infoleftarea{width:55%;}
    .province_informationarea .inforightarea{width:calc(45% - 20px);margin-left:20px;}
    .province_informationarea .infoleftarea .info_titlearea .info_title{font-size: 60px;line-height: 79px;}
}
.province_informationarea{float:left;width:100%;}
.province_informationarea .infoleftarea{float:left;}
.province_informationarea .infoleftarea .info_titlearea{float:left;width:100%;font-weight: bold;color: #3D3D3D;}
.province_informationarea .infoleftarea .info_titlearea .info_title{float:left;text-transform: uppercase;}
.province_informationarea .inforightarea{float:left;}

@media screen and (max-width: 1000px){
    .province_galleryarea_pc{display:none;}
    .province_galleryarea_mo{display:block;}
}
@media screen and (min-width: 1000px){
    .province_galleryarea_pc{display:block;}
    .province_galleryarea_mo{display:none;}
}

@media screen and (max-width: 600px) {
	.province_galleryarea{margin-top:20px;}
	.province_galleryarea .province_gallerylist{width:calc(100% - 10px);padding:20px 5px 20px 5px;}
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.province_galleryarea{margin-top:0px;}
    .province_galleryarea .province_gallerylist{width:100%;padding:45px 0px 45px 0px;margin-left:-30px;}
}
@media screen and (min-width: 1100px){
	.province_galleryarea{margin-top:0px;}
	.province_galleryarea .province_gallerylist{width:100%;padding:90px 0px 90px 0px;margin-left:-30px;}
}
.province_galleryarea{float:left;width:100%;background: #F4F9FF;overflow-x: hidden;}
.province_galleryarea .province_gallerylist{float:left;}



.gallerybox_banner{float:left;width:100%;overflow:hidden;}
.gallerybox_banner ul{float:left;width:100%;margin:0px;padding:0px;}
.gallerybox_banner ul li{float:left;width:100%;margin:0px;padding:0px;}
.gallerybox_banner ol{float:left;width:100%;height:26px;text-align:center;margin:10px 0px 0px 0px;padding:0px;}
.gallerybox_banner ol li{cursor:pointer;display:inline-block;margin:5px;width:50px;height:12px;border-radius: 12px;background-color:#CCC;border:2px solid #CCC;}
.gallerybox_banner ol li:first-child{margin:5px 5px 5px 0px;}
.gallerybox_banner ol li:last-child{margin:5px 0px 5px 5px;}
.gallerybox_banner ol li.on{background-color:#A7332B;border:2px solid #A7332B;}



@media screen and (max-width: 600px) {
	.galleryactionarea{margin-top:8px;}
	.galleryactionarea .btnlistarea{float:left;margin-left:50px;}
	.galleryactionarea .btnlistarea:first-child{margin-left:0px;}
	.galleryactionarea .btnlistarea img{width:28px;height:28px;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.galleryactionarea{margin-top:14px;}
	.galleryactionarea .btnlistarea{float:left;margin-left:50px;}
	.galleryactionarea .btnlistarea:first-child{margin-left:0px;}
	.galleryactionarea .btnlistarea img{width:32px;height:32px;}
	
}
@media screen and (min-width: 1100px){
	.galleryactionarea{margin-top:24px;}
	.galleryactionarea .btnlistarea{float:left;margin-left:50px;}
	.galleryactionarea .btnlistarea:first-child{margin-left:0px;}
	.galleryactionarea .btnlistarea img{width:36px;height:36px;}
	
}
.galleryactionarea{float:right;}
.galleryactionarea .btnlistarea img{float:left;cursor:pointer;}
.galleryactionarea .btnlistarea .img_off{display:block;}
.galleryactionarea .btnlistarea .img_on{display:none;}
.galleryactionarea .btnlistarea:hover .img_off{display:none;}
.galleryactionarea .btnlistarea:hover .img_on{display:block;}



@media screen and (max-width: 600px) {
	.institute_institutionglancearea{padding-top:20px;}
	.institute_institutionglancearea .leftarea{width:100%;font-size: 14px;line-height: 20px;}
	.institute_institutionglancearea .leftarea_ch{width:100%;font-size: 24px;line-height: 26px;}
	.institute_institutionglancearea .rightarea{width:100%;padding:0px 0px 0px 0px;font-size: 16px;line-height: 24px;margin-top:15px;}
	.institute_institutionglancearea .rightarea_ch{width:100%;padding:0px 0px 0px 0px;font-size: 16px;line-height: 24px;margin-top:15px;}
	.institute_institutionglancearea .summaryarea{font-size: 16px;line-height: 24px;margin-top:24px;}
	.institute_institutionglancearea .picturearea{margin-top:20px;}
	.institute_institutionglancearea .picturearea .sublist{width:100%;margin-left:0px;margin-top:10px;}
    .institute_institutionglancearea .picturearea .sublist:first-child{margin-top:0px;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.institute_institutionglancearea{padding-top:40px;}
	.institute_institutionglancearea .leftarea{width:436px;padding-right:20px;font-size: 20px;line-height: 26px;}
	.institute_institutionglancearea .rightarea{width:calc(100% - 436px - 20px - 2px - 36px - 30px);padding:0px 30px 0px 36px;border-left: 2px solid #303030;font-size: 20px;line-height: 34px;}
	.institute_institutionglancearea .summaryarea{font-size: 20px;line-height: 32px;margin-top:66px;}
	.institute_institutionglancearea .picturearea{margin-top:40px;}
	.institute_institutionglancearea .picturearea .sublist{width:calc(50% - 33px);margin-left:33px;}
    .institute_institutionglancearea .picturearea .sublist:nth-child(2n-1){margin-left:0px;}
	
}
@media screen and (min-width: 1100px){
	.institute_institutionglancearea{padding-top:66px;}
	.institute_institutionglancearea .leftarea{width:436px;padding-right:20px;font-size: 20px;line-height: 26px;border-right:2px solid #AAAAAA;}
	.institute_institutionglancearea .rightarea{width:calc(100% - 436px - 20px - 2px - 36px - 30px);margin-left:-2px;padding:0px 30px 0px 36px;border-left: 2px solid #AAAAAA;font-size: 20px;line-height: 34px;}
	.institute_institutionglancearea .summaryarea{font-size: 20px;line-height: 32px;margin-top:66px;}
	.institute_institutionglancearea .picturearea{margin-top:66px;}
	.institute_institutionglancearea .picturearea .sublist{width:calc(50% - 33px);margin-left:33px;}
    .institute_institutionglancearea .picturearea .sublist:nth-child(2n-1){margin-left:0px;}
	
}
.institute_institutionglancearea{position:relative;z-index:2;float:left;width:100%;}
.institute_institutionglancearea .leftarea{float:left;font-weight: 900;color: #2986A4;}
.institute_institutionglancearea .rightarea{float:left;font-weight: 500;color: #080808;}
.institute_institutionglancearea .summaryarea{float:left;width:100%;font-weight: 500;color: #080808;}
.institute_institutionglancearea .picturearea{float:left;width:100%;}
.institute_institutionglancearea .picturearea .sublist{float:left;}
.institute_institutionglancearea .picturearea .sublist .picturebg{float:left;width:100%;height:0px;padding-bottom:66.66%;}



@media screen and (max-width: 600px) {
	.otheruniversitiesarea{margin-top:50px;padding-bottom:0px;}
	.cedunity_universitylist{width:calc(100% - 24px);padding:20px 12px 20px 12px;}
	.cedunity_universitylist .list{width:calc(100%);padding:0px 0px 0px 0px;margin-left:0px;margin-right:0px;margin-top:20px;}
	.cedunity_universitylist .list .contentbox .name{font-size: 16px;line-height:22px;height:66px;margin-top:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.cedunity_universitylist .list .contentbox .summary{font-size: 14px;line-height:18px;height:36px;margin-top:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
	.cedunity_universitylist .list .contentbox .tagarea .tagitem{line-height:16px;padding:5px 8px;margin-right:5px;margin-bottom:3px;}
	.cedunity_universitylist .list .contentbox .tagarea .tagitem:last-child{margin-right:0px;}
	
	.cedunity_universitylist .list .btn_readmore_on{width:calc(100% - 50px - 4px);margin-left:25px;border:2px solid white;border-radius: 40px;height:40px;margin-top:20px;margin-bottom:25px;font-size: 18px;line-height:40px;}
	.cedunity_universitylist .list .btn_readmore_off{width:calc(100% - 50px - 4px);margin-left:25px;border:2px solid #3D3D3D;border-radius: 40px;height:40px;margin-top:20px;margin-bottom:25px;font-size: 18px;line-height:40px;}
	
	.cedunity_universitylist .bottomblankheight{height:0px;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.otheruniversitiesarea{margin-top:50px;padding-bottom:0px;}
	.cedunity_universitylist{width:calc(100% - 24px);padding:42px 12px 50px 12px;}
	.cedunity_universitylist .list{width:calc(33.33% - 20px);padding:0px 0px 0px 0px;margin-left:30px;margin-right:48px;margin-top:0px;}
	.cedunity_universitylist .list .contentbox .name{font-size: 20px;line-height:30px;height:90px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.cedunity_universitylist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
	.cedunity_universitylist .list .contentbox .tagarea .tagitem{line-height:20px;padding:7px 10px;margin-right:8px;margin-bottom:4px;}
	.cedunity_universitylist .list .contentbox .tagarea .tagitem:last-child{margin-right:0px;}
	
	.cedunity_universitylist .list .btn_readmore_on{width:calc(100% - 50px - 4px);margin-left:25px;border:2px solid white;border-radius: 50px;height:50px;margin-top:20px;margin-bottom:25px;font-size: 18px;line-height:50px;}
	.cedunity_universitylist .list .btn_readmore_off{width:calc(100% - 50px - 4px);margin-left:25px;border:2px solid #3D3D3D;border-radius: 50px;height:50px;margin-top:20px;margin-bottom:25px;font-size: 18px;line-height:50px;}
	
	.cedunity_universitylist .bottomblankheight{height:30px;}
	
}
@media screen and (min-width: 1100px){
	.otheruniversitiesarea{margin-top:50px;padding-bottom:0px;}
	.cedunity_universitylist{width:calc(100% - 24px);padding:42px 12px 50px 12px;}
	.cedunity_universitylist .list{width:calc(33.33% - 20px);padding:0px 0px 0px 0px;margin-left:30px;margin-top:0px;}
	.cedunity_universitylist .list:nth-child(3n-2){margin-left:0px;}
	.cedunity_universitylist .list .contentbox .name{font-size: 24px;line-height:32px;height:96px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.cedunity_universitylist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	
	.cedunity_universitylist .list .contentbox .tagarea .tagitem{line-height:20px;padding:7px 10px;margin-right:8px;margin-bottom:5px;}
	.cedunity_universitylist .list .contentbox .tagarea .tagitem:last-child{margin-right:0px;}
	
	.cedunity_universitylist .list .btn_readmore_on{width:calc(100% - 50px - 4px);margin-left:25px;border:2px solid white;border-radius: 50px;height:50px;margin-top:20px;margin-bottom:25px;font-size: 18px;line-height:50px;}
	.cedunity_universitylist .list .btn_readmore_off{width:calc(100% - 50px - 4px);margin-left:25px;border:2px solid #3D3D3D;border-radius: 50px;height:50px;margin-top:20px;margin-bottom:25px;font-size: 18px;line-height:50px;}
	
	.cedunity_universitylist .bottomblankheight{height:50px;}
	
}
.otheruniversitiesarea{float:left;width:100%;background: #F4F9FF;overflow-x: hidden;}

.cedunity_universitylist{float:left;}
.cedunity_universitylist .list{display:none;cursor:pointer;position:relative;float:left;background: #FFFFFF;border-radius: 10px;}
.cedunity_universitylist .list:nth-child(1){display:block;}
.cedunity_universitylist .list:nth-child(2){display:block;}
.cedunity_universitylist .list:nth-child(3){display:block;}
.cedunity_universitylist .list .contentbox{position:relative;float:left;width:100%;}
.cedunity_universitylist .list .contentbox .name{float:left;width:calc(100% - 25px - 25px);padding:0px 25px;font-weight: bold;color: #3D3D3D;}
.cedunity_universitylist .list .contentbox .tagarea{float:left;width:calc(100% - 50px);padding:0px 25px;margin-top:10px;}
.cedunity_universitylist .list .contentbox .tagarea .tagitem{float:left;background: #303C86;color:white;border-radius:4px;}
.cedunity_universitylist .list .contentbox .summary{float:left;width:calc(100% - 25px - 25px);padding:0px 25px;color: #3D3D3D;}
.cedunity_universitylist .list .university_pic{position:relative;float:left;width:100%;height:80px;margin-top:25px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.cedunity_universitylist .list .btn_readmore_on{display:none;float:left;color:white;font-weight:bold;text-align:center;}
.cedunity_universitylist .list .btn_readmore_off{float:left;font-weight:bold;text-align:center;}
.cedunity_universitylist .list:hover{background:#303C86;color:white;}
.cedunity_universitylist .list:hover .btn_readmore_on{display:block;}
.cedunity_universitylist .list:hover .btn_readmore_off{display:none;}
.cedunity_universitylist .list:hover .name{color:white;}
.cedunity_universitylist .list:hover .summary{color:white;}
.cedunity_universitylist .list:hover .contentbox .tagarea .tagitem{background: white;color: #3D3D3D;}
.cedunity_universitylist .list:hover .university_pic img{filter: grayscale(100%) brightness(0%) invert(100%);-webkit-filter: grayscale(100%) brightness(0%) invert(100%);}

.cedunity_universitylist .bottomblankheight{float:left;width:100%;}


@media screen and (max-width: 600px) {
	.provincearea{margin-top:0px;}
	.institute_provincelist{width:100%;padding:0px 0px 30px 0px;}
	.institute_provincelist .list{width:calc(100%);padding:0px 0px 0px 0px;margin-left:0px;margin-right:0px;margin-top:20px;}
	.institute_provincelist .list .contentbox .name{font-size: 18px;line-height:22px;height:22px;margin-top:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.institute_provincelist .list .contentbox .summary{font-size: 14px;line-height:18px;height:36px;margin-top:15px;margin-bottom:15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.institute_provincelist .list:hover{width:calc(100% - 4px);border:2px solid #A7332B;}
	
}
@media screen and (min-width: 600px) and (max-width: 1100px){
	.provincearea{margin-top:0px;}
	.institute_provincelist{width:100%;padding:50px 0px 50px 0px;}
	.institute_provincelist .list{width:calc(33.33% - 20px);padding:0px 0px 0px 0px;margin-left:30px;margin-bottom:30px;margin-top:0px;}
	.institute_provincelist .list .contentbox .name{font-size: 20px;line-height:30px;height:30px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.institute_provincelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.institute_provincelist .list:hover{width:calc(100% - 4px);border:2px solid #A7332B;}
	
}
@media screen and (min-width: 1100px){
	.provincearea{margin-top:0px;}
	.institute_provincelist{width:100%;padding:50px 0px 50px 0px;}
	.institute_provincelist .list{width:calc(25% - 21px);padding:0px 0px 0px 0px;margin-left:28px;margin-bottom:28px;margin-top:0px;}
	.institute_provincelist .list:nth-child(4n-3){margin-left:0px;}
	.institute_provincelist .list .contentbox .name{font-size: 22px;line-height:30px;height:30px;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.institute_provincelist .list .contentbox .summary{font-size: 16px;line-height:24px;height:48px;margin-top:20px;margin-bottom:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.institute_provincelist .list:hover{width:calc(25% - 21px - 4px);border:2px solid #A7332B;}
	
}
.provincearea{float:left;width:100%;background: #F1F3F4;overflow-x: hidden;}

.institute_provincelist{float:left;}
.institute_provincelist .list{display:none;cursor:pointer;position:relative;float:left;background: #FFFFFF;border-radius: 12px;}
.institute_provincelist .list:nth-child(1){display:block;}
.institute_provincelist .list:nth-child(2){display:block;}
.institute_provincelist .list:nth-child(3){display:block;}
.institute_provincelist .list:nth-child(4){display:block;}
.institute_provincelist .list .contentbox{position:relative;float:left;width:100%;}
.institute_provincelist .list .contentbox .name{float:left;width:calc(100% - 25px);padding-left:25px;font-weight: bold;color: #3D3D3D;}
.institute_provincelist .list .contentbox .featurelist{float:left;width:calc(100% - 25px);padding-left:25px;font-size: 16px;line-height:24px;height:48px;margin-top:5px;margin-bottom:0px;overflow:hidden;}
.institute_provincelist .list .contentbox .featurelist:last-child{margin-bottom:10px;}
.institute_provincelist .list .contentbox .featurelist img{float:left;width:28px;height:28px;}
.institute_provincelist .list .contentbox .featurelist span{float:left;}
.institute_provincelist .list .province_pic{position:relative;float:left;width:100%;height:0px;padding-bottom:100%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.institute_provincelist .list .province_pic_info{display:none;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:rgba(48, 60, 134, 0.3);border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.institute_provincelist .list:hover .name{color:#A7332B;}
.institute_provincelist .list:hover .province_pic_info{display:block;}
