
@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes change {
    0%{ color: #f00;}
    50%{ color: #fff100;}
    100%{ color: #f00;}
}

/* 定义blink类*/
.blink{
    animation: blink 1.25s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1.25s linear infinite;
    -moz-animation: blink 1.25s linear infinite;
    -ms-animation: blink 1.25s linear infinite;
    -o-animation: blink 1.25s linear infinite;
    color: #dd4814;
	background-color:yellow;
}

.nomargin{
	margin:0;
}

.nopadding{
	padding:0;
}

.mycol{
	padding:0;
	margin:0;
}

.myrow{
	padding:5px 0 0 0;
	margin:0;
}

.ausg8{
	padding:7px 7px 0 0;
}

.sidebar{
	padding:7px 0 0 7px;
}

.sidebarbox{
	background: #ffffff;
	padding:0;
}

.fpic{
	background-image: url(/Public/images/jpg-bg.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	padding: 30px 20px; 
}

.titlep{
	font-size: 18px;
	font-weight: bold;
	color: #0e68b7;
}

.iwant{
	padding:0;
}

.iwant a{
	color: #333333;
	text-decoration: none;
}

.wantp{
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
	height: 30px;
	line-height: 30px;
}

.wantst{
	padding:13px 4px 10px 4px;
	text-align: center;
}

.wantcva{
	padding:13px 4px 10px 4px;
	text-align: center;	
}


.wantwwoof{
	padding:13px 4px 10px 4px;
	text-align: center;	
}

.itopb{
	padding:7px 0 0 0;
}

.whygoes{
	padding: 7px 0;
}

.school{
	background:#ffffff;
}

.schooltitle{
	padding:10px 0;
	border-bottom: 1px solid #e6e6e6;
}

.st1{
	text-align: left;
	padding:0;
}

.st2{
	text-align: center;
	font-size: 1.2em;
}

.st2 a{
	display: inline-block;
	padding:0 5px;
	color: #333333;
}

.xxhover a:hover{
	text-decoration: none;
	background-color: #0e68b7;
	color: #ffffff;
	opacity:.8;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition:all .4s cubic-bezier(0.4, 0, 0.2, 1); 
	-webkit-transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);
}

.st3{
	text-align: right;
	padding:0;
}

.st3 a{
	text-decoration: none;
	color: #777777;
}

.schooldetailbox{
	padding:8px;
}

.schoolimg{
	padding:0;
}

.bb2 , .bb3{
	display: none;
}

.sd1{
	font-size: 1.2em;
	margin-bottom: 0;

}

.sd2{
	color: #999999;
	text-align: justify;
}

.guide{
	background: #ffffff;
	margin:7px 0;
	padding:5px 0;
}

.gd1{
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #0e68b7;
	padding:4px 0;
}

.gd1 a{
	color: #0e68b7;
}

.gd1 a:hover{
	text-decoration: none;
}

.gd2{
	padding:4px 0 4px 4px;
}

.gd2 a{
	color: #333333;
}

.gd3{
	padding:0 0  4px 0;
}

.gd4{
	
}

.gd4 p{
	margin-bottom: 0;
}

.gd4 a{
	color: #333333;
}

.offer{
	background: #ffffff;
	padding:0 0 10px 0;
}

.offerheader{
	padding:10px 7px 5px 15px;
}

.offerheader span a{
	float: right;
	font-size: 0.8em;
	color: #333333;
	padding-right: 8px;
	font-weight: normal;
}

.offerbox{
	padding:0 7px 0 0 ;
}

.offerboxa{
	display:inline-table;
	border:1px solid #e6e6e6;
	padding:2px;
}

.offerboxheader{
	background: #eb3539;
	color: #ffffff;
	padding:5px 7px;
	font-weight: bold;
	font-size: 1.1em;
}

.offerboxlogo{
	padding:5px 11px 0  10px;
}

.offerboxschool{
	padding:6px 0;
}

.offerboxtitle{
	padding:10px  0 0 0;
	line-height: 1.3em;
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
}

.offerboxtitle span{
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: normal;
}

.offerboxname{
	color: #333333;
	font-size: 1.1em;
	padding-top: 7px;
}


.roll-wrap{position:relative;width:100%;height:2em;overflow:hidden}
.roll_row .roll__list::before,.roll_row .roll__list::after{content:"";display:table;line-height:0}
.roll_row .roll__list::after{clear:both}.roll_row .roll__list{width:9999px}
.roll_row .roll__list li{float:left;display:block;padding-right: 20px;}
.control{position:absolute;top:30px;display:none;padding:10px 5px;font-weight:700;text-decoration:none;color:#fff;background-color:rgba(0,0,0,.3)}
.control:hover{background-color:rgba(0,0,0,.5)}
.roll_col{width:100%;height:200px;overflow:hidden}
.roll_col .roll__list{width:100%}
.roll_col li{display:block;}


.quickbar{
	padding:0 15px;
}

.qyickborder{
	border: 1px solid #efefef;
}

.qiucktxt{
	font-size: 16px;
	font-weight: bold;
	color: #0e68b7;
	padding:2px 0 0 0;
}

.dp{
	padding:0 0 0 7px;
}

.dpbox{
	background-color: #ffffff;
	padding:10px 15px 9px 15px;
}

.dptitle {
	padding:0;
}

.dptxt{
	padding:0;
}

.dptxt a:hover{
	text-decoration: none;
}

.dp1{
	background:url(/Public/images/index/icon-user.jpg) 0 11px no-repeat;
	padding:8px 0 0 20px;
	font-size: 1.1em;
	margin-bottom: 0;
}

.dp2{
	color: #666666;
	text-align: justify;
	margin-bottom: 0;
}

.stbox{
	padding:0;
	margin-top: 7px;
	background: #ffffff;
}

.stheader{
	padding:10px 0 10px 0;
}

.sth1 span{
	color: #e4007f;
}

.sth2 {
	text-align: center;
}

.sth2 a{
	color: #333333;
	font-size:1.2em;
}

.sth3{
	text-align: right;
}

.sth3 a{
	color: #333333;
}

.stcontentbox{
	padding: 10px 10px 10px 15px;
}

.st-img{
	padding:0;
}

.st-text{
	line-height: 1.6em;
}

.st-text a{
	color: #333333;
}

.st-text a:hover{
	text-decoration: none;
}

.ccbox{
	margin-top: 7px;
	padding:0 0 0 7px;
}

.cvabox{
	padding:0 0 7px 0;
}

.wwoofbox{
	padding:0;
}

@media(max-width:1199px){

	.wantst{
		padding:10px 2px;
		font-size: 0.8em;
	}

	.wantcva{
		padding:10px 2px;	
		font-size: 0.8em;
	}


	.wantwwoof{
		padding:10px 2px;	
		font-size: 0.8em;
	}
}

@media(max-width:991px){

	.iwant span{
		display: none;
	}

	.dp{
		padding:7px 0 0 0;
	}
	.ccbox{
		padding:0;
	}
	.wantst img{
		width: 50%;
	}
	.wantcva img{
		width: 50%;
	}
	.wantwwoof img{
		width: 50%;
	}
}

@media(max-width:776px){

	.dp{
		padding:7px 0 0 0 ;
	}

	.st-text {
	    line-height: 1.4em;
	}
	.gd4 p{
		padding:5px 5px 5px 20px ;
		font-size: 1.1em;
		background: url(/Public/images/index/icon-news.jpg) 0 8px no-repeat;
	}

	.gd2 a{
		display: inline-block;
		padding:5px 10px;
	}

	.guidebox{
		padding-bottom: 10px;
	}
	.ausg8{
		padding-right: 0;
	}
	.wantst,.wantcva,.wantwwoof{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.wantst img{
		width: 80%;
	}
	.wantcva img{
		width: 80%;
	}
	.wantwwoof img{
		width: 80%;
	}
}


.ftext{
	background-color: #afd459;
	padding:30px 20px 31px 20px;	
	text-align: justify;
	font-size: 1.2em;
	line-height: 1.5em;
}

.ftext h1{
	margin-top: 0;
	margin-bottom: 0;
}

.sborder{
	border-bottom: 5px #009ee2 solid;
	display: inline-block;
	width: 3em;
	margin-bottom: 0;
}

.f2{
	padding-top:30px;
}

.boxpic{
	padding: 0 81px 0 82px;
}

.boxhead{
	text-align: center;
}

.boxhead h3{
	color: #009ee2;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 10px;
}

.boxtext{
	text-align: center;
}

.ibanner{
	padding:7px 0 0 0;
}



.frow{
	background-image: url(/Public/images/frbg.jpg);
	background-repeat: no-repeat;
	padding:60px 0;
	margin-top: 20px;
}

.frbox{
	background-color: #009ee2;
	color: #ffffff;
	text-align: center;
	font-size: 1.4em;
	padding:1em 0;
}


.fxv{
	margin-top: 40px;
	margin-bottom: 40px;
}

.fxv h1{
	text-align: right;
	font-weight: bold;
	color:#009ee2;
	font-size: 2.9em;
}

.fxv h2{
	text-align: right;
	font-weight: bold;
	font-size: 1.9em;
}

.sborder2{
	border-bottom: 5px #8ebc53 solid;
	display: inline-block;
	width: 3em;
	margin-bottom: 0;
	float: right;
}

.fxvtext{
	text-align: right;
	text-transform: uppercase;
}

.fxv2{
	padding-top: 40px;
}

.fxv3{
	margin-top: -80px;
	padding:0;
	margin-left: 40px;
}

.fxv4{
	padding-top: 30px;
}

.fxv4 ul{
	list-style-type: none;
}

.fxv4 li{
	background-image: url(/Public/images/liiocn.jpg);
	background-repeat:no-repeat;
	padding-left: 20px;
}

.flocation{
	background-image: url(/Public/images/location4.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 20px;
}

.flocation2 h1{
	font-weight: bold;
	color:#009ee2;
	font-size: 2.9em;	
	border-bottom: 5px #8ebc53 solid;
	display: inline-block;
}

.flocation2 h2{
	margin:0;
}

.flocation2 p{
	font-size: 1.2em;
	line-height: 1.8em;
}

.flocation3{
	padding-top:40px;
	padding-left:0;
	padding-right: 0;
}

.sharepic{
	float: left;
	padding-right: 10px;
}

.ishare{
	margin-top: 30px;
}

.sharetext p{
	text-align: justify;
	margin-bottom: 0;
}

.ishare h1{
	font-weight: bold;
	color:#009ee2;
	font-size: 2.9em;	
	text-align: center;
}

.ishare h2{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.sharetext1{
	font-size: 1.3em;
	font-weight: bold;
}

.sharetext2{
	color: #009ee2;
}

.sharetext4 a{
	color: #009ee2;
	text-decoration: none;
}

.isharebox{
	margin-bottom: 20px;
}

.fphoto{
	background-image: url(/Public/images/xphotobg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 20px;
}


@media (max-width: 1199px){

.fpic{
	padding-top: 80px;
	padding-bottom: 66px;
}

.fxv h1{
	margin-top: 0;
}

.fxv h2{
	margin-top: 0;
}

.fxv4{
	padding-right: 0;
}

.fxv4 ul{
	padding-left: 20px;
}

.flocation2 h2{
	font-size:1.9em;
}

}

@media (max-width: 991px){

.fxv{
	margin-bottom: 0;
}

.fxv2{
	padding-top: 10px;
}
.fxv3{
	margin-top:0;
	margin-left:0;
	padding:10px 15px;
}

.flocation{
	background-image: none;
}

}

@media (max-width: 767px){
 .boxpic{
 	padding:0;
 }
 .frow{
 	background-image: none;
 	margin-top:0;
 	padding-top: 0;
 	padding-bottom: 0;
 }
 .fxv h1{
 	font-size: 2.2em;
 }

 .flocation2 h1{
 	font-size: 2.2em;
 }

  .flocation2 h2{
 	font-size: 1.4em;
 	font-weight: bold;
 }
}




/*--------------------------LOGO---*/
#logos{
	padding:5px 0 0 0;
}
.logosXo{
	display: none;
}

@media (max-width: 767px){
	.logosXo{
		display: block;
	}
	.logosXpic{
		display: none;
	}
}

/*--------------------------SLIDE---*/
#myslide .left{
	text-align: center !important; 
}
.carousel-indicators{
	bottom:-10px;
}