@media only screen and (max-width: 1300px) {
img {
    max-width: 100%;
}
.public-header .body-box .logo-box{
		    margin-right: 150px;
}
.public-header .body-box li {
    margin-left: 25px;
    margin-right: 25px;
}
.block{ width:96%}
.session_6 .block{ width:96%}
.news_list-wrap .session_4{ width:96%}
}
@media only screen and (max-width: 1199px) {
.public-header .body-box li{
	margin-left: 15px;
    margin-right: 15px; 
}
.public-header.on .nav-box {
    width: 96%;
}
.session_2 > .txt-box{ width: 96%;}
.session_2 .col-m-2.active{ width: 50%;}

.session_4 .right-box .top-box .list-box .item-box .icon-box{ width: 75px;}

.join-wrap .page-box .session_1 .col-md-2{ width: 50%;}
.join-wrap .page-box .session_2 .centent-box .item-box{padding-left: 10px; padding-right: 10px;}
.join-wrap .page-box .session_2 .centent-box .item-box .txt-box h3{    font-size: 15px;}
.join-wrap .page-box .session_2 .centent-box .item-box .txt-box h3 span{font-size: 26px;}
.join-wrap .page-box .session_2 .centent-box .item-box .txt-box p{    font-size: 14px;}
.join-wrap .session_4 .center-box .bg-box{ background: none;}
.join-wrap .session_4 .center-box .txt-box{background: #4c4c4c;}

.news_list-wrap .session_3 .item-box .txt-box p{height: 62px; overflow: hidden;}


}
@media only screen and (max-width: 991px) {
	.public-header .body-box .link-box{ display:none;}
	.public-header .logo-box img {padding-top: 7%; height: 60px;}
	
	.session_3{ padding: 100px 0; background-size: cover}
	.session_3 .centent-box .left-box{width: 100%;}
	.session_3 .right-page{ position: initial; padding-bottom: 0; padding-left: 0; width: 96%; margin: 0 auto; float: none; transform: translateY(0%);  background: none;}
	
	.session_4 .left-box{display: none;}
	.session_4 .right-box{width:100%;}
	
	.public-footer .left-box{position: inherit; justify-content: center; padding-top:40px; top:0;}
	.public-footer .right-box{position: inherit; text-align:center; padding-top:40px; top: 0; }
	.public-footer .right-box .link-box{justify-content: center;}
	
	.about-wrap .page-box .session_1 .list-box .item-box{padding-bottom: 30px;}
	.about-wrap .page-box .session_1 .list-box .item-box:nth-child(1){width: 55%;}
	.about-wrap .page-box .session_1 .list-box .item-box:nth-child(2){width: 45%;}
	.about-wrap .page-box .session_1 .list-box .item-box:nth-child(3){width: 50%;}
	.about-wrap .page-box .session_1 .list-box .item-box:nth-child(4){width: 50%;}
	.about-wrap .page-box .session_2 .centent-box dl{ width: 44%; height: 140px;}
	.about-wrap .page-box .session_2 .centent-box dl:nth-child(2n){ margin-left: 0%;}
	
	.join-wrap .page-box .session_1 .item-box .des-box{padding-left: 10px; padding-right: 10px;}
	.join-wrap .page-box .session_1 .item-box .des-box .info-box{padding-left: 4px;  padding-right: 4px;}
	.join-wrap .page-box .session_1 .item-box .des-box .info-box p{line-height: 1.4;}
	.join-wrap .session_3{margin-top: 48px; padding: 10px 0;}
	.join-wrap .page-box .session_2 .centent-box{height: inherit; padding-bottom: 60px;}
	.join-wrap .page-box .session_2 .centent-box .item-box{ width: 50%;}
	.join-wrap .page-box .session_2 .centent-box .item-box:nth-child(3), .join-wrap .page-box .session_2 .centent-box .item-box:nth-child(7){
	    border-left: 1px solid rgba(255, 255, 255, 0.3);
	}
	.join-wrap .session_4 .center-box .txt-box{ margin-top: 0;}
	.join-wrap .session_4 .center-box ul{width: 376px;}
	
	.news_list-wrap .session_3 .col-md-4{ padding-left: 15px; padding-right: 15px;}
	.swiper-container .swiper-pagination{bottom: 18px; left: 13px;}

}
@media only screen and (max-width: 767px) {
  .public-header .logo-box img{display: none;}
  .public-header .body-box .logo-box img.active {display: block;}
  .public-header .body-box .logo-box{margin-left: 20px;}
  .public-header{ position: inherit;}
  .public-header .toggle-btn .sr-only{    background: #4c4c4c;}
  .public-header .toggle-btn .sr-only:before{    background-color: #4c4c4c; top: -6px;}
  .public-header .toggle-btn .sr-only:after{    background-color: #4c4c4c;  top: 6px;}
  .public-header.on .centent-box{ height: 440px; z-index: 100;}
  .public-header.on .nav-box{flex-wrap: wrap; padding-top: 100px;}
  .public-header.on .nav-box dl{ padding-top: 0; padding-bottom: 0; width: 100%;}
  .public-header.on .nav-box dl li{ margin-bottom: 0;}
  .public-header.on .nav-box dl li > a{    margin-bottom: 0;}
  .public-header.on .nav-box dl dd{ display:none;}
  
  .session_2 .col-m-2.active{ width: 100%;}
  
  .session_3 .centent-box .left-box .list-box{    margin-top: 58px;     margin-bottom: 55px;}
  .session_3 .centent-box .left-box .list-box .item-box h3{font-size: 30px;}
  .session_3 .centent-box .left-box .list-box .item-box p{ font-size: 14px;}
  
  .session_4 .right-box{ height: 880px;}
  .session_4 .right-box .top-box .des-box{ padding-right: 14px;  margin-top: 10%;}
  .session_4 .right-box .top-box .list-box .item-box{ margin-bottom: 4%; margin-right: 1%;}
  .session_4 .right-box .bottom-box{ height: 22%;}
  .session_4 .right-box .bottom-box h3{ font-size: 26px;}
  
  .session_6 .list-box .col-md-4{ width: 100%; padding-bottom: 45px;}
  .session_6 .more-btn .public-more{ margin-top: 10px;}
  
  .public-footer .left-box .icon_1 img{ width:80%}
  .public-footer .left-box .er-box{margin-top: -13px;     margin-left: 0px;}
  .public-footer .left-box .er-box img{ width: 90px; height: 90px;}
  .public-footer .right-box .link-box dl dt{padding-left: 5px; padding-right: 5px;}
  
  .about-wrap .page-box{ padding-left: 0;}
  .about-wrap .page-box .left-page{position:inherit; top: 0; padding-top: 50px; padding-left: 20px;}
  .about-wrap .page-box .left-page .title-box{ margin-bottom: 0;}
  .about-wrap .page-box .left-page .title-box p{ padding-bottom: 20px; margin-bottom: 30px;}
  .about-wrap .page-box .left-page .title-box p br{display: none;}
  .about-wrap .page-box .left-page ul{ display: none;}
  .about-wrap .page-box .left-page:before{ display: none;}
  
  .pro_list-wrap .session_1 ul li{width: 33%;}
  .pro_list-wrap .session_2 .box{width: 100%;}
  
  .pro_list-wrap .session_3{ padding: 10px 0 60px;}
  .pro_list-wrap .session_3 .img-box{ width: 100%;}
  .pro_list-wrap .session_3 .txt-box{ width: 100%; padding-top: 3vh;} 
  .pro_list-wrap .session_4{padding-bottom: 60px;}
  .pro_list-wrap .session_4 .left-page{ width: 100%;}
  .pro_list-wrap .session_4 .right-page{ width: 100%; padding-left: 0;}
  
  .join-wrap .page-box{    padding-left: 0;}
  .join-wrap .page-box .left-page{position:inherit; top: 0; padding-left: 20px;}
  .join-wrap .page-box .left-page .title-box{margin-bottom: 80px;}
  .join-wrap .page-box .left-page .title-box p{    padding-bottom: 20px; margin-bottom: 30px;}
  .join-wrap .page-box .left-page .title-box p br{ display:none;}
  .join-wrap .page-box .left-page ul{ display:none;}
  .join-wrap .page-box .left-page:before{ display: none;}
  .join-wrap .page-box .session_1 .col-md-2:nth-child(1) .item-box{ padding-left: 0px;}
  .join-wrap .session_4 .center-box .bg-box{    height: 503px;}
  
  .news_list-wrap .session_2 .top-box .item-box .img-box{    width: 100%;}
  .news_list-wrap .session_2 .top-box .item-box .img-box img{ height:100%;}
  .news_list-wrap .session_2 .top-box .item-box .txt-box{width: 100%;     padding-top: 3.5%; padding-bottom: 15%;}
  .news_list-wrap .session_2 .top-box .item-box .txt-box p{    height: 100px; overflow: hidden;}
  .swiper-container .swiper-pagination{bottom: 30px; left: 0px;}
  .news_list-wrap .session_3{    padding-top: 0; }
  .news_list-wrap .session_3 .row{margin-left: 0;margin-right: 0;}
  .news_list-wrap .session_3 .col-md-4{    width: 100%;}
  
  .link-wrap .session_1 .centent-box .right-box{width: 1000%;}
  
  .link-wrap .session_1 .centent-box .right-box ul li{    font-size: 15px;}
.join-wrap .page-box .session_2 .centent-box{   padding-left: 20px; padding-right: 20px;}
}
@media only screen and (max-width: 599px) {
  
}
@media only screen and (max-width: 479px) {
  
}
