/*-------The style directory
 * 1.newsList
 * 2.newsDetails
 * 3.noticeList
 * 4.research
 * 5.strength
 * 6.about
 * 7.leadership
 --------*/
/*1.newsList*/
.second-banner{
	position: relative;
	width: 100%;
	background-color: darkgreen;
}
.second-banner img{
	display: block;
	width: 100%;
}
.second-banner h2.title{
	position: absolute;
	top: 50%;
	left: 15px;
	font-family: "RobotoBold";
	height: 30px;
	line-height: 30px;
	font-size: 17px;
	margin-top: -15px;
	color: #fff;
	text-transform: uppercase;
}
.NewsList-view-area{
	position: relative;
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.NewsList-view-area .conbox{
	width: 100%;
}
.NewsList-view-area .conbox ul.NewsList-ul{
	width: 100%;
}
.NewsList-view-area .conbox ul.NewsList-ul li{
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #fff;
}
.NewsList-view-area .conbox ul.NewsList-ul li:last-child{
	margin-bottom: 0;
}
.NewsList-view-area ul.NewsList-ul li .ftimg{
	float: left;
	width: 105px;
	margin-right: 10px;
}
.NewsList-view-area ul.NewsList-ul li .ftimg img{
	display: block;
	width: 100%;
}
.NewsList-view-area ul.NewsList-ul li .rttext{
	float: left;
	width: calc(100% - 115px);
}

.NewsList-view-area ul.NewsList-ul li .rttext h3{
	font-family: 'RobotoBold';
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 10px;
}
.NewsList-view-area ul.NewsList-ul li .rttext h3 a{
	color: #333333;
}
.NewsList-view-area ul.NewsList-ul li .rttext .time{
	width: 100%;
}
.NewsList-view-area ul.NewsList-ul li .rttext .time img{
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.NewsList-view-area ul.NewsList-ul li .rttext .time span{	
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	color: #CCCCCC;
}
/*2.newsDetails*/
.NewsDetails-view-area{
	position: relative;
}
.NewsDetails-view-area .conbox{
	width: 100%;
}
.NewsDetails-view-area .conbox .title{
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.NewsDetails-view-area .title h2{
	font-family: "RobotoBold";
	font-size:15px;
	line-height: 24px;
	color: #003F88;
	margin-bottom: 5px;
}
.NewsDetails-view-area .title .infos{
	width: 100%;
}
.NewsDetails-view-area .title .infos span{
	font-size: 14px;
	line-height: 20px;
	color: #CCCCCC;
}
.NewsDetails-view-area .conbox p{
	padding: 15px;
	font-size: 15px;
	line-height: 24px;
	color: #666666;
}
.NewsDetails-view-area .conbox figure{
	width: 100%;
}
.NewsDetails-view-area .conbox figure img{
	display: block;
	width: 100%;
}
.NewsDetails-view-area .conbox img{
	display: block;
	max-width: 100%;
}
/*3.noticeList*/
.NoticeList-view-area{
	position: relative;
	width: 100%;
	padding: 15px 15px 1px;
	background-color: #f5f5f5;
}
.NoticeList-view-area .conbox{
	width: 100%;
}
.NoticeList-view-area .NewsList-ul{
	position: relative;
	width: 100%;
}
.NoticeList-view-area .NewsList-ul li{
	float: left;
	width: 48%;
	margin-bottom: 15px;
	margin-right: 2%;
}
.NoticeList-view-area .NewsList-ul li:nth-child(2n){
	margin-right: 0;
	margin-left: 2%;
}
.NoticeList-view-area .NewsList-ul:after{
	content: '';
	display: block;
	clear: both;
}
.NoticeList-view-area .NewsList-ul li .ftimg{
	width: 100%;
}
.NoticeList-view-area .NewsList-ul li .ftimg img{
	display: block;
	width: 100%;
        height:275px;
}
.NoticeList-view-area .NewsList-ul li .rttext{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.NoticeList-view-area .NewsList-ul li .rttext h3{
	font-family: 'RobotoBold';
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 5px;
}
.NoticeList-view-area .NewsList-ul li .rttext h3 a{
	color: #333333;
}
.NoticeList-view-area .NewsList-ul li .rttext .infos span{
	display: block;
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}
/*4.research*/
.Research-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.Research-view-area .conbox{
	width: 100%;
}
.Research-view-area .conbox .first{
	padding: 15px;
}
.Research-view-area .conbox .first p{
	background-color: #fff;
	font-size: 15px;
	line-height: 22px;
	color: #666666;
	padding: 10px;
}
.Research-view-area .conbox .second{
	width: 100%;
	padding: 0 15px 1px;
}
.Research-view-area .conbox .second .title{
	width: 100%;
	margin-bottom: 5px;
}
.Research-view-area .conbox .second .title h3{
	font-family: "RobotoBold";
	float: left;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	color: #003F88;
	text-transform: uppercase;
}
.Research-view-area .conbox .second .title a.view-more{
	float: right;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	color: #003F88;
}
.Research-view-area .conbox .second ul.discover-ul{
	width: 100%;
}
.Research-view-area .conbox .second ul.discover-ul li.list{
	width: 100%;
	margin-bottom: 15px;
}
.Research-view-area .second ul.discover-ul li.list .imgs{
	width: 100%;
}
.Research-view-area .second ul.discover-ul li.list .imgs img{
	display: block;
	width: 100%;
}
.Research-view-area .second ul.discover-ul li.list .texts{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.Research-view-area .second ul.discover-ul li.list .texts h3{
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #003F88;
	margin-bottom: 5px;	
}
.Research-view-area .second ul.discover-ul li.list .texts h3 a{
	color: #003F88;
}
.Research-view-area .second ul.discover-ul li.list .texts span.infos{
	display: block;
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #CCCCCC;
}
.Research-view-area .second ul.discover-ul li.list .texts span.infos img{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
}
.Research-view-area .thred{
	width: 100%;
	padding: 0 15px;
	background-color: #f5f5f5;
}
.Research-view-area .thred h3{
	font-family: "RobotoBold";
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    color: #003F88;
    text-transform: uppercase;
}
.Research-view-area .thred .drop-menu{
	width: 100%;
	padding: 10px;
	margin-top: 5px;
	background-color: #fff;
}
.Research-view-area .thred .drop-menu h4{
	font-family: "RobotoBold";
	float: left;
	font-size: 15px;
	height: 24px;
	line-height: 24px;
	color: #004098;
}
.Research-view-area .thred .drop-menu i.fa-angle-down{
	float: right;
	font-size: 22px;
	height: 24px;
	line-height: 24px;
	color: #004098;
}
.Research-view-area .thred .drop-menu i.fa-angle-up{
	float: right;
	font-size: 22px;
	height: 24px;
	line-height: 24px;
	color: #004098;
}
.Research-view-area .thred ul.Departments-ul{
	position: relative;
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	background-color: #fff;
}
.Research-view-area .thred ul.Departments-ul li{
	position: relative;
	float: left;
	width: 60%;
	/*height: 24px;*/
	line-height: 24px;
	font-size: 13px;
	padding-left: 10px;
	color: #333;
}
.Research-view-area .thred ul.Departments-ul li:nth-child(2n){
	width: 40%;
}
.Research-view-area .thred ul.Departments-ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	width: 4px;
	height: 4px;
	background-color: #004098;
}
.Research-view-area .thred ul.Departments-ul:after{
	content: '';
	display: block;
	clear: both;
}
.Research-view-area .thred ul.Digital-ul{
	position: relative;
	width: 100%;
	padding: 15px 0 0;
}
.Research-view-area .thred ul.Digital-ul li{
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 10px;
}
.Research-view-area .thred ul.Digital-ul li .imgs{
	width: 60px;
	height: 60px;
	margin: 0 auto 5px;
}
.Research-view-area .thred ul.Digital-ul li .imgs img{
	display: block;
	width: 100%;
}
.Research-view-area .thred ul.Digital-ul li h4{
	font-family: "RobotoBold";
	font-size: 15px;
	color: #004098;
	height: 24px;
	line-height: 24px;
}
.Research-view-area .thred ul.Digital-ul li p{
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}
.Research-view-area .thred ul.Digital-ul:after{
	content: '';
	display: block;
	clear: both;
}
.Research-view-area .four{
	background-color: #fff;
}
.Research-view-area .four .imgs{
	float: left;
	width: 125px;
	height: 150px;
}
.Research-view-area .four .imgs img{
	display: block;
	width: 100%;
}
.Research-view-area .four .texts{
	float: left;
	padding-left: 15px;
	width: calc(100% - 125px);
}
.Research-view-area .four .texts h2{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #004098;
	padding-top: 10px;
	margin-bottom: 10px;
}
.Research-view-area .four .texts .listbox{
	position: relative;
	width: 100%;
}
.Research-view-area .four .texts .listbox .list{
	position: relative;
	font-family: "RobotoBold";
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	color: #333;
	padding-left: 15px;
}
.Research-view-area .four .texts .listbox .list:before{
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	width: 10px;
	height: 10px;
	border: solid 1px #004098;
	border-radius: 5px;
}
.Research-view-area .four .texts .listbox .list:after{
	content: '';
	position: absolute;
	left: 2px;
	top: 12px;
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: #004098;
}
.Research-view-area .five{
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.Research-view-area .five h3{
	    font-family: "RobotoBold";
    font-size: 17px;
    color: #004098;
    padding-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.Research-view-area .five p{
	font-size: 13px;
	line-height: 24px;
	text-align: center;
    color: #555;
    margin-bottom: 10px;
}
.Research-view-area .five ul li{
	margin-bottom: 10px;
}
.Research-view-area .five ul li a{
	display: block;
	position: relative;
}
.Research-view-area .five ul li a img{
	display: block;
	width: 100%;
}
.Research-view-area .five ul li a span{
	position: absolute;
	left: 0;
	bottom: 0;
	 font-family: "RobotoBold";
	width: 100%;
	padding: 10px;
	font-size:15px;
	color: #fff;
	z-index: 9;
}
.Research-view-area .six{
	width: 100%;
	padding:0 15px 1px;
	background-color: #f5f5f5;
}
.Research-view-area .six h2{
	font-family: "RobotoBold";
    font-size: 18px;
    color: #003F88;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.Research-view-area .six ul{
	width: 100%;
}
.Research-view-area .six ul li{
	position: relative;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #fff;
}
.Research-view-area .six ul li .imgs{
	float: left;
	width: 65px;
	height: 65px;
	margin-right: 15px;
} 
.Research-view-area .six ul li .imgs img{
	display: block;
	width: 100%;
}
.Research-view-area .six ul li .texts{
	float: left;
	width: calc(100% - 110px);
}
.Research-view-area .six ul li .texts h3{
	    font-family: "RobotoBold";
    font-size: 15px;
    line-height: 24px;
    color: #333;
    margin-bottom: 5px;
}
.Research-view-area .six ul li .texts h3 a{
	color: #333;
}
.Research-view-area .six ul li .texts p{
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
    color: #666;
    overflow: hidden;
}
.Research-view-area .six ul li a.enter{
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 20px;
}
.Research-view-area .six ul li a.enter img{
	display: block;
	width: 100%;
}
.Research-view-area .six ul li:after{
	content: '';
	display: block;
	clear: both;
}
@media only screen and (min-width: 300px) and (max-width: 370px) {
	.Research-view-area .four .texts .listbox .list {
	    font-size: 13px;
	    height: auto; 
	    line-height: 22px;
	}
	.Research-view-area .four .texts .listbox .list:before {
	    top: 6px;
	}
	.Research-view-area .four .texts .listbox .list:after {
	    top: 8px;
	}
}
/*5.strength*/
.Strength-view-area{
	position: relative;
	width: 100%;
	padding: 15px 15px 1px;
	background-color: #f5f5f5;
}
.Strength-view-area ul.strength-ul-1{
	width: 100%;
}
.Strength-view-area ul.strength-ul-1 li{
	width: 100%;
	margin-bottom: 15px;
}
.Strength-view-area ul.strength-ul-1 li .imgs{
	width: 100%;
}
.Strength-view-area ul.strength-ul-1 li .imgs img{
	display: block;
	width: 100%;
}
.Strength-view-area ul.strength-ul-1 li .texts{
	width: 100%;
	padding: 10px;
	background-color: #fff;
	border-bottom: solid 4px #003F88;
}
.Strength-view-area ul.strength-ul-1 li h3{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #003F88;
	margin-bottom: 5px;
}
.Strength-view-area ul.strength-ul-1 li p{
	font-size: 13px;
	line-height: 24px;
	color: #666666;
}
/*6.about*/
.About-view-area{
	position: relative;
	background-color: #f5f5f5;
}
.About-view-area .paddingbox{
	padding: 15px;
}
.About-view-area .conbox .dean{
	width: 100%;
	padding: 12px;
	background-color: #fff;
}
.About-view-area .conbox .dean h3{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #003F88;
	margin-bottom: 10px;
}
.About-view-area .conbox .dean p{
	font-size: 15px;
	line-height: 24px;
	color: #333333;
	margin-bottom: 15px;
}
.About-view-area .conbox .dean a.enter-more{
	display: inline-block;
	padding: 5px 10px;
	font-size: 15px;
	color: #fff;
	background-color: #003F88;
}
.About-view-area .conbox .Governance{
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.About-view-area .conbox .Governance .title{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #003F88;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.About-view-area .conbox .Governance .itembox{
	width: 100%;
}
.About-view-area .conbox .Governance .itembox .items{
	float: left;
	width: 48%;
	margin-right: 2%;
}
.About-view-area .conbox .Governance .itembox .items:last-child{
	margin-right: 0;
	margin-left: 2%;
}
.About-view-area .conbox .Governance .itembox .items a{
	position: relative;
	display: block;
	width: 100%;
}
.About-view-area .conbox .Governance .itembox .items a img{
	display: block;
	width: 100%;
        height:110px;
}
.About-view-area .conbox .Governance .itembox .items a span{
	position: absolute;
	left: 15px;
	top: 15px;
	font-family: "RobotoBold";
	padding: 10px 0 0 0;
	font-size: 15px;
	color: #fff;
}
.About-view-area .conbox .Governance .itembox .items a span:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 32px;
	height: 2px;
	background-color: #fff;
}
.About-view-area .conbox .Governance:after{
	content: '';
	display: block;
	clear: both;
}
.About-view-area .conbox .department{
	position: relative;
	width: 100%;
}
.About-view-area .conbox .department .items{
	position: relative;
	float: left;
	width: 50%;
}
.About-view-area .conbox .department .items:nth-child(1){
	position: relative;
	float: left;
	width: 60%;
}
.About-view-area .conbox .department .items:nth-child(2){
	position: relative;
	float: left;
	width: 40%;
}
.About-view-area .conbox .department .items img{
	display: block;
	width: 100%;
        height:98px;
}
.About-view-area .conbox .department .items span{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 28px;
	line-height: 28px;
	font-family: 'RobotoBold';
	font-size: 17px;	
	margin-left: -50px;
	color: #fff;
	margin-top: -14px;
	text-align: center;
}
.About-view-area .conbox .department:after{
	content: '';
	display: block;
	clear: both;
}
.About-view-area .conbox .facts{
	width: 100%;
	padding: 15px;
}
.About-view-area .conbox .facts h3{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #003F88;	
	margin-bottom: 15px;
	text-align: center;
}
.About-view-area .conbox .facts ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: solid 2px #fff;
}
.About-view-area .conbox .facts ul li{
	width: 33.3%;
	text-align: center;
	padding-bottom: 10px;
}
.About-view-area .conbox .facts ul li h1{
	font-family: "RobotoBold";
	font-size: 21px;
	color: #003F88;	
	margin-top: 0;
}
.About-view-area .conbox .facts ul li h5{
	font-size: 12px;
	color: #333;	
}
.About-view-area .conbox .explore{
	position: relative;
	width: 100%;
	padding: 15px 0 15px 15px;
}
.About-view-area .conbox .explore h3{
	font-family: "RobotoBold";
    font-size: 17px;
    color: #003F88;
    margin-bottom: 15px;
}
.About-view-area .conbox .explore .explore-div{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.About-view-area .conbox .explore .explore-div .explore-swiper-container{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.About-view-area .explore .explore-div .explore-swiper-container .swiper-slide {
    font-size: 18px;
    width: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.About-view-area .explore .explore-div .list{
	position: relative;
	width: 100%;
}
.About-view-area .explore .explore-div .list img{
	display: block;
	width: 100%;
}
.About-view-area .explore .explore-div .list h4{
	position: absolute;
	left: 15px;
	top: 15px;
	font-family: "RobotoBold";
    font-size: 17px;
    color: #fff;
}
.About-view-area .explore .explore-div .list a.view-more{
	display: block;
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
    color: #fff;
}
.About-view-area .explore .explore-div .list a.view-more .fa-angle-right{
	font-size: 15px;
	height: 24px;
	line-height: 26px;
	color: #fff;
	margin-left: 5px;
}
/*7.leadership*/
.About-view-area{
	position: relative;
	width: 100%;
	padding: 0 0 1px;
}
.About-view-area .personnel{
	width: 100%;
}
.About-view-area .personnel .items{
	width: 100%;	
	background-color: #fff;
	margin-bottom: 15px;
}
.About-view-area .personnel .items .details{
	position: relative;
	width: 100%;
	padding: 10px;
	border-bottom: solid 1px #efefef;
}
.About-view-area .personnel .items .details:last-child{
	border-bottom: none;
}
.About-view-area .personnel .items label{
	float: left;
	display: inline-block;
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #003F88;
	margin-bottom: 0;
}
.About-view-area .personnel .items span{	
	display: inline-block;
	float: left;
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #333333;
	margin-right: 10px;
}
.About-view-area .personnel .items a{
       color:#000;
}
.About-view-area .personnel .items p{	
	display: inline-block;
	float: left;
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #333333;
	margin-right: 10px;
}
.About-view-area .personnel .items .details:after{
	content: '';
	display: block;
	clear: both;
}
@media only screen and (min-width: 300px) and (max-width: 370px) {
	.About-view-area .personnel .items label {
	    font-size: 13px;
	}
	.About-view-area .personnel .items span {
	    font-size: 13px;
	}
}
/*8.organization*/
.About-view-area .organization{
	width: 100%;
}
.About-view-area .organization .first{
	width: 100%;
}
.About-view-area .organization .first .imgs{
	width: 100%;
}
.About-view-area .organization .first .imgs img{
	display: block;
	width: 100%;
}
.About-view-area .organization .first .box{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.About-view-area .organization .first .box h3{
	font-family: 'RobotoBold';
	font-size: 17px;
	color:#003F88;	
	margin-bottom: 5px;
}
.About-view-area .organization .first .box p{
	width: 100%;
	font-size: 13px;
	line-height: 24px;
	color:#666666;
}
.About-view-area .organization .second{
	width: 100%;
	padding: 10px;
	background-color: #fff;
	margin-top: 15px;
}
.About-view-area .organization .second h3{
	font-family: 'RobotoBold';
	font-size: 17px;
	color:#003F88;	
	margin-bottom: 5px;
}
.About-view-area .organization .second ul{
	width: 100%;
}
.About-view-area .organization .second ul li{
	position: relative;
	padding-left: 10px;
	line-height: 28px;
	font-size: 15px;
	color: #333333;
}
.About-view-area .organization .second ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #003F88;
}


.About-view-area .organization .thred{
	width: 100%;
	padding: 10px;
	background-color: #fff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.About-view-area .organization .thred h3{
	font-family: 'RobotoBold';
	font-size: 17px;
	color:#003F88;	
	margin-bottom: 5px;
}
.About-view-area .organization .thred ul{
	width: 100%;
}
.About-view-area .organization .thred ul li{
	position: relative;
	padding-left: 10px;
	line-height: 28px;
	font-size: 15px;
	color: #333333;
}
.About-view-area .organization .thred ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #003F88;
}
@media only screen and (min-width: 300px) and (max-width: 370px) {
	.About-view-area .organization .thred ul li,
	.About-view-area .organization .second ul li{
		font-size: 13px;
	}
}
/*9.hangzhou*/
.About-view-area-2{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.About-view-area-2 .introduce{
	width: 100%;
	padding: 15px;
}
.About-view-area-2 .introduce h3{
	font-family: "RobotoBold";
	font-size: 13px;
	line-height: 22px;
	color: #003F88;
	margin-bottom: 10px;
}
.About-view-area-2 .introduce .card{
	width: 100%;
	border-bottom: solid 4px #004098;
}
.About-view-area-2 .introduce .card .imgs{
	display: block;
	width: 100%;
}
.About-view-area-2 .introduce .card .imgs img{
	display: block;
	width: 100%;
}
.About-view-area-2 .introduce .card .text{
	width: 100%;
	padding: 12px;
	background-color: #fff;
}
.About-view-area-2 .introduce .card .text h2{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #004098;
	margin-bottom: 5px;
}
.About-view-area-2 .introduce .card .text p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.About-view-area-2 .introduce .bumen{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 15px;
}
.About-view-area-2 .introduce .bumen .items{
	width: 48%;
}
.About-view-area-2 .introduce .bumen .items img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.About-view-area-2 .introduce .bumen .items span{
	font-family: "RobotoBold";
	font-size: 15px;
	color: #004098;
}
.About-view-area-2 .contact{
	width: 100%;
	padding:0 15px 15px;
}
.About-view-area-2 .contact .imgs{
	width: 100%;
}
.About-view-area-2 .contact .imgs img{
	display: block;
	width: 100%;
}
.About-view-area-2 .contact .texts{
	width: 100%;
	padding: 12px;
	background-color: #003F88;
}
.About-view-area-2 .contact .texts h3{
	font-family: "RobotoBold";
	font-size: 15px;
	color: #fff;
	margin-bottom: 10px;
}
.About-view-area-2 .contact .texts p{
	font-size: 13px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 10px;
}
.About-view-area-2 .contact ul{
	width: 100%;
}
.About-view-area-2 .contact ul li{
	position: relative;
	width: 100%;
}
.About-view-area-2 .contact ul li .fa-long-arrow-right{
	float: left;
	font-size: 18px;
	height: 28px;
	line-height: 28px;
	font-weight: 600;
	color: #fff;
	margin-right: 5px;
}
.About-view-area-2 .contact ul li span{
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	font-size: 15px;
	color: #fff;
}
.About-view-area-2 .contact ul li:after{
	content: '';
	display: block;
	clear: both;
}
/*10.campus*/
.About-view-area-2 .campus{
	width: 100%;
}
.About-view-area-2 .campus blockquote{
	font-family: "RobotoBold";
	width: 100%;
	padding: 15px;
	font-size: 15px;
	line-height: 24px;
	color: #003F88;
	margin: 0;
	border: none;
	background-color: #f5f5f5;
}
.About-view-area-2 .campus blockquote small{
	color: #003F88;
	margin-top: 10px;
}
.About-view-area-2 .campus .zd{
	width: 100%;
	padding: 20px;
	background-color: #fff;
}
.About-view-area-2 .campus .zd h3{
	font-family: "RobotoBold";
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-bottom: 15px;
	color: #003F88;
}
.About-view-area-2 .campus .zd ul{
	display: flex;
	width: 100%;
	justify-content: space-between;
	text-align: center;
}
.About-view-area-2 .campus .zd ul li{
	width: 33%;
}
.About-view-area-2 .campus .zd ul li h2{
	font-family: "RobotoBold";
	width: 100%;
	font-size: 27px;
	margin-bottom: 10px;
	color: #003F88;
}
.About-view-area-2 .campus .zd ul li h5{
	font-family: "Roboto";
	width: 100%;
	font-size: 12px;
	color: #333;
}
.About-view-area-2 .campus ul.fourblock{
	position: relative;
	width: 100%;
}
.About-view-area-2 .campus ul.fourblock li{
	float: left;
	position: relative;
	height: 110px;
}
.About-view-area-2 .campus ul.fourblock li:nth-child(1){
	width: 60%;
	background: url(../img/image/campus-img-1.png) no-repeat center;
	background-size: cover;
}
.About-view-area-2 .campus ul.fourblock li:nth-child(2){
	width: 40%;
	background: url(../img/image/campus-img-2.png) no-repeat center;
	background-size: cover;
}
.About-view-area-2 .campus ul.fourblock li:nth-child(3){
	width: 45%;
	background: url(../img/image/campus-img-3.png) no-repeat center;
	background-size: cover;
}
.About-view-area-2 .campus ul.fourblock li:nth-child(4){
	width: 55%;
	background: url(../img/image/campus-img-4.png) no-repeat center;
	background-size: cover;
}
.About-view-area-2 .campus ul.fourblock li a{
	display: block;
	width: 100%;
}
.About-view-area-2 .campus ul.fourblock li a span{
	position: absolute;
	left: 15px;
	bottom: 15px;
	display: block;
	font-family: "RobotoBold";
	font-size: 15px;
	color: #fff;
}
.About-view-area-2 .campus ul.fourblock:after{
	content: '';
	display: block;
	clear: both;
}
/*10.hospitals*/
.hospitals-view-area{
	position: relative;
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.hospitals-view-area .first{
	width: 100%;
	border-bottom: solid 4px #004098;
}
.hospitals-view-area .first .imgs{
	width: 100%;
}
.hospitals-view-area .first .imgs img{
	display: block;
	width: 100%;
}
.hospitals-view-area .first .texts{
	width: 100%;
	padding: 12px;
	background-color: #fff;
}
.hospitals-view-area .first .texts p{
	font-size: 13px;
    line-height: 24px;
    color: #666666;
}
.hospitals-view-area .second{
	width: 100%;
	padding: 12px;
	margin-top: 15px;
	background-color: #fff;
	border-bottom: solid 4px #004098;
}
.hospitals-view-area .second .top{
	width: 100%;
}
.hospitals-view-area .second .top .imgs{
	float: left;
	width: 120px;
	height: 75px;
	overflow: hidden;
}
.hospitals-view-area .second .top .imgs img{
	display: block;
	width: 100%;
}
.hospitals-view-area .second .top .texts{
	float: left;
	width: calc(100% - 135px);
	padding-left: 15px;
}
.hospitals-view-area .second .top .texts h3{
	font-family: "RobotoBold";
	font-size: 17px;
	line-height: 28px;
	color: #004098;
}
.hospitals-view-area .second ul.bottom-ul{
	width: 100%;
}
.hospitals-view-area .second ul.bottom-ul li{
	position: relative;
	padding-left: 10px;
	line-height: 28px;
	font-size: 13px;
	color: #333333;
}
.hospitals-view-area .second ul.bottom-ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #004098;
}
.hospitals-view-area .second ul{
	width: 100%;
}
.hospitals-view-area .second ul li{
	position: relative;
	padding-left: 10px;
	line-height: 28px;
	font-size: 13px;
	color: #333333;
}
.hospitals-view-area .second ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #004098;
}
/*11.education*/
.education-view-area{
	position: relative;
	width: 100%;
}
.education-view-area .first{
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.education-view-area .first h3{
	width: 100%;
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #333;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: solid 2px #E4E4E4;
	margin-bottom: 15px;
}
.education-view-area .first ul.students-ul{
	display: flex;
	width: 100%;
	justify-content: space-between;
	text-align: center;
}
.education-view-area .first ul.students-ul li{
	width: 33%;
}
.education-view-area .first ul.students-ul li h2{
	font-family: "RobotoBold";
	width: 100%;
	font-size: 27px;
	margin-bottom: 10px;
	color: #003F88;
}
.education-view-area .first ul.students-ul li h5{
	font-family: "Roboto";
	width: 100%;
	font-size: 12px;
	color: #333;
}
.education-view-area .first .Degree{
	width: 100%;
	margin-top: 15px;
}
.education-view-area .first .Degree h2{
	font-family: "RobotoBold";
	font-size: 19px;
	color: #003F88;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.education-view-area .first .Degree .top-box{
	width: 100%;
}
.education-view-area .first .Degree .top-box .ftimg{
	float: left;
	width: 129px;
}
.education-view-area .first .Degree .top-box .ftimg img{
	display: block;
	width: 100%;
}
.education-view-area .first .Degree .top-box .rticon{
	position: relative;
	float: left;
	width: calc(100% - 129px);
}
.education-view-area .first .Degree .top-box .rticon .items{
	float: left;
	width: 50%;
	height: 109.5px;
	text-align: center;
	padding-top: 20px;
}
.education-view-area .first .Degree .top-box .rticon .items span.icon{
	display: block;
	width: 36px;
	height: 36px;
	margin: 0 auto 10px;
}
.education-view-area .first .Degree .top-box .rticon .items span.icon img{
      display:block;
      width:100%;
}
.education-view-area .first .Degree .top-box .rticon .items span.text{
	display: block;
	width: 100%;
	font-family: "RobotoBold";
	font-size: 13px;
	color: #fff;
}
.education-view-area .first .Degree .top-box .rticon .items:nth-child(1){
	background-color: #003F88;
}
.education-view-area .first .Degree .top-box .rticon .items:nth-child(2){
	background-color: #333333;
}
.education-view-area .first .Degree .top-box .rticon .items:nth-child(3){
	background-color: #5889C3;
}
.education-view-area .first .Degree .top-box .rticon .items:nth-child(4){
	background-color: #008863;
}
.education-view-area .first .Degree .top-box .rticon:after{
	content: '';
	display: block;
	clear:both;
}
.education-view-area .first .Degree .bottom-box{
	width: 100%;
	padding: 12px;	
	background-color: #fff;
	border-bottom: solid 4px #004098;
}
.education-view-area .first .Degree .bottom-box p{
	font-size: 13px;
	line-height: 24px;
	color: #666666;
}
.education-view-area .second{
	position: relative;
	width: 100%;
	padding: 15px 15px 1px;
	background: #2F4056;
}
.education-view-area .second h3{
	font-family: "RobotoBold";
	font-size: 19px;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.education-view-area .second ul{
	width: 100%;
}
.education-view-area .second ul li{
	width: 100%;
	padding: 12px;
	margin-bottom: 15px;
	background: rgba(255,255,255,.7);
}
.education-view-area .second ul li a{
	display: block;
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #fff;
}
.education-view-area .thred{
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.education-view-area .thred h3{
	font-family: "RobotoBold";
	font-size: 19px;
	color: #003F88;
	margin-bottom: 12px;
	text-transform: uppercase;
}
.education-view-area .thred .card{
	width: 100%;
	background-color: #fff;
}
.education-view-area .thred .card .imgs{
	width: 100%;
}
.education-view-area .thred .card .imgs img{
	display: block;
	width: 100%;
}
.education-view-area .thred .card p{
	width: 100%;
	padding: 12px;
	font-size: 15px;
	line-height: 24px;
	color: #666666;
}
.education-view-area .four{
	position: relative;
	padding: 15px 0 15px 15px;
	background-color: #f5f5f5;
}
.education-view-area .four .student-swiper-container {
	position: relative;
}

.education-view-area .four .student-swiper-container .swiper-slide {
	font-size: 18px;
	width: 228px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.education-view-area .four .list {
	position: relative;
	width: 100%;
}

.education-view-area .four .list .picimg {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.education-view-area .four .list .picimg img{
	display: block;
	width: 100%;
}
.education-view-area .four .list .text{
	font-family: "RobotoBold";
	font-size: 15px;
	color: #004098;
	padding-top: 10px;
}
.education-view-area .four .list .text a{
	color: #004098;
}
@media only screen and (min-width: 300px) and (max-width: 370px) {
	.education-view-area .first .Degree .top-box .ftimg {
	    width: 110px;
	}
	.education-view-area .first .Degree .top-box .rticon .items {
	    height: 93.5px;
	    padding-top: 15px;
	}
	.education-view-area .first .Degree .top-box .rticon .items span.text {
	    font-size: 12px;
	}
	.education-view-area .second ul li a {
	    font-size: 13px;
	    line-height: 20px;
	}
}
/*12.undergrauate*/
.undergrauate-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.undergrauate-view-area .conbox .first{
	width: 100%;
	padding: 15px;
}
.undergrauate-view-area .conbox .first h3{
	font-family: "RobotoBold";
	font-size: 15px;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
}
.undergrauate-view-area .conbox .first p{
	font-size: 13px;
	line-height: 24px;
	color: #333333;
	text-align:center;
	margin-bottom: 10px;
}
.undergrauate-view-area .conbox .first .card{
	width: 100%;
}
.undergrauate-view-area .conbox .first .card .img{
	width: 100%;
}
.undergrauate-view-area .conbox .first .card .img img{
	display: block;
	width: 100%;
}
.undergrauate-view-area .conbox .first .card .text{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}

.undergrauate-view-area .conbox .first .card .text h4 {
    font-family: 'RobotoBold';
    font-size: 17px;
    color: #003F88;
    margin-bottom: 5px;
}
.undergrauate-view-area .conbox .first .card .text ul{
	width: 100%;
}
.undergrauate-view-area .conbox .first .card .text ul li{
	position: relative;
	padding-left: 10px;
	line-height: 28px;
	font-size: 15px;
	color: #333333;
}
.undergrauate-view-area .conbox .first .card .text ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #003F88;
}
.undergrauate-view-area .conbox .second{
	width: 100%;
	padding: 15px;
	background: url(../img/image/undergrauate-img-bg.png) no-repeat center;
	background-size: cover;
}
.undergrauate-view-area .conbox .second h2{
	font-family: 'RobotoBold';
    font-size: 19px;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}
.undergrauate-view-area .conbox .second h5{
	font-family: 'RobotoBold';
    font-size: 13px;
    line-height: 28px;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
}
.undergrauate-view-area .conbox .second h5 a{
	color: #004098;
}
.undergrauate-view-area .conbox .second h5 .fa-angle-right{
	font-weight: 600;
	margin-left: 3px;
}
.undergrauate-view-area .conbox .second a.view-more{
	display: block;
	font-family: 'RobotoBold';
	width: 90px;
	padding: 5px 0;
	font-size: 15px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	background-color: #004098;
}
.undergrauate-view-area .conbox .thred{
	width: 100%;
	padding: 15px 15px 1px;
}
.undergrauate-view-area .conbox .thred .cards{
	width: 100%;
	margin-bottom: 15px;
}
.undergrauate-view-area .thred .cards h3{
	font-family: 'RobotoBold';
    font-size: 19px;
    color: #333;
    margin-bottom: 10px;
}
.undergrauate-view-area .thred .cards .img{
	width: 100%;
}
.undergrauate-view-area .thred .cards .img img{
	display: block;
	width: 100%;
}
.undergrauate-view-area .thred .cards .text{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.undergrauate-view-area .thred .cards h4{
	font-family: 'RobotoBold';
    font-size: 15px;
    line-height: 24px;
    color: #333;
    margin-bottom: 5px;
}
.undergrauate-view-area .thred .cards ul{
	width: 100%;
}
.undergrauate-view-area .thred .cards ul li{
	position: relative;
	padding-left: 10px;
	line-height: 28px;
	font-size: 15px;
	color: #333333;
}
.undergrauate-view-area .thred .cards ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #003F88;
}
.undergrauate-view-area .four{
	width: 100%;
	padding: 15px;
}
.undergrauate-view-area .four h3{
	font-family: "RobotoBold";
    font-size: 15px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    margin-bottom: 15px;
}
.undergrauate-view-area .four .undergrauate-swiper-container{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.undergrauate-view-area .four .undergrauate-swiper-container .swiper-slide {
    font-size: 18px;
    width: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.undergrauate-view-area .four .undergrauate-swiper-container .list{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.undergrauate-view-area .four .undergrauate-swiper-container .list h4{
	font-family: "RobotoBold";
    font-size: 15px;
    color: #333333;
    margin-bottom: 10px;
}
.undergrauate-view-area .four .undergrauate-swiper-container .list p{
	 font-size: 13px;
	 line-height: 24px;
    color: #666;
}
/*13.mbbs*/
.mbbs-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.mbbs-view-area .first{
	width: 100%;
	padding: 15px;
}
.mbbs-view-area .first .img{
	width: 100%;
}
.mbbs-view-area .first .img img{
	display: block;
	width: 100%;
}
.mbbs-view-area .first .text{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.mbbs-view-area .first p{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.mbbs-view-area .first ul.number{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.mbbs-view-area .first ul.number li{
	width: 33%;
	padding: 15px 0;
	text-align: center;
}
.mbbs-view-area .first ul.number li h3{
	font-family: "RobotoBold";
	font-size: 25px;
	color: #003F88;
	margin-bottom: 10px;
}
.mbbs-view-area .first ul.number li h5{
	font-size: 12px;
	color: #333333;
}
.mbbs-view-area .first .card{
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.mbbs-view-area .first .card h4{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #004098;
	margin-bottom: 5px;
}
.mbbs-view-area .first .card span{
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #004098;
}
.mbbs-view-area .first h3{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #004098;
	margin-bottom: 5px;
}
.mbbs-view-area .first table{
	width: 100%;
}
.mbbs-view-area .first table tr td{
	font-size: 13px;
	padding: 5px 5px 5px 0;
}
.mbbs-view-area .second{
	width: 100%;
	padding: 0 0 15px 15px;
	background-color: #f5f5f5;
	overflow: hidden;
}
.mbbs-view-area .second h3{
	font-family: "RobotoBold";
	font-size: 19px;
	color: #003F88;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.mbbs-view-area .second .mbbs-swiper-container{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.mbbs-view-area .second .mbbs-swiper-container .swiper-slide {
    width: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    background-color: #fff;
}
.mbbs-view-area .second .mbbs-swiper-container .mbbs-swiper-pagination{
	bottom: 5px;
}
.mbbs-swiper-container .mbbs-swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 2px;
    background: #C9C9C9;
    opacity: 1;
}
.mbbs-swiper-container .mbbs-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 30px;
    background-color: #004098;
}
.mbbs-view-area .second .mbbs-swiper-container .list{
	width: 100%;
}
.mbbs-view-area .second .mbbs-swiper-container .list h2{
	font-family: "RobotoBold";
	font-size: 16px;
	color: #003F88;	
}
.mbbs-view-area .second .mbbs-swiper-container .list .box{
	width: 100%;
	margin-top: 10px;
}
.mbbs-view-area .second .mbbs-swiper-container .list .box h3{
	font-family: "RobotoBold";
	font-size: 15px;
	color: #003F88;
	margin-bottom: 5px;
}
.mbbs-view-area .second .mbbs-swiper-container .list .box p{
	font-size: 13px;
	line-height: 24px;
	color: #333;
}
.mbbs-view-area .second .box-2{
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: 15px;
}
.mbbs-view-area .second .box-2 .items{
	position: relative;
	width: 48%;
}
.mbbs-view-area .second .box-2 .items img{
	display: block;
	width: 100%;
}
.mbbs-view-area .second .box-2 .items span{
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	width: 100%;
	height: 28px;
	line-height: 28px;
	margin-top: -14px;
	font-family: "RobotoBold";
	font-size: 15px;
	color: #fff;
}
.mbbs-view-area .thred{
	width: 100%;
	height: auto;
	padding: 15px;
	background: url(../img/image/mbbs-ing-bg.png) no-repeat center;
	background-size: cover;
}
.mbbs-view-area .thred .headimg{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
	margin: 0 auto 10px;
}
.mbbs-view-area .thred .headimg img{
	display: block;
	width: 100%;
}
.mbbs-view-area .thred p{
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
}
.mbbs-view-area .thred h3{
	font-family: "RobotoBold";
	font-size: 15px;
	text-align: center;
	color: #fff;
}
.mbbs-view-area .four{
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.mbbs-view-area .four .card{
	width: 100%;
}
.mbbs-view-area .four .card:first-child{
	margin-bottom: 15px;
}
.mbbs-view-area .four .card .title{
	width: 100%;
	margin-bottom: 5px;
}
.mbbs-view-area .four .card .title h3{
	float: left;
	font-family: "RobotoBold";
	font-size: 19px;
	text-transform: uppercase;
	height: 28px;
	line-height: 28px;
	color: #003F88;
}
.mbbs-view-area .four .card .title a.view-more{
	float: right;
	font-size: 15px;
	height: 28px;
	line-height: 28px;
	color: #003F88;
}
.mbbs-view-area .four .card .title a.view-more .fa{
	color: #003F88;
	margin-left: 5px;
}
.mbbs-view-area .four .card ul.media-ul{
	display: flex;
	width: 100%;
	justify-content: space-between;	
}

.mbbs-view-area .four .card ul.media-ul li{
	width: 48%;
}
.mbbs-view-area .four .card ul.media-ul li .imgs{
	width: 100%;
}
.mbbs-view-area .four .card ul.media-ul li .imgs img{
	display: block;
	width: 100%;
}
.mbbs-view-area .four .card ul.media-ul li .text{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.mbbs-view-area .four .card ul.media-ul li .text h4{
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #333;
	margin-bottom: 5px;
}
.mbbs-view-area .four .card ul.media-ul li .text h4 a{
	color: #333;
}
.mbbs-view-area .four .card ul.media-ul li .text span{
	display: block;
	width: 100%;
	font-size: 14px;
	color: #CCCCCC;
}
/*14.md progran*/
.program-view-area .first{
	width: 100%;
	padding: 15px;
	background-color: #fff;
}
.program-view-area .first h3{
	font-family: "RobotoBold";
	font-size: 17px;
	line-height: 24px;
	color: #003F88;
	margin-bottom: 10px;
	text-align: center;
}
.program-view-area .first h5{
	font-size: 15px;
	line-height: 22px;
	color: #333;
	margin-bottom: 10px;
	text-align: center;
}
.program-view-area .first .img{
	width: 100%;
	margin-bottom: 10px;
}
.program-view-area .first .img img{
	display: block;
	width: 100%;
}
.program-view-area .first p{
	font-size: 14px;
    line-height: 24px;
    color: #666;
}
.program-view-area .second{
	position: relative;
	width: 100%;
	padding: 15px 0 15px 15px;
	overflow: hidden;
}
.program-view-area .second .program-swiper-container{
	width: 100%;
}
.program-view-area .second .program-swiper-container .swiper-slide{
	width: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    background-color: #fff;
}
.program-view-area .second .program-swiper-container .list{
	width: 100%;
}
.program-view-area .second .program-swiper-container .list h3{
	font-family: "RobotoBold";
    font-size: 15px;
    line-height: 22px;
    color: #003F88;
    margin-bottom: 5px;
}
.program-view-area .second .program-swiper-container .list p{
	font-size: 14px;
    line-height: 24px;
    color: #666;
}
.program-view-area .thred h5{
	font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}
.program-view-area .four{
	width: 100%;
	padding: 15px;
	background-color: #f5f5f5;
}
.program-view-area .four .img{
	width: 100%;
}
.program-view-area .four .img img{
	display: block;
	width: 100%;
}
.program-view-area .four .text{
	width: 100%;
	padding: 10px;
	background-color: #fff;
	border-bottom: solid 4px #004098;
}
.program-view-area .four .text h3{
	font-family: "RobotoBold";
    font-size: 17px;
    color: #004098;
    margin-bottom: 10px;
}
.program-view-area .four .text p{
	font-size: 14px;
	line-height: 24px;
    color: #CCCCCC;
    margin-bottom: 10px;
}
.program-view-area .four .text ul{
	width: 100%;
}
.program-view-area .four .text ul li{
	position: relative;
	width: 100%;
	padding-left: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-bottom: 5px;
}
.program-view-area .four .text ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: 10px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #004098;
}
/*15.md progran-2*/
.program-view-area-2{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.program-view-area-2 .first{
	width: 100%;
	padding: 15px;	
}
.program-view-area-2 .first .imgs{
	width: 1005;
}
.program-view-area-2 .first .imgs img{
	display: block;
	width: 100%;
}
.program-view-area-2 .first .texts{
	width: 100%;
	padding: 10px;
	background-color: #fff;
	border-bottom: solid 4px #003F88;
}
.program-view-area-2 .first .texts h5{
	font-family: "RobotoBold";
    font-size: 15px;
    line-height: 22px;
    color: #004098;
}
.program-view-area-2 .first .texts .box{
	width: 100%;
	margin-top: 15px;
}
.program-view-area-2 .first .texts .box h3{
	font-family: "RobotoBold";
    font-size: 17px;
    color: #333;
    margin-bottom: 5px;
}
.program-view-area-2 .first .texts .box span{
	display: block;
	font-size: 14;
	line-height: 28px;
	color: #004098;
}
.program-view-area-2 .second{
	width: 100%;
	padding:0 15px 15px;
}
.program-view-area-2 .second .imgs{
	width:100%;
}
.program-view-area-2 .second .imgs img{
	display: block;
	width: 100%;
}
.program-view-area-2 .second .texts{
	width: 100%;
	padding: 10px;
	background-color: #003F88;
}
.program-view-area-2 .second .texts h3{
	font-family: "RobotoBold";
    font-size: 17px;
    color: #fff;
    margin-bottom: 5px;
}
.program-view-area-2 .second .texts ul{
	width: 100%;
}
.program-view-area-2 .second .texts ul li{
    font-size: 13px;
    line-height: 28px;
    color: #fff;
}
.program-view-area-2 .second .texts ul li .fa-caret-right{
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}
.program-view-area-2 .thred{
	width: 100%;
	padding: 15px;
}
.program-view-area-2 .thred .title{
	font-family: "RobotoBold";
    font-size: 17px;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.program-view-area-2 .thred .box{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.program-view-area-2 .thred .box .card{
	width: 48%;
	height: 120px;
	padding: 10px;
	background-color: #004098;
}
.program-view-area-2 .thred .box .card .icons{
	display: block;
	width: 45px;
	height: 45px;
	margin: 10px auto 10px;
}
.program-view-area-2 .thred .box .card .icons img{
	display: block;
	width: 100%;
}
.program-view-area-2 .thred .box .card .texts{
	display: block;
	font-family: "RobotoBold";
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.program-view-area-2 .thred .text{
	width: 100%;
	padding-top: 10px;
}
.program-view-area-2 .thred .text h4{
	font-family: "RobotoBold";
    font-size: 13px;
    line-height: 28px;
    color: #333333;
    text-align: center;
}
.program-view-area-2 .thred .text h4 a{
	color: #004098;
}
.program-view-area-2 .thred .text h4 a .fa{
	color: #004098;
}
.program-view-area-2 .thred .text h3{
	font-family: "RobotoBold";
    font-size: 15px;
    line-height: 28px;
    color: #333333;
    text-align: center;
}
.program-view-area-2 .thred .text .contact{
	font-size: 13px;
	line-height: 28px;
	text-align: center;
}
.program-view-area-2 .thred .text .contact span{
	margin: 0 5px;
}
.program-view-area-2 .thred .box-2{
	width: 100%;
	margin-top: 15px;
}
.program-view-area-2 .thred .box-2 .imgs{
	width: 100%;
}
.program-view-area-2 .thred .box-2 .imgs img{
	display: block;
	width: 100%;
}
.program-view-area-2 .thred .box-2 .texts{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.program-view-area-2 .thred .box-2 .texts h3{
	font-family: "RobotoBold";
    font-size: 15px;
    color: #333333;
    margin-bottom: 10px;
}
.program-view-area-2 .thred .box-2 .texts p{
	font-size: 15px;
	line-height: 24px;
    color: #666666;
}
.program-view-area-2 .thred .box-2 .texts a.view-more{
	position: relative;
	display: inline-block;
	padding: 5px 10px 5px 5px;
	border: solid 2px #004098;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 15px;
}
.program-view-area-2 .thred .box-2 .texts a.view-more img{
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
.program-view-area-2 .thred .box-2 .texts a.view-more span{
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #1162C8;
}
.program-view-area-2 .thred .box-2 .texts a.view-more:after{
	content: '';
	display: block;
	clear: both;
}
.program-view-area-2 .four{
	width: 100%;
	padding: 0 15px 15px;
}
.program-view-area-2 .four .title{
	font-family: "RobotoBold";
    font-size: 17px;
    color: #333;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.program-view-area-2 .four ul{
	position: relative;
	width: 100%;
}
.program-view-area-2 .four ul li{
	position: relative;
	float: left;
	width: 50%;
	padding-left: 10px;
	font-size: 13px;
	line-height: 28px;
}
.program-view-area-2 .four ul li:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #003F88;
}
.program-view-area-2 .four ul:after{
	content: '';
	display: block;
	clear: both;
}
@media only screen and (min-width: 300px) and (max-width: 370px) {
	.program-view-area-2 .thred .text h4 {
	    font-size: 12px;
	}
	.program-view-area-2 .thred .text h3 {
	    font-size: 13px;
	}
	.program-view-area-2 .thred .text .contact {
	    font-size: 12px;
	}
	.program-view-area-2 .thred .text .contact span {
	    margin: 0 3px;
	}
	.program-view-area-2 .thred .box-2 .texts p {
	    font-size: 13px;
	    line-height: 24px;
	}
	.program-view-area-2 .four ul li {
	    font-size: 12px;
	    line-height: 22px;
	}
	.program-view-area-2 .four ul li:before {
	    top: 10px;
	}
}    
/*16.jointProgram*/
.jointProgram-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.jointProgram-view-area .first{
	width: 100%;
	padding: 15px;
}
.jointProgram-view-area .first h3{
	font-family: "RobotoBold";
    font-size: 17px;
    line-height: 24px;
    color: #003F88;
    margin-bottom: 10px;
    text-align: center;
}
.jointProgram-view-area .first p{
	font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 10px;
    text-align: center;
}
.jointProgram-view-area .first .imgs{
	width: 100%;
}
.jointProgram-view-area .first .imgs img{
	display: block;
	width: 100%;
}
.jointProgram-view-area .second{
	width: 100%;
	height: auto;
	padding: 15px 15px 15px;
	background: url(../img/image/mbbs-ing-bg.png) no-repeat center;
	background-size: cover;
}
.jointProgram-view-area .second .jointProgram-swiper-container{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.jointProgram-view-area .second .jointProgram-swiper-container .jointProgram-swiper-pagination{
	bottom: 0px;
}
.jointProgram-swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 2px;
    background: #f9f9f9;
    opacity: .4;
}
.jointProgram-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 30px;
    opacity: .8;
}
.jointProgram-view-area .second .headimg{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
	margin: 0 auto 10px;
}
.jointProgram-view-area .second .headimg img{
	display: block;
	width: 100%;
}
.jointProgram-view-area .second p{
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
}
.jointProgram-view-area .second h3{
	font-family: "RobotoBold";
	font-size: 15px;
	text-align: center;
	color: #fff;
}
.jointProgram-view-area .second h5{
	font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}
.jointProgram-view-area .second h5 em{
	color: #fff;
}
/*17.discover*/
.discover-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
	padding: 15px 15px 1px;
}
.discover-view-area ul.discover-ul{
	width: 100%;
}

.discover-view-area ul.discover-ul li.list{
	width: 100%;
	margin-bottom: 15px;
}
.discover-view-area ul.discover-ul li.list .imgs{
	display: block;
	width: 100%;
}
.discover-view-area ul.discover-ul li.list .imgs img{
	display: block;
	width: 100%;
}
.discover-view-area ul.discover-ul li.list .tetxs{
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.discover-view-area ul.discover-ul li.list .tetxs h3{
	font-family: "RobotoBold";
	font-size: 17px;
	line-height: 24px;
	color: #003F88;
	margin-bottom: 10px;
}
.discover-view-area ul.discover-ul li.list .tetxs h3 a{
	color: #003F88;
}
.discover-view-area ul.discover-ul li.list .tetxs span.infos{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	color: #CCCCCC;
}
.discover-view-area ul.discover-ul li.list .tetxs span.infos img{
	display: block;
	float: left;
	width: 16px;
	height: 16px;	
	margin-right: 5px;
}
@media only screen and (min-width: 300px) and (max-width: 370) {
	.discover-view-area ul.discover-ul li.list .tetxs h3{
		font-size: 15px;
	}
}
/*18.affiliates*/
.affiliates-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.affiliates-view-area .notice{
	font-family: "RobotoBold";
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	color: #333333;
	padding: 15px;
}
.affiliates-view-area .first{
	width: 100%;
	padding:0 15px   15px;
}
.affiliates-view-area .first .title{
	font-family: "RobotoBold";
	font-size: 17px;
	line-height: 30px;
	color: #003F88;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.affiliates-view-area .first .affiliates-swiper-container{
	position: relative;
	width: 100%;
}
.affiliates-view-area .first .affiliates-swiper-container .swiper-slide{
	width: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.affiliates-view-area .first .affiliates-swiper-container a.list{
	display: block;
	width: 100%;
	position: relative;
}
.affiliates-view-area .first .affiliates-swiper-container a.list img{
	display: block;
	width: 100%;
}
.affiliates-view-area .first .affiliates-swiper-container a.list span{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	font-family: "RobotoBold";
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}
.affiliates-view-area .second{
	width: 100%;
	margin-top: 10px;
	padding: 0 15px 15px;
}
.affiliates-view-area .second .title{
	font-family: "RobotoBold";
	font-size: 17px;
	line-height: 30px;
	color: #003F88;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.affiliates-view-area .second ul.Hospital-ul{
	width: 100%;
}
.affiliates-view-area .second ul.Hospital-ul li{
	width: 100%;
}
.affiliates-view-area .second ul.Hospital-ul li .imgs{
	width: 100%;
}
.affiliates-view-area .second ul.Hospital-ul li .imgs img{
	display: block;
	width: 100%;
}
.affiliates-view-area .second ul.Hospital-ul li .texts{
	width: 100%;
	padding: 10px 10px 15px;
	background-color: #fff;
}
.affiliates-view-area .second ul.Hospital-ul li .texts h3{
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #333;
	margin-bottom: 10px;
}
.affiliates-view-area .second ul.Hospital-ul li .texts h3 a{
	color: #333;
}
.affiliates-view-area .second ul.Hospital-ul li .texts a.view-more{
	display: block;
	width: 68px;
	padding: 5px 10px;
	border: solid 2px #004098;
}
.affiliates-view-area .second ul.Hospital-ul li .texts a.view-more span{
	float: left;
	font-size: 14px;
	color: #004098;
	margin-right: 5px;
}
.affiliates-view-area .second ul.Hospital-ul li .texts a.view-more .fa{
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #004098;
}
.affiliates-view-area .thred{
	position: relative;
	width: 100%;
	padding: 15px 0;
	background: #003F88;
}
.affiliates-view-area .thred .items{
	float: left;
	width: 50%;
	text-align: center;
}
.affiliates-view-area .thred .items h3{
	font-family: "RobotoBold";
	font-size: 19px;
	line-height: 30px;
	color: #fff;
}
.affiliates-view-area .thred .items h5{
	font-size: 12px;
	line-height: 24px;
	color: #fff;
}
.affiliates-view-area .thred:after{
	content: '';
	display: block;
	clear: both;
}
.affiliates-view-area .four{
	width: 100%;
	padding: 0 15px 1px;
	margin-top: 10px;
}
.affiliates-view-area .four .title{
	font-family: "RobotoBold";
	font-size: 17px;
	line-height: 30px;
	color: #003F88;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.affiliates-view-area .four ul.links-ul{
	width: 100%;
}
.affiliates-view-area .four ul.links-ul li{
	width: 100%;
	background-color: #fff;
	padding: 15px 10px;
	margin-bottom: 15px;
}
.affiliates-view-area .four ul.links-ul li span{
	float: left;
	display: block;
	width: calc(100% - 30px);
	height: 20px;
	line-height: 20px;
	font-family: "RobotoBold";
	font-size: 15px;
	color: #333;
}
.affiliates-view-area .four ul.links-ul li img{
	float: right;
	display: block;
	width: 20px;
	height: 20px;
}
/*19.engagement*/
.engagement-view-area{
	width: 100%;
}
.engagement-view-area .first{
	width: 100%;
	padding: 15px 0;
	background-color: #f5f5f5;
}
.engagement-view-area .first .title{
	width: 100%;
	font-family: "RobotoBold";
	font-size: 17px;
	color: #003F88;
	padding: 0 15px;
	margin-bottom: 10px;
}
.engagement-view-area .first .img{
	width: 100%;
}
.engagement-view-area .first .img img{
	display: block;
	width: 100%;
}
.engagement-view-area .first ul.global-ul{
	position: relative;
	width: 100%;
}
.engagement-view-area .first ul.global-ul li{
	position: relative;
	float: left;
	width: 50%;
	background: #009688 no-repeat center;
}
.engagement-view-area .first ul.global-ul li:first-child{
	background-color: #204D74;
	height: 246px;
	padding-top: 30px;
}
.engagement-view-area .first ul.global-ul li:first-child h2{
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-family: "RobotoBold";
	font-size: 17px;
	color: #fff;
	
}
.engagement-view-area .first ul.global-ul li:first-child p{
	font-size: 13px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	margin-bottom: 30px;
}
.engagement-view-area .first ul.global-ul li:first-child .line{
	width: 40px;
	height: 1px;
	background-color: #fff;
	margin: 0 auto;
}
.engagement-view-area .first ul.global-ul li:nth-child(2){
	background-color: #009688;
	height: 82px;
}
.engagement-view-area .first ul.global-ul li:nth-child(3){
	background-color: #31B0D5;
	height: 82px;
}
.engagement-view-area .first ul.global-ul li:nth-child(4){
	background-color: #93D1FF;
	height: 82px;
}
.engagement-view-area .first ul.global-ul li h3{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-family: "RobotoBold";
	font-size: 17px;
	color: #fff;
	margin-top: -18px;
}
.engagement-view-area .first ul.global-ul:after{
	content: '';
	display: block;
	clear: both;
}
.engagement-view-area .second{
	width: 100%;
	padding:0 15px 15px;
	background-color: #f5f5f5;
}
.engagement-view-area .second .title{
	width: 100%;
	font-family: "RobotoBold";
	font-size: 17px;
	color: #003F88;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.engagement-view-area .second .Social-swiper-container{
	position: relative;
	width: 100%;
}
.engagement-view-area .Social-swiper-container .card{
	position: relative;
	width: 100%;	
}
.engagement-view-area .Social-swiper-container .card .imgs{
	width: 100%;
}
.engagement-view-area .Social-swiper-container .card .imgs img{
	width: 100%;
	display: block;
}
.engagement-view-area .Social-swiper-container .card .texts{
	width: 100%;
	padding: 10px 10px 60px;
	background-color: #fff;
}
.engagement-view-area .Social-swiper-container .card .texts h3{
	font-family: "RobotoBold";
	font-size: 15px;
	line-height: 24px;
	color: #003F88;
	margin-bottom: 10px;
}
.engagement-view-area .Social-swiper-container .card .texts h3 a{
	color: #003F88;
}
.engagement-view-area .Social-swiper-container .card .texts p{
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}
.Social-swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 20px !important;
    width: 80px !important;
    text-align: left !important;
    z-index: 10;
    font-family: "RobotoBold";
    font-size: 15px;
    color: #333;
    padding-left: 10px;
}
.Social-swiper-pagination .swiper-pagination-current{
	font-size: 19px;
    color: #1162C8;
}
.Social-swiper-container .Social-swiper-button-next, 
.Social-swiper-container .Social-swiper-button-prev {
    position: absolute;
    top: auto;
    left: auto;
    width: 24px;
    height: 24px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.Social-swiper-container .Social-swiper-button-next{
	bottom: 20px;
	right: 10px;
	background-image: url(../img/icon/next.png);	
}
.Social-swiper-container .Social-swiper-button-prev{
	bottom: 20px;
	right: 48px;
	background-image: url(../img/icon/prev.png);
}
.engagement-view-area .thred{
	width: 100%;
	padding: 0 15px 15px;
	background-color: #f5f5f5;
}
.engagement-view-area .thred .imgs{
	width: 181px;
	margin: 0 auto 10px;
}
.engagement-view-area .thred .imgs img{
	display: block;
	width: 100%;
}
.engagement-view-area .thred .title{
	 font-family: "RobotoBold";
    font-size: 17px;
    color: #1162C8;
    margin-bottom: 10px;
}
.engagement-view-area .thred p{
	font-size: 13px;
	line-height: 20px;
    color: #333333;
    margin-bottom: 15px;
}
.engagement-view-area .thred a.view-more-2{
	display: block;
	width: 110px;
	padding: 5px 10px;
	border-radius: 20px;
	background-color: #fff;
}
.engagement-view-area .thred a.view-more-2 img{
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
.engagement-view-area .thred a.view-more-2 span{
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
	font-size: 14px;
	color: #1162C8;
}
/*20.global*/
.global-view-area{
	position: relative;
	width: 100%;
}
.global-view-area .first{
	width: 100%;
}
.global-view-area .first h5{
	 font-family: "RobotoBold";
    font-size: 15px;
    line-height: 24px;
    color: #333;
    text-align: center;
    padding: 15px;
}
.global-view-area .first .tab-img{
	position: relative;
	width: 100%;
}
.global-view-area .first .tab-img .btns{
	position: absolute;
}
.global-view-area .first .tab-img .btns:nth-child(1){	
	left: 82px;
    bottom: 0px;
    width: 60px;
    height: 88px;
}
.global-view-area .first .tab-img .btns:nth-child(2){
	left: 0;
    top: 0;
    width: 155px;
    height: 94px;
}
.global-view-area .first .tab-img .btns:nth-child(3){
	right: 0;
    top: 0;
    width: 124px;
    height: 112px;
}
.global-view-area .first .tab-img .btns:nth-child(4){
	right: 0;
    bottom: 0;
    width: 124px;
    height: 72px;
}
.global-view-area .first .tab-img .btns:nth-child(5){
	left: 175px;
    top: 0;
    width: 75px;
    height: 72px;
}
.global-view-area .first .tab-img .btns:nth-child(6){
	left: 155px;
    bottom: 25px;
    width: 75px;
    height: 85px;
}
.global-view-area .first .tab-img img.map-bg{
	display: block;
	width: 100%;
}
.global-view-area .first .tab-content{
	width: 100%;
}
.global-view-area .first .tab-content .items{
	width: 100%;
	display: none;
}
.global-view-area .first .tab-content .items.cur-items{
	display: block !important;
}
.global-view-area .first .tab-content .items ul{
	width: 100%;
	padding: 15px;
}
.global-view-area .first .tab-content .items ul h3{
	font-family: "RobotoBold";
    font-size: 17px;
    line-height: 24px;
    color: #1162C8;
    width: 100%;
}
.global-view-area .first .tab-content .items ul li{
	position: relative;
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #333333;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.global-view-area .first .tab-content .items ul li:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 13px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: #1162C8;
}
.global-view-area .first .tab-content .items ul:after{
	content: '';
	display: block;
	clear: both;
}
/*21.DEAN’S WELCOME*/
.deans-view-area{
	position: relative;
	width: 100%;
	padding: 15px;
}
.deans-view-area .top{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: solid 1px #dad9d9;
	margin-bottom: 10px;
}
.deans-view-area .top .imgs{
	float: left;
	width: 85px;
	margin-right: 10px;
}
.deans-view-area .top .imgs img{
	display: block;
	width: 100%;
}
.deans-view-area .top .texts{
	float: left;
	width: calc(100% - 95px);
}
.deans-view-area .top .texts h3{
	font-family: "RobotoBold";
    font-size: 15px;
    line-height: 24px;
    color: #333333;	
}
.deans-view-area .top .texts span{
	display: block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #afafaf;	
}
.deans-view-area .bottom{
	width: 100%;
}
.deans-view-area .bottom p{
	font-size: 13px;
	line-height: 24px;
	color: #666666;
	margin-bottom: 15px;
}
/*22.institution*/
.institution-view-area{
	position: relative;
	width: 100%;
	padding: 15px 15px 1px;
	background-color: #f5f5f5;
}
.institution-view-area ul.institution-ul{
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
.institution-view-area .sublist_title{
width: 100%;
    font-family: "RobotoBold";
    font-size: 17px;
    line-height: 24px !important;
    color: #333333;
    margin-bottom: 10px !important;
border-bottom: 0 !important;
}
.institution-view-area .sublist_title a{
        width: 100%;
    font-family: "RobotoBold";
    font-size: 17px;
    line-height: 24px;
    color: #333333;}
.institution-view-area ul.institution-ul:after{
	content: '';
	display: block;
	clear: both;
}
.institution-view-area ul.institution-ul h3.title{
	width: 100%;
	font-family: "RobotoBold";
    font-size: 17px;
    line-height: 24px;
    color: #333333;	
    margin-bottom: 10px;
}
.institution-view-area ul.institution-ul li{
	width: 100%;
	padding: 12px;
	background-color: #fff;
	margin-bottom: 10px;
}
.institution-view-area ul.institution-ul li .ft-imgs{
	float: left;
	width: 58px;
	height: 58px;
	margin-right: 12px;
	border-radius: 30px;
	overflow: hidden;
}
.institution-view-area ul.institution-ul li .ft-imgs img{
	display: block;
	width: 100%;
}
.institution-view-area ul.institution-ul li .center-infos{
	float: left;
	width: 90px;
	margin-right: 15px;
}
.institution-view-area ul.institution-ul li .center-infos h3{
	font-family: "RobotoBold";
    font-size: 15px;
    line-height: 29px;
    color: #333333;	
}
.institution-view-area ul.institution-ul li .center-infos span{
    font-size: 13px;
    line-height: 29px;
    color: #CCCCCC;	
}
.institution-view-area ul.institution-ul li .rt-infos{
	float: right;
	width: calc(100% - 175px);
	padding-left: 10px;
	border-left: solid 1px #efefef;
}
.institution-view-area ul.institution-ul li .rt-infos span{
	display: block;
	width: 100%;
	height: 29px;
	line-height: 29px;
	font-size: 13px;
	color: #333333;
}
.institution-view-area ul.institution-ul li .rt-infos span img{
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 4px;
	margin-right: 5px;
}
/*23.ZUSM STUDENTS*/
.zusm-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.zusm-view-area .first{
	position: relative;
	width: 100%;
	padding: 15px 0 15px 15px;
	overflow: hidden;	
}
.zusm-view-area .first .title{
	font-family: "RobotoBold";
    font-size: 17px;
    line-height: 30px;
    color: #003F88;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.zusm-view-area .first .zusm-swiper-container{
	position: relative;
	width: 100%;
}
.zusm-view-area .first .zusm-swiper-container .swiper-slide {
    width: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.zusm-view-area .first .zusm-swiper-container a.list{
	display: block;
	width: 100%;
}
.zusm-view-area .first .zusm-swiper-container .list img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.zusm-view-area .first .zusm-swiper-container .list span{
	display: block;
	width: 100%;
	font-family: "RobotoBold";
    font-size: 13px;
    line-height: 20px;
    color: #004098;
}
.zusm-view-area .second{
	width: 100%;
	background: url(../img/image/zusm-bg.png) no-repeat center;
	background-size: cover;
	padding: 15px;
	overflow: hidden;
}
.zusm-view-area .second .title{
	font-family: "RobotoBold";
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.zusm-view-area .second ul{
	width: 100%;
}
.zusm-view-area .second ul li{
	float: left;
	width: 31%;
	height: 106px;
	text-align: center;
	margin-bottom: 15px;
	margin-right: 3.5%;
	background-color: rgba(255,255,255,.2);
}
.zusm-view-area .second ul li:nth-child(3n){
	margin-right: 0;
}
.zusm-view-area .second ul li .icon{
	width: 30px;
	height: 30px;
	margin: 28px auto 5px;
}
.zusm-view-area .second ul li .icon img{
width:100%;
}
.zusm-view-area .second ul li .text{
	font-size: 13px;
	color: #fff;
	text-align: center;
}
@media only screen and (min-width: 300px) and (max-width: 370px) {
	.zusm-view-area .second ul li{
		margin-bottom: 10px;
	}
	.zusm-view-area .second ul li .icon{
		margin-top: 26px;
	}
	.zusm-view-area .second ul li .text{
		font-size: 12px;
	}
}
/*24.FACULTY & STAFF*/
.faculty-view-area{
	position: relative;
	width: 100%;
	padding: 15px 15px 1px;
	background-color: #f5f5f5;
}
.faculty-view-area .conbox .title{
	font-family: "RobotoBold";
	font-size: 17px;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
}
.faculty-view-area ul.faculty-ul{
	width: 100%;
}
.faculty-view-area ul.faculty-ul li{
	width: 100%;
	margin-bottom: 15px;
	background-color: #fff;
	padding: 10px;
}
.faculty-view-area ul.faculty-ul li .icon{
	width: 80px;
	height: 80px;
	margin: 0 auto 5px;
}
.faculty-view-area ul.faculty-ul li .icon img{
	display: block;
	width: 100%;
}
.faculty-view-area ul.faculty-ul li h3{
	font-family: "RobotoBold";
	font-size: 15px;
	color: #004098;
	text-align: center;
	margin-bottom: 10px;
}
.faculty-view-area ul.faculty-ul li p{
	font-size: 13px;
	line-height: 20px;
	color: #666666;
	text-align: center;
}
/*25.VISITORS*/
.visitors-view-area{
	position: relative;
	width: 100%;
	background-color: #f5f5f5;
}
.visitors-view-area .zusm-swiper-container a.list{
	position: relative;
	width: 100%;
}
.visitors-view-area .zusm-swiper-container a.list img{
	margin-bottom: 0 !important;
}
.visitors-view-area .zusm-swiper-container a.list span{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	font-size: 14px;
	color: #fff !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-color: rgba(0,0,0,.1);
}
.visitors-view-area .thred{
	width: 100%;
	padding: 15px;
}
.visitors-view-area .thred .title{
	font-family: "RobotoBold";
    font-size: 17px;
    line-height: 30px;
    color: #003F88;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.visitors-view-area .thred ul{
	position: relative;
	width: 100%;
}
.visitors-view-area .thred ul li{
	position: relative;
	float: left;
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.visitors-view-area .thred ul li:nth-child(1){
	width: 60%;
	background-image: url(../img/image/Explore-img-1.png);
}
.visitors-view-area .thred ul li:nth-child(2){
	width: 40%;
	background-image: url(../img/image/Explore-img-2.png);
}
.visitors-view-area .thred ul li:nth-child(3){
	width: 50%;
	background-image: url(../img/image/Explore-img-3.png);
}
.visitors-view-area .thred ul li:nth-child(4){
	width: 50%;
	background-image: url(../img/image/Explore-img-4.png);
}
.visitors-view-area .thred ul li:nth-child(5){
	width: 40%;
	background-image: url(../img/image/Explore-img-5.png);
}
.visitors-view-area .thred ul li:nth-child(6){
	width: 60%;
	background-image: url(../img/image/Explore-img-6.png);
}
.visitors-view-area .thred ul li span{
	display: block;
	width: 100%;
	padding: 10px;
	font-family: "RobotoBold";
    font-size: 15px;
    color: #fff;
}
.visitors-view-area .thred ul:after{
	content: '';
	display: block;
	clear: both;
}