@charset "utf-8";
*,html,body,div,p,dl,dt,dd,h1,h2,h3,h4,h5,form,input,table,tr,td,ul,ol,li,span,img,a{
	margin:0;
	padding:0;
	margin-left:auto; margin-right:auto;/*兼容ie9，还需*/
	color: #666;
	letter-spacing: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;/*去除边距的宽度*/
	font-family: "Microsoft Yahei","Arial","Georgia","serif","sans-serif";}
*, *:before, *:after {box-sizing: inherit;}
body{
	letter-spacing: normal;
	-moz-user-select:none;/*火狐 禁止文字被选中*/
	-webkit-user-select:none;/*webkit浏览器*/
	-ms-user-select:none;/*ie10*/
	user-select:none;}
ul li{list-style: none;}
img{border:none;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
.clearfix{clear:both;}
/*以上是公共样式*/

.carousel-inner .item img{
	width: 100%;}
.navbar-default{
	background:none;
	margin-bottom:0px;
	border:none;}
.container{padding:0px;}
.top{
	padding-top:10px;
	padding-bottom:10px;
	border-top:#5b317d 4px solid;
	max-width:1000px;}
.logo img{
	width:70%;}
.search{
	display:none;
	text-align:right;}
.search form{
	float:right;
	overflow:hidden;}
.search input{
	float:left;
	padding-left:5px;
	outline:none;
	height:36px;
	border:#00612e 1px solid;
	border-right:none;}
.search button{
	float:left;
	border:none;
	width:20px;
	height:36px;
	background:#5b317d;}
.ss_an{
    float:left;
    border:none;
    width:20px;
    height:36px;
    background:#5b317d;}
.search p{
	line-height:30px;}
.search p{
	font-size:14px;}

.active .caret{
	color:#fff;}
.navbar{
	position:fixed;
	top:0px;
	width:100%;
	z-index:9999;}
.navbar-header{
	position:absolute;
	top:5px;
	right:5px;
	z-index:8;}
.navbar-toggle{
	background:#fff;}
#navbar{
	background:#fff;}

.banner{
	max-height:363px;
	overflow:hidden;}
.banner .swiper-button-prev,.banner .swiper-button-next{
	display:none;}
.swiper-slide-text{
	display:none;}

.block{
	max-width:1000px;}
.block .col-xs-12{
	padding:5px;}
.news,.focus{
	margin-top:20px;
	padding-bottom:20px;}
.news{
	border-bottom:#5b317d 1px solid;}
.title{
	width:100%;
	margin-bottom:10px;}
.title h1{
	font-size:18px;}
.news-time{
	text-align: center;
	float:left;
	width:66px;
	height:66px;
	background:#f2eaf8;}
.news-time h4{
	margin-top:15px;
	color:#5b317d;}
.news-time p{
	color:#5b317d;}
.news-text{
	float:right;
	width:calc(100% - 76px);}
.news-text h1{
	color:#1f1f1f;
	font-size:14px;}
.news-written p{
	font-size:12px;
	color:#787878;}


.focus .col-sm-4{
	padding:10px;}
.focus .col-sm-4 a{
	border-top:#5b317d 3px solid;
	display: block;
	width:100%;}
.focus-text h1{
	padding-top:5px;
	color:#1f1f1f;
	font-size:14px;}
.focus-written{
	margin-top:10px;}
.focus-written p{
	font-size:12px;
	line-height:15px;
	color:#787878;}
.focus-img{
	width:100%;
	max-height:145px;
	overflow:hidden;}
.focus-img img{
	width:100%;
	max-height:100%;
	display: block;}
.resources{
	background:#f8f7f9;
	padding:30px 0px;}
.resources-within{
	max-width:1000px;}
.resources-l .title{
	padding-bottom:20px;
	border-bottom:#5b317d 1px solid;}
.resources-ul{
	overflow:hidden;}
.resources-ul li{
	width:50%;
	float:left;}
.resources-ul li a{
	line-height:30px;
	color:#363636;
	font-size:14px;}
.resources-ul li a:hover{
	color:#5b317d;}
.resources-r{
	overflow:hidden;}
.resources-r ul{
	float:right;
	overflow:hidden;
	width:100%;
	/*display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:flex;*/
	flex-wrap:nowrap;
	text-align:right;
	justify-content:right;}
.resources-r ul li{
	width:123px;
	height:123px;
	margin:3px 0 3px 20px;
	float:left;}
.resources-r ul li a{
	position:relative;
	display: block;
	width:100%;
	height:100%;
	overflow:hidden;}
.resources-r ul li a img{
	width:100%;
	height:100%;
	display: block;
	position:absolute;
	top:0px;
	left:0px;}
.resources-r ul li a .resources-text{
	position:relative;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align: center;}
.resources-r ul li a .resources-text h1{
	font-size:16px;
	color:#fff;
	line-height:26px;}
.resources-r ul li a .resources-text p{
	font-size:12px;
	line-height:14px;
	color:#fff;}

.font-nav{
	padding:20px 0px;
	background:#eae8ec;}
.font-nav-class{
	max-width:1000px;
	padding:0 10px;}
.font-nav-class dl{
	width:100%;
	margin-bottom:20px;}
.font-nav-class dl dt a{
	font-size:16px;
	color:#272727;}
.font-nav-class dl dd a{
	font-size:12px;
	color:#3a3939;}
.footer{
	text-align: center;
	background:#5b317d;
	padding:10px 0px;}
.footer p{
	font-size:14px;
	margin:5px;
	color:#fff;}



/*Overview*/
.within-banner{
	position:relative;
	max-width:1200px;}
.within-banner img{
	width:100%;
	display: block;}
.within-banner-text{
	position:absolute;
	max-width:500px;
	width:100%;
	max-height:100%;
	height:200px;
	right:0px;
	bottom:0px;
    background: #5b317d;
    background: rgba(91,49,125,0.59);
	border-bottom:#fa7e3a 3px solid;
	display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;}
.within-banner-text h5{
	color:#fff;}
.within-banner-text h1{
	color:#fff;}
.overview{
	max-width:1200px;
	padding-bottom:40px;}
.within-title{
	border-bottom:#a0a0a0 1px solid;
	padding:45px 0px;
	margin-bottom:30px;}
.within-title h1{
	font-size:24px;
	color:#5b317d;}
.within-title h1 a {
    font-size: 24px;
    color: #5b317d;}
.overview-li{
	padding:10px;}
.overview-li a{
	display: block;
	width:100%;
	overflow:hidden;
	position:relative;}
.overview-li a img{
	width:100%;
	height:100%;}
.overview-effect{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:20px;
	position:absolute;
	display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
	background-image:url(../images/tu-7.png)\9;
	background-color:rgba(92,48,124,0.5);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
    -webkit-transition:background-color 0.8s ease;
    -moz-transition:background-color 0.8s ease;
    -o-transition:background-color 0.8s ease;
    transition:background-color 0.8s ease;}
.overview-effect h1{
	font-size:16px;
	color:#fff;
	margin-bottom:10px;
	opacity:1;
    -webkit-transition:opacity 0.8s ease;
    -moz-transition:opacity 0.8s ease;
    -o-transition:opacity 0.8s ease;
    transition:opacity 0.8s ease;}
.overview-effect p{
	font-size:12px;
	opacity:1;
    -webkit-transition:opacity 0.8s ease;
    -moz-transition:opacity 0.8s ease;
    -o-transition:opacity 0.8s ease;
    transition:opacity 0.8s ease;
	color:#fff;}

.within-banner-back{
	height:200px;
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;}

.overview-wit{
	max-width:1200px;
	padding-bottom:40px;}
.overview-l{
	padding-top:5px;
	float:left;
	width:100%;
	background:#5b317d;
	padding-left:10px;
	position:relative;
	z-index:2;
	margin-top:10px;}
.overview-l dl dt{
	height:50px;
	line-height:50px;
	text-align: center;
	color:#fff;
	font-size:20px;
	border-left:#ebe9ed 1px solid;}
.overview-l dl dd{
	background:#fff;
	border-bottom:#dcdcdc 1px solid;}
.overview-l dl dd a{
	padding-left:5px;
	line-height:40px;
	display: block;
	width:100%;
	height:40px;
	overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;}
.overview-l dl dd:hover{
	border-left:#fa7e3a 2px solid;}
.overview-l dl dd:hover a{
	color:#5b317d;}
.overview-l dl .dd{
	border-left:#fa7e3a 2px solid;}
.overview-l dl .dd a{
	color:#5b317d;}
.overview-r{
	padding:10px;
	margin-top:30px;
	width:100%;
	float:right;}

.guidance ul{
	overflow:hidden;}
.guidance ul li{
	float:left;
	font-size:12px;
	color:#343333;
	margin-right:3px;}
.guidance ul li a{
	font-size:12px;
	color:#343333;
	display: block;
	padding-right:10px;
	background:url(../images/tu-10.png) no-repeat center right;}
.guidance a{
	font-size:12px;
	color:#343333;
	display: block;
	padding-right:10px;
	background:url(../images/tu-10.png) no-repeat center right;
	float:left;
	margin-right:3px;}


.overview-biao{
	padding:15px 0px;}
.overview-biao h1{
	font-size:26px;
	color:#292929;}
.overview-word img{
	display: block;
	max-width:100%;
	margin:20px auto;}
.directory{
	max-width:1200px;
	border-bottom:#a0a0a0 1px solid;
	padding-bottom:30px;}
.directory-text p{
	text-indent:20px;
	line-height:24px;
	margin:5px 0px;}
.directory-title{
	margin-top:30px;
	margin-bottom:30px;
	padding-left:30px;
	height:50px;
	border-left:#5b317d 6px solid;}
.directory-title h1{
	line-height:50px;
	font-size:24px;}

.directory-details{
	margin-top:20px;
	border-top:#a0a0a0 1px solid;
	padding-top:20px;
	max-width:1200px;}
.directory-ul{
	padding-bottom:40px;}
.directory-ul ul{
	min-height:400px;
	overflow:hidden;}
.directory-ul ul li{
	width:33.333%;
	float:left;
	overflow:hidden;}
.directory-ul ul li a{
	display: block;
	padding:15px;
	font-size:12px;
	width:100%;
	text-align: center;}

.directory-article{
	padding-bottom:40px;}
.directory-name{
	text-align: center;
	font-weight:bold;
	font-size:18px;
	color:#474747;}
.directory-time{
	text-align: center;
	font-size:12px;
	color:#474747;}
.directory-information,.directory-contact{
	min-height:300px;
	padding-bottom:40px;}
.international{
	min-height:300px;
	padding-bottom:40px;}
.international ul{
	border-top:#dcdcdc 1px solid;}
.international ul li{
	height:70px;
	border-bottom:#dcdcdc 1px solid;}
.international ul li a{
	height:70px;
	display: block;
	line-height:70px;
	font-size:14px;
	color:#454545;}
.friendship-link{
	display:none;
	position:fixed;
	top:30%;
	width:165px;
	right:0px;
	z-index:999;
	border:#dcdcdc 2px solid;
	background:#fff;}
.friendship-link dl dt{
	background:#dcdcdc;
	height:50px;
	text-align: center;
	line-height:50px;
	color:#252527;}
.friendship-link dl dd a{
	line-height:30px;
	text-align: center;
	display: block;}



/*没有小于768px，是因为bootstrap以移动端优先设计，以上都是为移动端小于768px的默认设计样式*/

/*小屏幕（平板、大于等于768px）*/
@media (min-width: 768px){
	.top{padding-top:20px;padding-bottom:20px;}
	.logo img{width:100%;}
	.search{display:block;}
	.navbar-nav{float:none; text-align: center;}
	.navbar-nav>li{display:inline-block; float:none;}
	.navbar-nav>li>a{padding:15px;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:#5b317d; color:#fff;}
	.navbar{position:relative;}
	#navbar{max-width:1200px; padding:0px; margin:0 auto; border-top:#a0a0a0 1px solid;}
	.banner{max-width:1200px;position:relative;border:#5b317d 1px solid;}
	.banner-within{width:100%;}
	.banner-within img{width:100%;display: block;}
	.swiper-container {width: 100%;height: 100%;}
	.swiper-slide{position:relative;}
	.swiper-slide-text{display:block; position:absolute; left:10%; text-align:left; bottom:0px; width:80%; height:50px; background:#5b317d; background:rgba(91,49,125,0.59);}
	.swiper-slide-text p{line-height:50px; color:#fff;}
	.swiper-slide{
	    text-align: center;
	    font-size: 18px;
	    /* 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:1198px;height:363px;}
	.banner .swiper-pagination{position:absolute;bottom:5px;right:48%;}
	.banner .swiper-pagination span{margin:0 5px;}
	.banner .swiper-button-prev,.banner .swiper-button-next{display:block;position:absolute;width:45px;height:45px;background-size:45px 45px;z-index:2;}
	.banner .swiper-button-prev{background-image:url(../images/left.png);left:0%;}
	.banner .swiper-button-next{background-image:url(../images/right.png);right:0%;}
	.news,.focus{margin-top:55px; padding-bottom:55px;}
	.focus .col-sm-4 a{height:250px;}
	.font-nav-class{display:-webkit-flex;display:-moz-flex;display:-o-flex;display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;}
	.font-nav-class dl{width:auto; margin-top:0px;}
	.overview-effect{background-color:rgba(92,48,125,0);}
	.overview-effect h1{opacity:1; font-size:30px;}
	.overview-effect p{opacity:0; font-size:16px;}
	.overview-li a:hover .overview-effect{background-color:rgba(92,48,124,1);}
	.overview-li a:hover .overview-effect h1{opacity:0; display:none;}
	.overview-li a:hover .overview-effect p{opacity:1;}
	.overview-r{width:calc(100% - 215px); padding:0px; margin-top:0px;}
	.overview-l{width:190px;top:-28px; margin:0px;}
	.directory-ul ul li{width:25%;}
	.directory-ul ul li a{font-size:14px;}
	.friendship-link{display:block;}
	
	/*兼容*/
	.font-nav-class{overflow:hidden\9;}
	.font-nav-class dl{float:left\9; margin:0px 20px\9;}
	.resources-r ul li a .resources-text h1{padding-top:30px\9;}
	.resources-r ul li a .resources-text p{padding-top:5px\9;}
	.overview-effect h1{padding-top:90px\9;}
	.within-banner-text h5{padding-top:70px\9;}
}

/*中屏幕（桌面显示器、大于等于992px）*/
@media (min-width: 992px){
	.navbar-nav>li{margin:0 10px;}
	.navbar-nav>li>a{padding:15px 20px;}
	.focus .col-sm-4 a{height:220px;}
	.directory-ul ul li{width:16.5%;}
	.directory-ul ul li a{font-size:16px;}
}

/*大屏幕（大桌面显示器、大于等于1200px）*/
@media (min-width: 1200px){
	.navbar-nav>li{margin:0px 20px;}
	.focus .col-sm-4 a{height:200px;}
	
}