@charset "utf-8";
/* CSS Document */
@font-face
{
font-family: Avant;
src: url('../fonts/Avant.ttf'),
     url('../fonts/Avant.eot'); /* IE9+ */
}
.container{ margin:auto; position:relative; text-align:center;}
@media (max-width:767px){.container{ width:100%; padding:0;}}
@media (min-width: 768px) and (max-width: 991px){.container{ width:750px}}
@media (min-width:992px) and (max-width:1199px){.container{ width:900px}}
@media (min-width:1200px){.container{ width:1170px}}
@media (min-width:1680px){.container{ width:1500px;}}

.container-top{ width:100%;}

.logo-area {
	width:20%; 
	display:inline-block; 
	float:left;
	margin:25px auto auto auto;
	text-align:left;
}

.search-box{
	width:45%; 
	height:45px;
	float:left;
	margin:30px auto auto auto; 
	border-radius:5px 5px 5px 5px; 
	display:inline-block;
	}
.group-bg{
	background: -webkit-linear-gradient(left, #1fd4da , #1cbce4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #1fd4da, #1cbce4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #1fd4da, #1cbce4); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #1fd4da , #1cbce4); /* 标准的语法 */
  }
.form-control{
	width:75%;
	line-height:40px;
	background:none;
	border:0px;
	padding:0 15px 0 15px;
	font-size:16px;
	color:#fff;
	}
.search-btn{
	width:10%;
	height:100%;
	border: none;
	float:right;
	background:url(../images/search-btn.png) no-repeat center center;
	cursor:pointer;
	}
.header-word{
	width:30%;
	float:right;
	margin:25px auto auto auto;
	display:inline-block;	
	text-align:left;
	font-size:14px;
	}
.header-word p{ width:70%;float:left;}
.header-word span{ width:25%;float:right;}
.header-word span img{ width:100%;}
/*.header-word div{
	width:45%; 
	float:right;
	margin:5px auto auto auto;
	}
.header-word div *{ vertical-align:middle;}*/

 
.header-menu-area{
	width:100%;  
	margin:25px auto auto auto;
	display:inline-block;
	}


/*手机导航*/
.phone_nav{ width:100%; height:60px; float:left; margin:2% auto auto auto; display:none; position:relative; text-align:left;}
.phone_nav .logo { height:100%; margin:auto auto auto 15px; }
.phone_nav .logo img{ width:auto; height:80%;}
.meun{ background: #1dbfe3; display: block;height: 30px;width: 40px;position: absolute;top: 0px;z-index: 99;border-radius: 6px;right: 15px;padding-top: 5px;padding-bottom: 5px;}
.meun-nav{background: transparent;border: none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;}
.meun-nav span{background-color: #fff;display: block;height: 3px;width: 30px;margin-top: 5.25px;margin-right: auto;margin-left: auto;}

.meunCont{ background: #fff; display: none; padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px;position: absolute;z-index: 9999;width: 100%;top: 60px; border-bottom:2px solid #1dc2e2;}
.meunCont dl{border-top: 1px solid #e5e5e5;padding-bottom: 5px;padding-top: 5px;}
.meunCont dt{font-size: 15px;}
.meunCont dt a{color: #333;}
.meunCont dd{font-size: 14px;}
.meunCont dd a{color: #999;margin-top: 8px;margin-right: 8px;display: inline-block;}
.meunCont a:hover{color: #666;}
.wrap{margin-right: auto;margin-left: auto;position: relative;padding: 0px;margin-top: 0;margin-bottom: 0;}
.wrap::after{display: table;clear: both;content: "";}

.topbanner{ height: auto; position:relative; width:100%; overflow:hidden;}

.yangyin-bg{	
	background:url(../images/bg-1.jpg) repeat-x bottom;
	}

.yangyin-1-box{
	width:100%;
	background:url(../images/bg-0.jpg);
	padding:30px 0 60px 0;	
	display:inline-block;
	}
.yangyin-50{
	width:50%;
	float:left;
	display:inline-block;
	position:relative;
	}
.yangyin-tit{
	width:90%;
	border-left:5px solid #1dc6e0;
	padding:0 0 0 5%;	
	text-align:left;
	}
	.yangyin-tit .tit{
		font-size:24px; 
		}
	.yangyin-tit .engtit{
		font-size:18px;
		font-family:Avant;
		font-weight:bold;
		margin:5px auto auto auto;
		}
.yangyin-list{
	width:100%;
	margin:15px auto auto auto;
	}
	.yangyin-list dl{
		width:30%;
		height:40px;
		float:left;
		margin:10px 3% auto auto;
		border-radius:20px 5px 5px 20px;
		border:1px solid #e1e1e1;
		overflow:hidden;
		background:#ebebeb;
		-webkit-transition: all 0.3s ease-out 0s;
    	transition: all 0.3s ease-out 0s;
		}
		.yangyin-list dl dt{
			width:36px;
			height:36px;
			float:left;
			margin:2px 0 0 2px;
			border-radius:100%;
			background: url(../images/yangyin.png) no-repeat center #fff; 
			}
		.yangyin-list dl dd{
			width:70%;
			height:100%;
			display:block;
			float:left; 
			margin:0px 0px 0px 10px;
			line-height:40px; 
			text-align:left; 
			font-size:12px;
			}
	.yangyin-list dl:hover{
		-webkit-transition: all 0.3s ease-out 0s;
    	transition: all 0.3s ease-out 0s;
		background: -webkit-linear-gradient(left, #1fd4da , #1cbce4); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #1fd4da, #1cbce4); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #1fd4da, #1cbce4); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #1fd4da , #1cbce4); /* 标准的语法 */
		cursor: pointer;
		}
		.yangyin-list dl:hover dd{
			color:#FFF;
			}
.yangyin-more{ 
	float:right;
	margin:25px 3% auto auto;
	padding:10px 30px 10px 30px;
	color:#FFF;
	border-radius:20px;
	}
	.yangyin-more a{
		color:#FFF;
		}
		
.yangyin-30{
	width:29%;
	float:left;
	margin:25px 3.2% auto auto;
	border:1px dotted #ebebeb;
	padding:0.5%;
	}
	.yangyin-list-2{
	width:100%;
	margin:15px auto auto auto;
	}
	.yangyin-list-2 dl{
		width:48%;
		height:40px;
		float:left;
		margin:10px 2% auto auto;
		border-radius:20px 5px 5px 20px;
		overflow:hidden;
		background:#f3f3f3;
		-webkit-transition: all 0.3s ease-out 0s;
    	transition: all 0.3s ease-out 0s;
		}
		.yangyin-list-2 dl dt{
			width:36px;
			height:36px;
			float:left;
			margin:2px 0 0 2px;
			border-radius:100%;
			background: url(../images/yangyin.png) no-repeat center #fff; 
			}
		.yangyin-list-2 dl dd{
			padding-left:5px;
			line-height:40px; 
			text-align:left;
			font-size:12px;
			}
	/*.yangyin-list-2 dl:nth-child(2n+0){
		margin:10px 0px auto auto;
		}*/
	.yangyin-list-2 dl:hover{
		-webkit-transition: all 0.3s ease-out 0s;
    	transition: all 0.3s ease-out 0s;
		background: -webkit-linear-gradient(left, #1fd4da , #1cbce4); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #1fd4da, #1cbce4); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #1fd4da, #1cbce4); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #1fd4da , #1cbce4); /* 标准的语法 */
		cursor: pointer;
		}
		.yangyin-list-2 dl:hover dd{
			color:#FFF;
			}
.yangyin-30:nth-child(3n+0){
	margin:25px 0px auto auto;
	}
	
	
.yangyin-tit-2{
	width:100%;
	border-left:5px solid #FFF;
	padding:0 0 0 20px;	
	text-align:left;
	color:#FFF;
	}
	.yangyin-tit-2 .tit{
		font-size:24px; 
		}
	.yangyin-tit-2 .engtit{
		font-size:18px;
		font-family:Avant;
		font-weight:bold;
		margin:5px auto auto auto;
		}	
		
.yangyin-more-2{ 
	float:right;
	margin:25px 3% auto auto;
	padding:10px 30px 10px 30px;
	color:#FFF;
	border-radius:20px;
	background:#FFF;
	}
	.yangyin-more-2 a{
		color:#0ab2f8;
		width:100%;
		height:100%;
		display:block;
		}
 
	.yangyin-list-3{
		width:100%;
		margin:15px auto auto auto;
	}
	.yangyin-list-3 dl{
		width:48%;
		height:40px;
		float:left;
		margin:10px 2% auto auto;
		border-radius:20px 5px 5px 20px;
		overflow:hidden;
		background:#f3f3f3;
		-webkit-transition: all 0.3s ease-out 0s;
    	transition: all 0.3s ease-out 0s;
		}
		.yangyin-list-3 dl dt{
			width:36px;
			height:36px;
			float:left;
			margin:2px 0 0 2px;
			border-radius:100%;
			background: url(../images/yangyin.png) no-repeat center #fff;
			display:inline-block;
			}
		.yangyin-list-3 dl dd{
			height:40px;
			margin:0px 0px 0px 5px;
			line-height:40px; 
			text-align:left;
			font-size:12px;
			overflow:hidden; 
			}
	.yangyin-list-3 dl:nth-child(2n+0){
		margin:10px 0px auto auto;
		}
	.yangyin-list-3 dl:hover{
		-webkit-transition: all 0.3s ease-out 0s;
    	transition: all 0.3s ease-out 0s;
		background: -webkit-linear-gradient(left, #1fd4da , #1cbce4); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(right, #1fd4da, #1cbce4); /* Opera 11.1 - 12.0 */
		background: -moz-linear-gradient(right, #1fd4da, #1cbce4); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #1fd4da , #1cbce4); /* 标准的语法 */
		cursor: pointer;
		}
		.yangyin-list-3 dl:hover dd{
			color:#FFF;
			}
 

.footer-copyright{
	width:100%;
	border-top:5px solid #1dc6e0;
	}
 
.dateil_box{
	
	}
	.detail_head{
		width:100%;
		margin:3% auto auto auto;
		border-radius:20px;
		padding:35px 0 35px 0;
		background: url(../images/bg-1.jpg) repeat-x bottom;
		display:inline-block;
		}
		.detail_head_left{
			width:40%;
			float:left;
			text-align:right;
			}
			.detail_head_left img{
				width:150px;
				height:auto;
				padding:3px;
				border-radius:100%;
				box-shadow:#d8d8d8 0px 2px 2px; 
				}
		.detail_head_right{
			width:50%;
			float:right;
			text-align:left;
			}
			.detail_head_right .tit{
				font-size:26px; 
				}
	.detail_h3{
		width:99%;
		margin:2% auto auto auto; 
		border-bottom:1px solid #1dc6e0;
		padding-bottom:10px;
		}
		.detail_h3 .tit{
			font-size:24px;
			color:#1dc6e0;
			}
		.detail_h3 .engtit{
			font-size:18px;
			font-family:Avant;
			font-weight:bold;
			margin:5px auto auto auto;
			}
	.detail_list{
		width:100%;
		margin:15px auto 5% auto;
		display: inline-block;
		}
		.detail_list dl{
			width:31%;
			height:60px;
			float:left;
			margin:2% 3% auto auto;
			border-radius:30px 5px 5px 30px;
			overflow:hidden;
			background:#f3f3f3; 
			display:block;
			transition:all 500ms;
			-moz-transition: all 500ms; /* Firefox 4 */
			-webkit-transition: all 500ms; /* Safari 和 Chrome */
			-o-transition: all 500ms; /* Opera */
			position:relative;
			}
		.detail_list dl:nth-child(3n+0){
			margin:2% 0px auto auto;
			}
			.detail_list dl dt{
				width:56px;
				height:56px;
				float:left;
				margin:2px 5px 0 2px;
				border-radius:100%;
				background: url(../images/yangyin.png) no-repeat center #fff;
				position:relative;
				}
			.detail_list .music_down a{
				width:50px;
				height:60px;
				position:absolute;
				z-index:100;
				top:0px;
				right:0px;
				line-height:60px;
				text-align:center;
				display:block;
				}
			.detail_list .copy-a{
				width:60px;
				height:60px;
				position:absolute;
				z-index:100;
				top:0px;
				right:60px;
				line-height:60px;
				text-align:center;
				display:block;
				font-size12px;
				}
			.detail_list dl dd{
				width:auto; 
				text-align:left; 
				position:relative; 
				}
				.detail_list dl dd .music_tit{ 
					height:60px;
					display:table-cell;
					vertical-align:middle;
					font-size:13px; 
					} 
				
				.detail_list dl dd .tear_tit{ 
					float:left;
					padding:5px 15px;
					background:#d5d5d5;
					font-size:12px;
					border-radius:15px;
					text-align:center;
					margin:10px auto auto auto;
					overflow:hidden;
					}
				.detail_list dl:hover .tear_tit{
					background:#FFF;
					color:#1cbce4;
					}
			.detail_list dl .play_btn{
				width:50px;
				height:auto;
				position:absolute;
				top:8%;
				left:-50%;
				transition:all 500ms;
				-moz-transition: all 500ms; /* Firefox 4 */
				-webkit-transition: all 500ms; /* Safari 和 Chrome */
				-o-transition: all 500ms; /* Opera */
				}
				.detail_list dl .play_btn img{
					width:100%;
					height:auto;
					}
			.detail_list dl:hover .play_btn{
				left:5px;
				}
			
		
		.detail_list dl:hover{ 
			background:#1cbce4;
			cursor: pointer;
			}
			.detail_list dl:hover dd{
				color:#FFF;
				}
				
	.detail_channel{
		width:100%;
		margin:3% auto auto auto;
		border-radius:10px;
		padding:15px 0 15px 0;
		background: url(../images/bg-1.jpg) repeat-x bottom;
		display:inline-block;
		}
		.detail_channel ul li{
			width:auto;
			display:inline;
			font-size:18px;
			}
			.detail_channel ul li a{ 
				display: inline-block;
				line-height:40px;
				padding:0 30px;
				border-radius:40px; 
				transition:all 500ms;
				-moz-transition: all 500ms; /* Firefox 4 */
				-webkit-transition: all 500ms; /* Safari 和 Chrome */
				-o-transition: all 500ms; /* Opera */
				}
			.detail_channel ul li a:hover{
				background:#1cbce4;
				cursor: pointer; 
				color:#FFF;
				}


	.teacher_list{
		width:100%;
		margin:15px auto 5% auto;
		display: inline-block;
		}
		.teacher_list dl{
			width:23%;
			height:120px;
			float:left;
			margin:2% 2.5% auto auto;
			border-radius:10px;
			overflow:hidden;
			background:#f3f3f3;
			-webkit-transition: all 0.3s ease-out 0s;
			transition: all 0.3s ease-out 0s;
			display:block;
			position:relative;
			}
			.teacher_list dl dt{
				width:60px;
				height:60px;
				float:left;
				margin:10px 0 0 10px;
				border-radius:100%;
				background: url(../images/yangyin.png) no-repeat center #fff;
				position:relative;
				z-index:8;
				}
			.teacher_list dl dd{
				width:175px; 
				float:left;
				margin:0px 0px 0px 10px;
				text-align:left; 
				position:relative;
				display: inline-block;
				z-index:8;
				}
				.teacher_tit{
					width:100%;
					font-weight:100;
					font-size:22px;
					margin:15px auto auto auto; 
					}
				.teacher_text{
					width:100%;
					height:30px;
					overflow:hidden;
					font-size:14px;
					margin:auto auto auto auto;  
					transition:all 1000ms;
					-moz-transition: all 1000ms; /* Firefox 4 */
					-webkit-transition: all 1000ms; /* Safari 和 Chrome */
					-o-transition: all 1000ms; /* Opera */ 
					}
		.teacher_list dl:nth-child(4n+0){
			margin:2% 0px auto auto;
			}
		.teacher_list dl:hover dd{
				color:#FFF;
				}
		
		.teacher_more{
			width:50%;
			line-height:20px;
			padding:5px 0 5px 0;
			border-radius:10px;
			background:#FFF;
			color:#1cbce4;
			margin:60px auto auto auto;
			display:inline-block;
			position:relative;
			z-index:6;
			transition:all 1000ms;
			-moz-transition: all 1000ms; /* Firefox 4 */
			-webkit-transition: all 1000ms; /* Safari 和 Chrome */
			-o-transition: all 1000ms; /* Opera */
			}
		.teacher_list dl .csbg{
			width:100%; 
			height:100%; 
			background:#f90;
			border-radius:10px;
			position:absolute; 
			left:0;
			bottom:-150px;
			z-index:5;
			transition:all 500ms;
			-moz-transition: all 500ms; /* Firefox 4 */
			-webkit-transition: all 500ms; /* Safari 和 Chrome */
			-o-transition: all 500ms; /* Opera */
			background: -webkit-linear-gradient(left, #1fd4da , #1cbce4); /* Safari 5.1 - 6.0 */
			background: -o-linear-gradient(right, #1fd4da, #1cbce4); /* Opera 11.1 - 12.0 */
			background: -moz-linear-gradient(right, #1fd4da, #1cbce4); /* Firefox 3.6 - 15 */
			background: linear-gradient(to right, #1fd4da , #1cbce4); /* 标准的语法 */
			}
		.teacher_list dl:hover .csbg{ bottom:0px; }
		.teacher_list dl:hover .teacher_more{ margin:10px auto auto auto;}
			
			
	.detail_con{
		width:auto;
		padding:5%;
		line-height:180%;
		font-size:16px;
		text-align:left;
		}

.search-danger{
	width:100%;
	margin:3% auto 3% auto;
	padding:10px 0px;
	background:#f2dede;
	border:1px solid #ebccd1;
	text-align:center;
	border-radius:5px;
	color:#a94442;
	}
	
.search-info{
	width:100%;
	margin:3% auto 3% auto;
	padding:10px 0px;
	background:#d9edf7;
	border:1px solid #bce8f1;
	text-align:center;
	border-radius:5px;
	color:#31708f;
	}
		
.page{line-height:30px;text-align:center;margin-top: 10px;display: block;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.page ul{display:inline-block;margin:0 auto}
.page li{line-height:30px;display:inline-block;border:1px solid #ddd;float:left;cursor:pointer;margin-top: 3px;margin-bottom: 3px;padding-top: 0;padding-right: 10px;padding-bottom: 0;padding-left: 10px;margin-right: -1px;}
.page li a{line-height:30px;height:30px;display:block;}
.page li.thisclass{color:#fff;background-color: #1cbce4;line-height:30px;height:30px;padding-top: 0px;padding-bottom: 0;border:1px solid #1cbce4;}
.page ul li.thisclass a:hover ,.page ul li.thisclass a{color:#fff;background-color: #1cbce4;line-height:30px;height:30px;padding-top: 0px;padding-bottom: 0;}
.page li:hover{color:#fff;background-color: #1cbce4;border:1px solid #1cbce4;}
.page li:hover a{color:#fff;}


div.overlay
{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:10005;}
div.overlay-shade
{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);}
div.overlay .overBox
{
	position:absolute;top:50%;left:50%;width:550px;height:550px;margin:-275px 0 0 -275px;border-radius:50%;opacity:0;overflow:hidden;
  transform: scale(0.2);-moz-transform: scale(0.2);-ms-transform: scale(0.2);transition:0.54s ease;-moz-transition:0.54s ease;-ms-transition:0.54s ease;
	box-shadow: 0px 3px 15px 2px rgba( 63, 152, 255,0.45 );-moz-box-shadow: 0px 3px 15px 2px rgba( 63, 152, 255,0.45 );-ms-box-shadow: 0px 3px 15px 2px rgba( 63, 152, 255,0.45 );
}
div.overlay.active .overBox
{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);opacity:1}
div.jp_poster
{position:absolute;top:50%;left:50%;width:320px;height:320px;margin:-160px 0 0 -160px;}
div.jp_poster svg {position:relative;z-index:2;}
div.music-play-div1
{position:absolute;z-index:1;top:10px;left:10px;width:300px;height:300px;background:rgba(0,0,0,0.8);border-radius:50%;overflow:hidden;}
div.music-play-div
{position:absolute;z-index:3;top:10px;left:10px;width:300px;height:300px;}
#play-bar{transform-origin: center;transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
div.music-play-div
{text-align:center;color:#fff;}
div.music-play-div .min-tiem 
{font-size:30px;font-family:Impact;font-weight:normal;margin-top:50px; color:#FFF;}
div.music-play-div .max-tiem 
{font-size:14px;font-family:Impact;}
button.jp-play
{display:block;margin:35px auto 0;cursor:pointer;background:none;border:none;}
button.jp-play .icon-play
{fill:#fff;width:56px;height:56px;overflow:hidden;transition:0.36s ease;-moz-transition:0.36s ease;-ms-transition:0.36s ease;}
button.jp-play .icon-pause
{display:none;width:56px;height:56px;overflow:hidden;fill:#fff;transition:0.36s ease;-moz-transition:0.36s ease;-ms-transition:0.36s ease;}
button.jp-play:hover .icon-play,button.jp-play:hover .icon-pause
{fill:#2e7cff;}
div.au-delete 
{
	position:absolute;top:50px;right:50px;width:45px;height:45px;cursor:pointer;
  -moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-moz-transition: all 360ms ease;-ms-transition: all 360ms ease;transition: all 360ms ease;
}
div.au-delete img {width:100%;height:100%;}
div.au-delete:hover {-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
div.overlay .overBox .overBox-img
{
	width:100%;height:100%;object-fit:cover;
	-moz-animation: rotateMusicLogo 12s linear infinite;
    -webkit-animation: rotateMusicLogo 12s linear infinite;
    animation: rotateMusicLogo 12s linear infinite;
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
div.overlay .overBox.play-audio .overBox-img 
{-moz-animation-play-state: running;-webkit-animation-play-state: running;animation-play-state: running;}
div.overlay .overBox.play-audio .jp-play .icon-play
{display:none;}
div.overlay .overBox.play-audio .jp-play .icon-pause
{display:block;}
@keyframes rotateMusicLogo {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateMusicLogo {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotateMusicLogo {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.expcard_box .swiper-pagination 
{margin-top:42px;position:static;}
.expcard_box .swiper-pagination .swiper-pagination-bullet
{margin:0 5px;background:#a6a6a6;}
   
@media screen  and (max-width: 870px) {
     
    .expcard_box .swiper-container {width:94%;}
    .expcard_box .swiper-slide .img {height:auto;}
    .expcard_box .swiper-slide p {font-size:14px;}
    .expcard_box .swiper-button-next, .expcard_box .swiper-button-prev {width:35px;height:90px;margin-top:-45px;background-size:contain;}
    div.overlay.active .overBox {transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);}
     
}




 









body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    width: 100%;
    color: #343434;
	padding:0px;
	margin:0px;
}
.img{
    max-width: 100%;
}
.img-full img{
    width: 100%;
}
a:link,a:visited,a:hover{ text-decoration:none;}
a,
button {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus,
button:focus {
    text-decoration: none;
    outline: none;
}
a:focus,
a:hover { 
    text-decoration: none;
}
a,
button,
input {
    outline: medium none;
    color: #434343;
}
.uppercase { 
    text-transform: uppercase
}
.capitalize { 
    text-transform: capitalize
}
li,dd{
	list-style:none;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: #343434;
    margin-top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit; 
}
h1 {
    font-size: 36px;
    font-weight: 500;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
ul {
    margin: 0px;
    padding: 0px;
}
p {
    margin-bottom: 15px;
}
hr{
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}
label {
    font-size: 15px;
    font-weight: 400;
    color: #626262;
}
*::-moz-selection {
    background: #3399FF;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #3399FF;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #3399FF;
    color: #fff;
    text-shadow: none;
}
.mark, mark {
    background: #FF7A5F none repeat scroll 0 0;
    color: #ffffff;
}
.fix {
    overflow: hidden
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

 
select {
    width: 100%;
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    padding-left: 10px;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
}
option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px;
    font-size: 14px;
}

textarea {
    resize: vertical;
    background: #eceff8;
    border: 2px solid #eceff8;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    border: 2px solid #FF7A5F;
    outline: none;
}
::-moz-placeholder {
    color: #444;
    font-size: 13px;
}
/*************************
        scroll to top
*************************/
#scrollUp {
	background: #333;
	width: 40px;
	height: 40px;
	line-height: 40px;
    border-radius: 100%;
	bottom: 25px;
	right: 25px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#scrollUp:hover{
    background: #FF7A5F;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
 
 
/*-------------------
Common Style CSS
-------------------*/
 
img{
    max-width: 100%;
    height: auto;
}
.plr-60{
    padding-left: 60px;
    padding-right: 60px;
}
.plr-0{
    padding-left: 0;
    padding-right: 0;
}
.tab-content {
    width: 100%;
}
.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
}
.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    overflow: visible; 
}
.vbox-close {
	background: #ff7a5f url("close.gif") no-repeat scroll 10px center !important;
	color: #fff !important;
	cursor: pointer;
	display: block;
	font-weight: 600;
	height: 40px;
	position: fixed;
	right: 40px;
	text-indent: 2px;
	top: 14px;
	width: 46px;
	border-radius: 2px;
}
  
/*---------------------------
    2.2 Deafult Headre Area CSS
-----------------------------*/

.main-menu { width:100%;}
.main-menu > li {
	list-style: none;
	display: inline-block;
	position: relative;
	margin: 0 2px 0 0; 
}
.main-menu > li > a {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	padding: 0 50px 0 50px;
	display: block;
    line-height: 60px;
}
.main-menu > a:last-child{
	padding: 0 10px 0 0;
	}
.main-menu > li:hover > a{
    color: #FFF;
	-ms-box-shadow: inset 0 0 15px rgba(255,255,255,.8); 
	-moz-box-shadow: inset 0 0 15px rgba(255,255,255,.8);
	box-shadow: inset 0 0 15px rgba(255,255,255,.8);
}
@-webkit-keyframes bounce-up {
         25% {-webkit-transform: translateY(5px);}
         50%, 100% {-webkit-transform: translateY(0);}
         75% {-webkit-transform: translateY(-5px);}
        }

        @keyframes bounce-up {
         25% {transform: translateY(5px);}
         50%, 100% {transform: translateY(0);}
         75% {transform: translateY(-5px);}
        }
.main-menu .bao{
	width:35px;
	position:absolute;
	top:-15px;
	left:90px;
	-webkit-animation: bounce-up 2s linear infinite;
	animation: bounce-up 2s linear infinite;
	}
.dropdown,
.mega-menu{
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	padding: 20px 0;
	text-align: left;
	background-color: #fff; 
	box-shadow: 0px 4px 13px -3px #808080;
    -webkit-transform: perspective(600px) rotateX(-90deg);
            transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	z-index: 99;
}
.main-menu > li:hover .dropdown,
.main-menu > li:hover .mega-menu{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(600px) rotateX(0deg);
            transform: perspective(600px) rotateX(0deg);
    visibility: visible;
}
.dropdown > li {
	display: block;
	list-style: none;
}
.dropdown > li > a {
	font-size: 14px;
	line-height: 18px;
	padding: 10px 30px;
	display: block;
	font-weight: 400;
	color: #FFF;
}
.dropdown > li > a:hover{
    color: #FF7A5F;
	padding:15px 45px;
	background:#FFF;
	font-size:16px;
}
.mega-menu {
	width: 800px;
	padding: 35px 15px 20px 15px;
	left: -37px;
}
.mega-menu > li {
	float: left;
	width: 25%;
	padding: 0px 15px 20px 15px;
	list-style: none;
}
.mega-menu > li > a.item-link {
	font-size: 14px;
	font-weight: 700;
	color: #878787;
	line-height: 18px;
	margin: 0 0 12px;
    pointer-events: none;
}
.mega-menu > li > ul > li {
	list-style: none;
	display: block;
}
.mega-menu > li > ul > li > a {
	font-size: 14px;
	color: #343434;
	display: block;
	padding: 7px 0;
	font-weight: 400;
	line-height: 18px;
}
 
 
 
/*--------------------------
    10. About Area CSS
-----------------------------*/
.about-bg {
	background-image:url(../images/home1-bg3.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 30px;
}
.indecor-about {
	background: #fff;
	display: block;
	overflow: hidden;
	max-width: 1200px;
	margin: auto;
	padding: 0 15px;
	text-align: center;
}
.indecor-about .section-title {
	margin-top: 35px;
}
.about-des {
	max-width: 600px;
	margin: auto;
	line-height: 30px;
	text-align: center;
}
.about-list{
	width:90%;
	display:inline-block;
	margin:auto auto auto auto;
	}
	.about-list p{
		width:17%;
		height:90px;
		float:left;
		margin:10px 2% auto auto;
		border:5px solid #1dc6e0;
		}
		.about-list p img{ width:100%; height:100%;}
a.about-btn {
	display: inline-block;
	vertical-align: top;
	line-height: 47px;
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	background: #1dc6e0;
	padding: 0 40px;
	color: #fff;
	margin-top: 28px;
	margin-bottom: 70px;
}
a.about-btn:hover {
	border-color: #1dc6e0;
	color: #1dc6e0;
	background: #fff;
}
.about-area.pt-10 .about-btn {
	margin-bottom: 50px;
	}
.about-area{
	margin:25px auto auto auto;
}