/*cam-PC*/
.campus01{padding:0px 0; position: relative;}
.campban_txt{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center;  z-index: 12; }
.campban_txt h3{ font-family: 'gothamBold'; line-height: 90px; color: #fff; font-size: 60px;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.camp_banner .swiper-pagination{ text-align: left; }
.camp_banner .swiper-pagination span{ width: 8px; height: 8px; border: 2px solid #fff; opacity: 1; background-color: transparent;  }
.camp_banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #fff; }
.camp_banner .swiper-container-horizontal>.swiper-pagination-bullets,.camp_banner .swiper-pagination-custom,.camp_banner .swiper-pagination-fraction{ 
	width: 50%; bottom: 90px; left: 50%;
	margin-left: -25%;

}
.probox img{ width: 100%; border-radius: 20px; }
.camp_banner .swiper-pagination.custom-style span {
        border: 2px solid #000; 
    }
.camp_banner .swiper-pagination.custom-style span.swiper-pagination-bullet-active {
        border: 2px solid #000; background-color: #000; 
    }




.campus02{padding:110px 0 20px;}
.campus02 .kctitle{}
.campus04{padding:0 0 118px;}
.campus05{padding:100px 0 90px; background-color: #f2f2f2;}
.campus05 .dentile{padding-bottom: 30px;}
.campus06{ padding:118px 0 100px; }
.campus06 .kctitle{ margin-bottom:50px; }
.ambiented{ position: relative; padding:0 43px; }
.campus06 .swiper-button-next, .campus06 .swiper-button-prev{ 
	width: 34px; height: 34px; border-radius: 50%; background-color: #fff; overflow: hidden; 
	 background:transparent;margin-top: -17px;
}
.campus06 .swiper-button-prev{ left: -7px;  }
.campus06 .swiper-button-next{right: -0px;}
.campus06 .swiper-container{ position:relative; padding:40px 30px; }
.ambimg{overflow: hidden; border-radius: 30px; transition: all 0.8s; position: relative;}
.ambimg img{ width: 100%; object-fit: cover;    transition: transform 0.8s ease; }
.campus06 .swiper-slide{
   transition: all 0.5s ease;
    border-radius: 10px;
    overflow: hidden;
   

    display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    transition: 300ms;
    transform: scale(0.9);

}
.campus06 .swiper-slide:hover{ transform: scale(1.2); z-index: 52;   }

/*.campus06 .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
  }*/
/*.campus06 .swiper-slide:hover{ transform: scale(1.1); z-index: 52;    }*/
/*.campus06 .swiper-slide:hover .ambimg{   }*/

.campus07{}
.campus07 video{ width:100%; }
.campus08{ background-color: #ff8c01; margin-top:-3px; }
.cometus{padding:10px 0;}
.cpmetxt{ float: left; color: #fff; padding:20px 0 15px; }
.cpmetxt span{font-size: 38px;font-family: 'gothamMedium'; display: inline-block; padding-right: 20px;}
.cpmetxt em{font-size: 26px;font-family: 'gothamBook';}

.cpmebts{float: right;padding:10px 0 0px; }
.campus09{ padding:130px 0; }
.clementi{padding:30px 0 0;}
.clemenlist{ padding:15px; }
.clemenbox{ background-color: #fff;  border-radius: 30px; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.clemenbox h3{ overflow:hidden; height:251px; }
.clemenbox img{ width: 100%; }
.clemtxt{display: flex;padding:28px 30px 30px 15px;}
.clemtxt .dataings{ width: 85px; padding-right: 10px; text-align:center; color: #d3d3d3; border-right: 2px solid #f6f6f6; }
.clemtxt .dataings span{ font-size: 52px; line-height: 52px; display: block; }
.clemtxt .dataings p{ font-size: 16px; }
.clemtxt .datatxt{ flex: 1; display: flex; justify-content: flex-start; align-items: center; color: #050505;font-size: 16px; }
.clemtxt .datatxt p{ padding-left: 20px; 
display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制显示的行数为3行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 22px;
 }
.clemenbox:hover{background-color: #f20544;}
.clemenbox:hover .clemtxt .dataings{color: #fff; border-right: 2px solid #fff; }
.clemenbox:hover .clemtxt .datatxt{color: #fff;  }




/*==========================================设备分辨率 开始=============================================*/


@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

/*cam-mob*/
.campus01{ }
.campban_txt{ position: absolute; width: auto; height: 100%;}
.campban_txt h3{   line-height: 26px; color: #fff; font-size:18px; }
.camp_banner .swiper-pagination span{ width: 5px; height: 5px;}
.camp_banner .swiper-container-horizontal>.swiper-pagination-bullets,.camp_banner .swiper-pagination-custom,.camp_banner .swiper-pagination-fraction{ 
  width: 60%; bottom: 20px; left: 5%;
  margin-left: 0;
}




.campus02{padding:30px 0 10px;}
.campus02 .kctitle{}
.campus04{padding:0 0 30px;}
.campus05{padding:40px 0 30px; }
.campus05 .dentile{padding-bottom: 30px;}
.campus06{ padding:40px 0 40px; }
.campus06 .kctitle{ margin-bottom:10px; }
.ambiented{ position: relative; }
.campus06 .swiper-button-next, .campus06 .swiper-button-prev{ 
display: none;
} 
.campus06 .swiper-container{  padding:30px 0 20px; }
.ambimg{ border-radius: 30px; transition: all 1s; position: relative;}


.campus07{}
.campus08{ }
.cometus{padding:10px 0 20px;}
.cpmetxt{ float: inherit; padding:10px 0 5px; }
.cpmetxt span{font-size: 15px; padding-right: 15px;}
.cpmetxt em{font-size: 13px;}
.cpmebts{ float: inherit; padding:10px 0 0px; text-align:center; }
.cpmebts img{ width:180px; }


.campus09{ padding:50px 0; }
.clementi{padding:30px 0 0;}
.clemenlist{ padding:5px; }
.clemenbox{   } 
.clemenbox h3{ height:118px; }
.clemtxt{display: flex;padding:15px 20px 15px 5px;}
.clemtxt .dataings{ width: 60px; padding-right: 5px; padding-top:10px;   }
.clemtxt .dataings span{ font-size: 18px; line-height: 22px;   }
.clemtxt .dataings p{ font-size: 12px; }
.clemtxt .datatxt{  font-size: 12px; flex:1.5; }
.clemtxt .datatxt p{ 
  padding-left: 10px;  
  -webkit-line-clamp: 3; /* 限制显示的行数为3行 */ 
  line-height: 20px;
 }


}


/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){

}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){


}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){


}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

.camp_banner .swiper-container-horizontal>.swiper-pagination-bullets,.camp_banner .swiper-pagination-custom,.camp_banner .swiper-pagination-fraction{ 
  width: 60%; bottom: 80px; left: 8%;
  margin-left: 0;
}





}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {



/*cam-笔记本*/
.campus01{ }
.campban_txt{ position: absolute; width: auto; height: 100%;}
.campban_txt h3{   line-height: 48px;   font-size:40px; padding:0 0 0 20px;  }
.camp_banner .swiper-pagination span{ width: 8px; height: 8px;}
.camp_banner .swiper-container-horizontal>.swiper-pagination-bullets,.camp_banner .swiper-pagination-custom,.camp_banner .swiper-pagination-fraction{ 
  width: 60%; bottom: 40px; left: 5%;
  margin-left: 0;
}




.campus02{padding:70px 0 40px;}
.campus02 .kctitle{}
.campus04{padding:0 0 60px;}
.campus05{padding:70px 0 60px; }
.campus05 .dentile{padding-bottom: 30px;}
.campus06{ padding:80px 0 60px; }
.campus06 .kctitle{ margin-bottom:10px; }
.ambiented{ position: relative; }
.campus06 .swiper-button-next, .campus06 .swiper-button-prev{ 
display: none;
} 
.campus06 .swiper-container{  padding:30px 0 20px; }
.ambimg{ border-radius: 30px; transition: all 1s; position: relative;}


.campus07{}
.campus08{ }
.cometus{padding:10px 0 20px;}
.cpmetxt{   padding:20px 0 5px; }
.cpmetxt span{font-size: 28px; padding-right: 25px;}
.cpmetxt em{font-size: 20px;}
.cpmebts{  padding:10px 0 0px; text-align:center; }
.cpmebts img{ width:250px; }


.campus09{ padding:80px 0; }
.clementi{padding:30px 0 0;}
.clemenlist{ padding:15px; }
.clemenbox{   } 
.clemenbox h3{  height:195px; }
.clemtxt{display: flex;padding:20px 20px 20px 15px;}
.clemtxt .dataings{ width: 70px; padding-right: 5px; padding:10px 5px 10px 0;   }
.clemtxt .dataings span{ font-size: 22px; line-height: 22px;   }
.clemtxt .dataings p{ font-size: 16px; }
.clemtxt .datatxt{  font-size: 14px; flex:1.5; }
.clemtxt .datatxt p{ 
  padding-left: 10px;  
  -webkit-line-clamp: 3; /* 限制显示的行数为3行 */ 
  line-height: 20px;
 }


}


/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {


/*cam-ipad*/
.campus01{ }
.campban_txt{ position: absolute; width: auto; height: 100%;}
.campban_txt h3{   line-height: 40px;   font-size:30px; padding:0 0 0 20px;  }
.camp_banner .swiper-pagination span{ width: 8px; height: 8px;}
.camp_banner .swiper-container-horizontal>.swiper-pagination-bullets,.camp_banner .swiper-pagination-custom,.camp_banner .swiper-pagination-fraction{ 
  width: 60%; bottom: 30px; left: 5%;
  margin-left: 0;
}




.campus02{padding:70px 0 40px;}
.campus02 .kctitle{}
.campus04{padding:0 0 60px;}
.campus05{padding:55px 0 50px; }
.campus05 .dentile{padding-bottom: 30px;}
.campus06{ padding:40px 0 40px; }
.campus06 .kctitle{ margin-bottom:10px; }
.ambiented{ position: relative; }
.campus06 .swiper-button-next, .campus06 .swiper-button-prev{ 
display: none;
} 
.campus06 .swiper-container{  padding:30px 0 20px; }
.ambimg{ border-radius: 30px; transition: all 1s; position: relative;}

.ambimg img{ width: 100%; object-fit: cover;    transition: transform 0.8s ease; }
.campus06 .swiper-slide{
   transition: all 0.5s ease;
    border-radius: 10px;
    overflow: hidden;;

}
.campus06 .swiper-slide:hover{ transform: scale(1.08); z-index: 52;   }


.campus07{}
.campus08{ }
.cometus{padding:10px 0 20px;}
.cpmetxt{   padding:20px 0 5px; }
.cpmetxt span{font-size: 18px; padding-right: 25px;}
.cpmetxt em{font-size: 16px;}
.cpmebts{  padding:10px 0 0px; text-align:center; }
.cpmebts img{ width:200px; }


.campus09{ padding:50px 0; }
.clementi{padding:30px 0 0;}
.clemenlist{ padding:10px; }
.clemenbox{   } 
.clemenbox h3{ height:153px; }
.clemtxt{display: flex;padding:20px 20px 20px 5px;}
.clemtxt .dataings{ width: 60px; padding-right: 5px; padding-top:10px;   }
.clemtxt .dataings span{ font-size: 18px; line-height: 22px;   }
.clemtxt .dataings p{ font-size: 12px; }
.clemtxt .datatxt{  font-size: 12px; flex:1.5; }
.clemtxt .datatxt p{ 
  padding-left: 10px;  
  -webkit-line-clamp: 3; /* 限制显示的行数为3行 */ 
  line-height: 20px;
 }

}

















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){


}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {



}

 
 @media screen and (min-width: 1160px){

}