@media only screen and (max-width: 1600px){
	.header-logo1{
		width: 60px;
	}
	.header-style1 .header-box{
		width: 95%;
	}
	.course-list .course-menu-title-time .course-list-title-p2{
		padding: 0 30px;
	}
	.index-main-box,
	.main-box,
	footer{
		width: 100%;
	}
	.index-news-list {
	    margin: 0px 10px;
	}
	.index-news-list-box .slick-prev:before, .index-news-list-box .slick-next:before{
		font-size: 26px;
	}
	.index-news-more{
		margin-top: 40px;
	}
	.index-service-list{
		width: 615px;
	}
	.index-service-img-box{
		height: 160px;
	}
	.index-service-ch-title{
		margin-bottom: 0;
	}
	.about-list2-p{
		letter-spacing: 1px;
	}
	.about-img-box{
		width: 800px;
		height: 640px;
	}
	.about-list-info-box{
		width: 600px;
		height: 565px;
		padding: 50px 25px;
	}
	.about-list-article-p{
		margin-bottom: 25px;
	}
	.about-list3-img-box{
		height: 670px;
	}
	.about-info-box{
		padding: 140px 0;
	}
	.fancybox-box{
		width: 500px;
	}
	.fancybox-img-box{
		height: 375px;
	}
	.fancybox-article{
		max-height: calc(100vh - 600px);
	}
	.fancybox-arrow-left{
    	left: calc(50% - 400px);
    	font-size: 20px;
	}
	.fancybox-arrow-right{
    	right: calc(50% - 400px);
    	font-size: 20px;
	}
	.header-style1 .header-logo{
	
		padding: 11px 0;
	}
	.header2.header-style1 .header-logo{
		padding: 5px 0;
	}
	.service-list{
		width: 296px;
	}
	.service-list-img-box{
		height: 246px;
	}
	.service-list{
		margin-right: 15px;
		margin-bottom: 25px;
	}
	.news-page-box{
		width: 800px;
	}
	.news-page-prev{
		left: calc(50% - 600px);
	}
	.news-page-next{
		right: calc(50% - 600px);
	}
	.news-page-link-box{
		top: inherit;
		bottom: 10%;
	}
	.news-page-block.fixed .news-page-link-box{
		top: inherit;
		bottom:  calc(50% - 50px);
	}
	.news-page-edit-box{
		padding-bottom: 80px;
	}
	.footer-box{
		padding: 40px 10px;
	}
	.footer-company-box{
		padding-left: 20px;
	}
	.footer-company-box{
		width: 570px;
	}
	.footer-menu-box{
	    width: 210px;
	    padding: 0 20px;
	}
	.footer-fb-box{
		width: calc(100% - 905px);
		overflow: hidden;
	}
	.servcie-list-box{
		min-height: 400px;
	}
	.course-sort-box,
	.servcie-box,
	.course-sort-box{
		width: 1300px;
	}
}
@media only screen and (max-width: 1360px){

	.index-main-box, .main-box, footer{
		width: 100%;
	}
}
@media only screen and (max-width: 1300px){
	.course-sort-box, .servcie-box, .course-sort-box {
	    width: 1200px;
	}
	.service-page-right-box{
		width: calc(100% - 300px);
	}
	

	.index-news-list-box{
		width: 1000px;
	}
	.index-cases-list{
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.index-service-list{
		width: 565px;
	}
	
	.footer-company-box{
		width: 590px;
	}
	.footer-fb-box {
	    width: calc(100% - 925px);
	}
	.index-search-box{
		padding: 80px 0;
	}
	.service-list{
		width: 271px;
	}
	.service-list-img-box{
		height: 225px;
	}
	.service-page-list{
		padding: 10px 30px;
	}
	.service-page-left-box, .service-page-fixed.stuck{
		width: 300px;
	}
	.service-page-title-block{
		height: 150px;
	}
	.news-page-prev {
	    left: calc(50% - 500px);
	}
	.news-page-next {
	    right: calc(50% - 500px);
	}
	.news-page-link-box{
		width: 70px;
	}
	.news-page-link-img-box{
		height: 70px;
	}
	.news-page-link{
		font-size: 14px;
		margin-top: 5px;
	}
	.course-list-title-p2,
	.course-list .course-menu-title-name .course-list-title-p,
	.service-page-list-title{
		font-size: 16px;
	}
	.service-page-list-icon{
		width: 80px;
	}
	.service-page-list-title{		
     	width: calc(100% - 190px);
	}
}
@media only screen and (max-width: 1280px){}
@media only screen and (max-width: 1200px){
	.course-sort-box, .servcie-box, .course-sort-box{
		width: 1000px;
	}
	.header-style1 .header-logo span{
		font-size: 12px;
	}
	.header-menu-list{
		width: 90px;
	}
	.index-news-list-box{
		width: 800px;
	}
	.index-cases-list,
	.cases-list{
		width: calc(100% / 3);
	}
	.index-service-list {
	    width: 465px;
	}
	.footer-company-list{
		display: block;
	}
	.footer-company-box .footer-company-list:nth-child(odd) {
	    margin-left: 0px;
	}
	.footer-company-box{
		width: 440px;
	}
	.footer-fb-box {
	    width: calc(100% - 775px);
	}
	.about-list4-p-box{	
    	padding: 0 30px;
	}
	.about-info-box{
		width: 800px;
	}
	.about-info-box{
		padding: 120px 0;
	}
	.about-list2-p{
		padding: 0 20px;
		box-sizing: border-box;
		text-align: left;
	}
	.servcie-box .service-list:nth-child(4n+4){
		margin-right: 15px;
	}
	.servcie-box .service-list:nth-child(3n+3){
		margin-right: 0;
	}
	.service-list {
	    width: 300px;
	}
	.service-list-img-box {
	    height: 250px;
	}
	.news-list-box{
		width: 800px;
	}
	.news-list:nth-child(4n+4){
		margin-right: 30px;
	}
	.news-list:nth-child(3n+3){
		margin-right: 0;
	}
	.news-list-box{
		width: 840px;
	}
	.news-page-box{
		width: 700px;
	}
	.news-page-next {
	    right: calc(50% - 445px);
	}
	.news-page-prev {
	    left: calc(50% - 445px);
	}
	.course-sort-list{
		width: 170px;
	}
	.course-sort-list-show:after{
		border-right: 6px solid transparent;
	    border-top: 6px solid #000;
	    border-left: 6px solid transparent;
	}
	.course-sort-list{
		margin-left: 10px;
	}
	.course-menu-title-list-box{
		padding: 15px 35px;
	}
	.course-left-box{
		width: 300px;
	}
	.course-right-box{
		width: calc(100% - 300px);
	}
	.contact-checkbox-lable{
		width: calc(100% / 3);
		margin-bottom: 10px;
	}
	.course-list .course-menu-title-cose .course-list-title-p2{
	
		padding: 0;
	}
}
@media only screen and (max-width: 1000px){
	.footer-menu-box{
		display: none;
	}
	.footer-company-box {
	    width: calc(100% - 53px);
	    padding-left: 0;
	}

	.header2 .rwd-menu span,
	#index .header2 .rwd-menu span{
		background-color: #1b1b1b;
	}
	.header-style1 .header-logo{
		padding: 5px 0;
	}
	.header-style1 .header-box{
		width: 100%;
	}
	.header-style1.open.header2 {
		background-color: #FFF;
	}
	.course-page-link{
		margin-bottom: 5px;
		display: inline-block;
		vertical-align: middle;
		padding: 5px 10px;
		font-size: 14px;
		text-align: center;
	}

	.course-back{
		width: 100px;
		display: block;
	}
	.index-cases-list-box,
	.index-cases-title,
	.index-cases-more,
	.index-service-list-box,
	.about-list2-tilte,
	.about-list2-title-en,
	.about-list3-info,
	.about-list3-img-box,
	.cases-list-box,
	.course-sort-box,
	.servcie-list-box,
	.servcie-box,
	.service-page-title,
	.service-page-edit-box,
	.service-page-link-next,
	.service-page-link-prev,
	.news-page-box,
	.course-box,
	.contact-narrative> i,
	.contact-narrative-p,
	.contact-info-form,
	.index-news-box .index-news-list-box,
	.index-news-box .index-news-more,
	 .course-left{
	  opacity: 1!important;
	  animation: none!important;
	}
	.about-list2-line,
	.service-page-title-line{
	  transform: scale(1,1)!important;
	}
	.about-list2-line2,
	.about-list-mask,
	.about-list-mask-line,
	.service-page-line,
	.contact-narrative-line
	{
	  transform: scale(1,1)!important;
	}

    .header-style1  .header-menu li{
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }
    .header-style1 .header-menu{
        width: 100%;
        position: absolute;
        left: 0;
        float: none;
    }

   .header-style1 .header-menu{
        width: 100%;
        background-color: #000;
   }
   .header-menu .header-menu-list:first-child:before{
   		display: none;
   }
   .header-style1 .header-menu li{
   		border-bottom: 1px solid rgba(255,255,255,0.2);
   }
   .header-menu-list:nth-child(even):after{
   		display: none;
   }
   .index-service-box{
   		padding:40px 0; 
   }
   .index-news-list-box{
   		width: 700px;
   }
   .index-news-img-box{
   		height: 150px;
   }
   .index-cases-list-box,
   .index-service-list-box{
	   	width: 750px;
	   	max-width: 100%;
	   	margin: 0 auto;
   }
   .index-service-list {
	    width: calc(50% - 10px);
	}


	.footer-fb-box{
		width: 60px;
		max-width: 100%;
		margin-top: 10px;
	}
	.footer-company-box{
		width: calc(100% - 124px);
	}
	.footer-company-list{
		display: inline-block;
	}
	.footer-company-box .footer-company-list:nth-child(odd){
		margin-left: 10px;
	}
	.main-tab-list{
		height: 60px;
		line-height: 60px;
		font-size: 18px;
	}
	.main-tab-box .main-tab-list:after{
		height: 100%;
		top: 0;
	}
	.about-list1-box{
		margin-top: 30px;
	}
	.about-list1-tilte{
		margin-bottom: 10px;
	}
	.about-list-line,
	.about-list-article-p{
		margin-bottom: 15px;

	}
	.about-info-box{
		width: 750px;
	}
	.fancybox-arrow{
		display: none;
	}
	.fancybox-arrow-left{
		font-size: 30px;
      	left: calc(50% - 250px);
	}
	.fancybox-arrow-right{
		font-size: 30px;
      	right: calc(50% - 250px);
	}
	.fancybox-box{
		width: 400px;
	}
	.fancybox-img-box{
		height: 300px;
	}
	.servcie-box,
	.course-sort-box,
	.news-list-box{
		width: 750px;
		max-width: 100%;
		margin: 0 auto;
	}
	.servcie-box{
		padding: 0;
	}
	.course-sort-box{
		
		padding: 30px 0;
	}
	.service-list{
		width: 240px;
	}
	.service-list-img-box{
		height: 200px;
	}
	footer{	
    	background-color: #1b1b1b;
	}
	.footer-box{
		width: 750px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 0;
	}
	.servcie-page-box{
		width: 750px;
		padding: 0;
	}
	.service-page-left-box, .service-page-fixed.stuck{
		width: 750px;
		display: block;
	}
	.service-page-right-box{
		display: block;
		width: 100%;
	}
	.service-page-title-line{
		display: none;
	}
	.service-page-title-block{
		height: inherit;
	}
	.service-page-fixed.stuck{
		border: 1px solid #d1d1d1;
		border-top: 0;
		padding: 5px 10px;
		box-sizing: border-box;
		background-color: #FFF;
	}
	.service-page-title,
	.service-page-link-p{
		font-size: 16px;
	}
	.service-page-link{
		margin-top: 5px;
		margin-bottom:0;
		clear: both;
	}
	.service-page-link-next{
		float: right;
	}
	.service-page-link-prev{
		float: left;
	}
	.service-page-fixed{
		position: relative;
		padding: 30px 10px;
	}
	.service-page-fixed:after,
	.news-page-info-box:after{
		content: 'none';
		font-size: 0;
		display: block;
		clear: both;
	}
	.news-list{
		width: 240px;
		margin-right: 15px;
    	margin-bottom: 15px;
	}
	.news-list:nth-child(4n+4){
		margin-right: 15px;
	}
	.news-list:nth-child(3n+3) {
	    margin-right: 0;
	}
	.news-page-link-box{
		position: static;
	}
	.news-page-edit-box{
		padding-bottom: 20px;
	}
	.news-page-prev{
		float: left;
	}
	.news-page-next{
		float: right;
	}
	.course-list-title-p2, .course-list .course-menu-title-name .course-list-title-p, .service-page-list-title,.course-list-title-p3 .course-list-ps{
		font-size: 14px;
	}
	.course-list-title-p3 i{
		font-size: 16px;
	}
	.course-menu-title-list-box,
	.course-list a{
		width: 750px;
		max-width: 100%;
		display: block;
		margin: 0 auto;
		padding: 10px 0;
	}
	.course-list{
		padding: 0;
	}
	.course-sort-list{
		width: 145px;
	}
	.course-left-box{
		width: 100%;
		display: block;
		min-height: inherit;
	}
	.course-page-title-p{
		width: 50%;
		display: inline-block;
	}
	.service-page-list-title{
		height: 22px;
	}
	.service-page-list-link{
		font-size: 14px;
	}
	.course-left.stuck{
		position: fixed;
		top: 53px;
		width: 100%;
	}
	.course-left-box{
		padding: 0;
		background-color: transparent;
		position: relative;
		z-index: 3;
	}
	.course-left{
		padding: 10px 0;
		background-color: #d1d1d1;
	}
	.course-page-title{
		font-size: 16px;
	}
	.course-page-title-p,
	.course-back span{
		font-size: 14px;
	}
	.course-page-title-p,
	.course-page-title{
		margin-bottom: 5px;
	}
	.contact-checkbox-lable{
		width: calc(100% / 3);
	}
	.course-right-box{
		width: 100%;
	}
	.header-style1 .rwd-menu{
		width: 30px;
	}
	.rwd-menu span{
		height: 2px;
		width: 30px;
	}
	.rwd-menu> span:nth-child(even){
		margin: 6px auto;
	}

	.service-page-fixed.stuck {
	    top: 53px;
	}
	.news-back{
		margin-bottom: 20px;
	}
	.service-page-fixed .course-page-link{
		display: block;
		margin: 10px auto;
	}
	.header-style1 .header-menu li:nth-last-child(2){
		display: none;
	}
	.index-search-input-box{
		display: block;
	}
}
@media only screen and (max-width: 800px){}
@media only screen and (max-width: 750px){
	.index-search-box{
		margin-top: 60px;
		padding: 45px 0;
	}
	.about-img-box{
		display: none;
	}
	.about-list-info-box{
		position: static;
	}
	.about-list2-box{
		margin-top: 30px;
	}
	.about-list2-info-box .about-list2-info-list:nth-child(3n+2){
		margin: 0 30px;
	}
	.about-list2-info-box,
	.about-list2-line2{
		width: 455px;
	}
	.about-list3-mask-box{
		display: none;
	}
	.about-list3-info, .about-list3-img-box{
		width: 100%;
	}
	.about-list3-info{
		padding-bottom: 30px;
	}
	.about-list3-img-box{
		display: none;
	}
	.about-list4-title{
		width: 100%;
		display: block;
		text-align: center;
	}
	.about-list4-p-box{
		width: 100%;
		display: block;
		text-align: justify;
	}
	.footer-box{
		width: 550px;
	}
	.servcie-box, .course-sort-box, .news-list-box{
		width: 550px;
	}
	.service-list,
	.servcie-box .service-list:nth-child(4n+4),
	.news-list,
	.news-list:nth-child(4n+4){
		margin-right: 0;
	}
	.service-list:nth-child(even),
	.news-list:nth-child(even){
		margin-left: 10px;
	}
	.service-list,
	.news-list{
		width: 270px;
	}
	.service-list-img-box{
		height: 225px;
	}
	.news-page-box,
	.course-menu-title-list-box, .course-list a{
		width: 550px;
	}
	.course-sort-list-box{
		display: block;
		margin-top: 10px;
		clear: both;
	}
	.course-list .course-menu-title-name i{
		display: none;
	}
	.footer-company-box .footer-company-list:nth-child(odd){
		margin-left: 0;
	}
	.footer-company-list{
		display: block;
	}
	.contact-form-list:nth-child(even){
		padding-left: 0;
	}
	.contact-form-list:nth-child(odd){
		padding-right: 0;
	}
	.contact-form-list{
		width: 100%;
		display: block;
	}
	.about-list-info-box{
		height: inherit;
	}
	.about-list2-info-box .about-list2-info-list:nth-child(3n+2){
		margin: 0;
		margin-left: 10px;
	}
	.index-news-title{
		display: block;
		height: 40px;
	}
	.index-news-link{
		display: block;
		margin: 0 auto;
		margin-top: 10px;
	}
	.course-list .course-menu-title-time .course-list-title-p2{
		padding: 0;
	}
}
@media only screen and (max-width: 550px){
	.header-style1 .header-logo span{
		display: none;
	}
	.loading-logo-title{
		font-size: 14px;
	}
	.contact-thanks, .alert-info{
		width: 95%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.contact-thanks-p{
		font-size: 20px;
	}
	.index-news-list-box{
		width: 300px;
	}
	.index-news-img-box{
		height: 180px;
	}
	.index-cases-list, .cases-list{
		width: 50%;
	}
	.index-cases-list,
	.cases-list{
		padding: 0 5px;
	}
	.index-service-list{
		width: 95%;
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.index-service-list-box .index-service-list:nth-child(even){
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.footer-logo-box{
		display: block;
		text-align: center;
		margin: 0 auto;
		padding: 10px 0;
	}

	.fancybox-box{
		width: 95%;
	}
	.fancybox-arrow-right,
	.fancybox-arrow-left{
		display: none;
	}
	.servcie-box, .course-sort-box, .news-list-box{
		width: 95%;
	}
	.service-list, .news-list {
	    width: 49%;
	    margin-bottom: 2%;
	}
	.service-list:nth-child(even), .news-list:nth-child(even) {
	    margin-left: 2%;
	}
	.service-list-img-box{
		height: 137px;
	}
	.course-sort-box{
		padding: 20px 0;
	}
	.course-sort-title{
		font-size: 20px;
	}
	.course-sort-icon i{
		display: inline-block;
		vertical-align: middle;
	}
	.service-page-link-p{
		font-size: 14px;
	}
	.service-page-right-box{
		min-height: 400px;
	}
	.course-menu-title-date{
		display: none;
	}
	.course-menu-title-date, .course-menu-title-cose, .course-menu-title-time, .course-menu-title-check{
		width: calc(70% / 3);
	}
	.course-list .course-menu-title-name{
		padding-right: 0;
	}
	.course-list .course-menu-title-name .course-list-title-p{
		width: 100%;
		padding: 0 5px;
		box-sizing: border-box;
	}
	.course-sort-list-box{
		text-align: right;
	}
	.course-sort-list{
		margin-bottom: 10px;
	}
	.index-news-img-box{
		height: 135px;
	}
	.page a{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.page .next{
		padding-left: 0;
	}
	.page .prev{
		padding-right: 0;
	}
	.contact-narrative-p{
		font-size: 14px;
	}
	.contact-narrative-p:nth-child(2),
	.contact-narrative-p:nth-child(3){
		text-align: left;
	}
	.contact-narrative{
		padding: 30px 10px;
	}
	.contact-info-form{
		padding: 0 10px;
	}
	.contact-narrative-box{
		padding: 30px 0;
	}
	.course-sort-list-show{
		text-align: left;
	}
	.footer-logo-box{
		display: none;
	}
	.footer-company-box{
		padding-left: 0;
	}
	.footer-box{
		width: 95%;
	}
	.index-search-input-box{
		width: 95%;
	}
	.course-sort-icon{
		float: none;
	}
	.course-sort-list-box{
		float: none;
		text-align: left;
	}
	.news-page-box, .course-menu-title-list-box, .course-list a{
		width: 95%;
	}
	.course-sort-list{
		width: 49%;
		margin-left: 0;
		margin-bottom: 2%;
	}
	.course-sort-list:nth-child(even){
		
		margin-left: 2%;
	}
	.course-left{
		padding: 10px 0;
	}
	.course-left-box .service-page-fixed{
		padding: 0 10px;
	}
	.course-page-title-p, .course-page-title{
		margin-bottom: 5px;
	}
	.course-back span{
		font-size: 14px;
	}
	
	.course-info-box{
		padding: 20px 0;
	}
	.course-right-box{
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.rwd-course-back {
	    display: none;
	}

}
@media only screen and (max-width: 460px){
	.footer-company-box{
		width: 100%;
		display: block;
	}
}
@media only screen and (max-width: 320px){}