/*
 Theme Name: KingSwimSchool
 Theme URI:
 Author: Kolby
 Author URI:
 Description: KingSwimSchool template theme
 Version: 1.0.0
 License:
 License URI:
*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,fieldset,input,select,textarea,blockquote,th,td,dl,dt,dd,nav{
    margin: 0;
    padding: 0;
    font-family: '微锟斤拷锟脚猴拷', Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif;
}
html,body{
    width: 100%;
    font-size: 14px;
    background:#fff;
    color: #0c65b1;
    -webkit-text-size-adjust:none;
	position: absolute;
}

html{
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
p{
	padding-bottom: 30px;
}
a:hover{
	text-decoration: none;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.clr{
    clear: both;
}
.pr{
    position: relative;
}
.pa{
    position: absolute;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}
.vert-m{
    vertical-align: middle;
}


ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.f18{
    font-size: 18px;
}
.f16{
    font-size: 16px;
}
.f12{
    font-size: 12px;
}
.t-indent{
    text-indent: 2em;
}
.green{
    color: #79c34b;
}
.red{
    color: #fa5858;
}

.w100p{
    width: 100%;
}
.h100p{
    height: 100%;
}
.h400{
    height: 400px;
}
.row{
	padding: 0px;
	margin: 0px;
}
/**********外边距***********/

.m5{margin: 5px;}
.mt5{margin-top: 5px;}
.mb5{margin-bottom: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}

.m10{margin: 10px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}

.m15{margin: 15px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}

.m20{margin: 20px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}

.m25{margin: 25px;}
.mt25{margin-top: 25px;}
.mb25{margin-bottom: 25px;}
.ml25{margin-left: 25px;}
.mr25{margin-right: 25px;}

.m30{margin: 30px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.ml30{margin-left: 30px;}
.mr30{margin-right: 30px;}

.m40{margin: 40px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
.ml40{margin-left: 40px;}
.mr40{margin-right: 40px;}

.m50{margin: 50px;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.ml50{margin-left: 50px;}
.mr50{margin-right: 50px;}

.m60{margin: 60px;}
.mt60{margin-top: 60px;}
.mb60{margin-bottom: 60px;}
.ml60{margin-left: 60px;}
.mr60{margin-right: 60px;}

.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

/**********内边距***********/
.p0{padding: 0px;}
.pt0{padding-top: 0px;}
.pb0{padding-bottom: 0px;}
.pl0{padding-left: 0px;}
.pr0{padding-right: 0px;}

.p5{padding: 5px;}
.pt5{padding-top: 5px;}
.pb5{padding-bottom: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}

.pl8{padding-left: 8px;}

.p10{padding: 10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}

.p15{padding: 15px;}
.pt15{padding-top: 15px;}
.pb15{padding-bottom: 15px;}
.pl15{padding-left: 15px;}
.pr15{padding-right: 15px;}

.p20{padding: 20px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}

.p25{padding: 25px;}
.pt25{padding-top: 25px;}
.pb25{padding-bottom: 25px;}
.pl25{padding-left: 25px;}
.pr25{padding-right: 25px;}

.p30{padding: 30px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}

.p40{padding: 40px;}
.pt40{padding-top: 40px;}
.pb40{padding-bottom: 40px;}
.pl40{padding-left: 40px;}
.pr40{padding-right: 40px;}

.p50{padding: 50px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.pl50{padding-left: 50px;}
.pr50{padding-right: 50px;}

.p60{padding: 60px;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pl60{padding-left: 60px;}
.pr60{padding-right: 60px;}

/****字符过长省略****/
.ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gray-3{
    color: #333;
}
.gray-6{
    color: #666;
}
.gray-9{
    color: #999;
}
.container-fluid.plr0{
    padding: 0px;
}

@font-face {
    font-family: MR;
    /*src: url('../fonts/MinionPro-Regular.oft');*/
    font-display:swap;/**在这些选项中，font-display: swap;这一规则备受关注。这是好事，它体现了 FOUT 强势回归所带来的价值。使用这个规则，浏览器完全不会等待字体加载，而是立刻用字体栈中最符合条件的字体把文字先显示出来。然后，如果有更符合的字体，并且加载完毕，浏览器会“交换”字体。**/
}
@font-face {
    font-family: RB;
    src: url('fonts/Roboto-Bold.ttf');
    font-display:swap;
}
@font-face {
    font-family: RR;
    src: url('fonts/Roboto-Regular.ttf');
    font-display:swap;
}

/***********************************index************************************/
.banner_top{
	width: 100%;
	height: auto;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
.banner_top img{
	width: 100%;
	height: auto;
	display: block;
}
.main_block{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.top_block{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 30px;
	}
.banner_imga{
	width: 100%;
	height: 420px;
	background: url(images/bg01.png) no-repeat center top;
	background-size: cover;
}
.banner_imgb{
	width: 100%;
	height: auto;
	display: block;
}
.img_logo{
	width: 210px;
	height: auto;
	float: left;
	display: block;
}
.top_txt{
	position: absolute;
	display: block;
	top:30px;
	right: 0;
	font-family: MR;
	font-size: 28px;
	color: #eb5d06;
}
.top_nav{
	width: calc(100% - 210px);
	float: right;
	padding-top: 60px;
	}

 /************************导航***************************/


.top_nav .navbar-nav>li>a{
	font-family:RB ;
	font-size: 1.4em;
	color: #0c65b1;
}
.top_nav .nav>li>a{
	padding: 10px 25px;
}


.menu-item-has-children>a:after{
	content: "";
}
.sub-menu{
	padding: 5px 35px;
	display: block;

}
.sub-menu li{
	border-bottom:1px solid #ccc;

}
@media (min-width: 768px){
	.navbar-nav {
		float: right;
		margin: 0;
	}
	.menu-item-has-children>a:after{
		content: "^";
		position: absolute;
		top: 5px;
		right: 10px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);

	}
	.menu-item-has-children:hover ul{
		display: block;
	}
	.sub-menu{
		display: none;
		position: absolute;
		background: #fff;
		border:1px solid #ccc;
		box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
		border-radius: 5px;
		white-space:nowrap;
		z-index: 100;
	}
}



        /************************导航end***************************/	

.bg-blue{
	background: #d8effc;
}
.Kings_box{
	width: 100%;
	height: auto;
	background: #fff;
	padding: 40px;
}
.k_h3{
	font-size: 30px;
	font-family: RB;
	color: #0051a7;
	line-height: 2.8em;
}
.k_p{
	font-size: 20px;
	font-family: MR;
	color: #0051a7;
	padding-bottom: 30px;
	line-height: 1.6em;
}
.k_op{
	font-size: 20px;
	font-family: RB;
	color: #eb5d06;
	line-height: 1.6em;
}
.News_box{
	width: 100%;
	min-height: 576px;
	margin-top: 30px;
}
.News_title{	
	height: 60px;
	background:#0051a7;
	border-bottom: 4px solid #51c5e6;
	font-family: RB;
	font-size: 28px;
	line-height: 56px;
	text-align: center;
	color: #fff;
}
.News_inbox{
	min-height: 516px;
	padding: 30px;
	background: #fff;
}
.Book_now_title{
	font-family: RR;
	font-size:35px;
	color: #0051a7;
	line-height:70px;
	padding-bottom: 20px;
	text-align: center;
}
.Book_now_box{
	padding-bottom: 30px;
}
.Book_now_box img{
	display: block;
	width: 100%;
	height: auto;
}
.Book_now_text{
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 36px;
}
.font_faRR{
	font-family: RR;
	color: #0051a7;
}
.font_faRB{
	font-family: RB;
	color: #eb5d06;
}
.Test_box{
	padding-top: 90px;
}
.Test_title{
	height: 60px;
	background:#4ec1e4;
	border-bottom: 4px solid #fff;
	font-family: RB;
	font-size: 28px;
	line-height: 56px;
	text-align: center;
	color: #fff;
}
.Test_inbox{
	/*min-height: 1056px;*/
	background: #0c64b1;
	padding: 30px;
	color: #FFFFFF;
}
.bg-bluedeep{
	background: #0c64b1;
}
.foot_p{
		font-size: 20px;
		color: #fff;
		line-height: 40px;
	}
.foot_p.font_faRB{
	font-family: RB;
}
.foot_p.font_faRR{
	font-family: RR;
}
.foot_p.font_faRR a{
	color: #fff;
}
.foot_p.font_faRR a:hover{
	text-decoration: underline;
}
.foot_img{
	width: 200px;
	height: auto;
	display: block;
}

.babyTable{
	font-size: 21px;
	color: #0051a7;
	width: 100%;
	margin-bottom: 30px;
}
.babyTable tr{
	border-bottom: 1px solid #0051a7;
}
.babyTable td{
	width: 50%;
}
.babyTable tr td:nth-child(1):after{
	content: url("images/rightIcon.png");
}
.downloads{
	font-size: 21px;
	color: #0051a7;
	width: 100%;
	margin-bottom: 30px;
}
.downloads a:nth-child(2){
	border: 1px solid #0051a7;
	padding: 5px;
	position: absolute;
	right: 10px;
}
.contactBox{
	color: #0051a7;
	font-size: 21px;
}
.contactBox h3{
	font-weight: bold;
	color: #eb5d06;
	font-size: 35px;
	padding-bottom: 30px;
}
.contactBox span{
	font-weight: bold;
}
.contactBox form{
	padding-top: 68px;
}
.contactBox form span{
	position: absolute;
	right: 30px;
}
.contactBox form span>input,
.contactBox form span>textarea{
	width: 400px;
}
.contactSubmit{
	margin-top: 250px;
	padding: 10px;
	background-color: #0051a7;
	color: #ffffff;
}
.main_block .row{
	margin-left: -15px;
	margin-right: -15px;
}
/************************************1360以下*********************************************/
@media (max-width:1360px) {
	.img_logo{
		width: 160px;		
	}
	.top_txt{		
		font-size: 20px;
	}
	.top_nav{		
		padding-top: 50px;
		}
}
/************************************1280以下*********************************************/
@media (max-width:1280px) {
	.img_logo{
		width: 140px;
	    margin-left: 20px;
	}
	.top_nav{
		padding-top: 40px;
		}
}
/************************************1200以下*********************************************/
@media (max-width:1200px) {
	.top_txt{
		right: 20px;
	}
	.top_nav{
		padding-right: 20px;
		}
	.nav-collapse a {
		padding: 0.7em 0em 0.7em 2.4em;
		font-family: RB;
		font-size: 20px;
	}
}
/************************************1080以下*********************************************/
@media (max-width:1080px) {
	.nav-collapse a {
		padding: 0.7em 0em 0.7em 1.5em;
		font-family: RB;
		font-size: 20px;
	}
	.foot_p{
			font-size: 16px;
			line-height: 40px;
		}
}
/************************************980以下*********************************************/
@media (max-width:980px) {
	.nav-collapse a {
		padding: 0.7em 0em 0.7em 1em;
		font-family: RB;
		font-size: 16px;
	}
	.Test_box{
		padding-top:0;
	}
	.Test_inbox{
		min-height: 500px;
		background: #0c64b1;
		padding: 30px;
	}
	.foot_p{
			font-size: 14px;
			line-height: 30px;
		}
	.foot_img{
		width: 120px;
	}	
}
/************************************768以下*********************************************/
@media (max-width:768px) {
	.top_block{
		padding-top: 0;
		}
	.top_txt{
		font-size: 14px;
		top: auto;
		bottom: 30px;
	}
	.top_nav{
		width: 100%;
		float: right;
		padding-top: 0;
		padding-right: 0;
		}
	.nav-collapse li{
		border-bottom:1px solid #d8effc;
	}	
	.k_h3{
		font-size: 20px;
	}
	.k_p{
		font-size: 16px;
	}
	.k_op{
		font-size: 16px;
	}
	.Book_now_text{
		width: 100%;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
	}
	.foot_p{
			font-size: 12px;
			line-height: 30px;
	}
	.contactBox form span{
		position: relative;

	}
	.contactBox form span>input,
	.contactBox form span>textarea{
		width: 100%;
		margin: 20px;
		border: 1px solid #0051a7;
	}
	.contactSubmit{
		margin-top: 0px;
	}
	.Kings_box{
		padding: 20px;
	}
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before{
	font-size: 40px;
}