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

body{margin:0;padding:0;font-size:12px;background-color:#fff;font-family:"微软雅黑";}
img{border:none;}
a{text-decoration:none;}
ul,ol{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
.clear{clear:both;}

/*topstart*/
#index_top{ width: 1390px; margin: 0 auto;}
/*logostart*/
#index_logo{ width: 287px; float: left; position: relative;}
#index_logo img{ display: block;}
/*logoover*/
/*sidestart*/
#index_side{ width: 100%; position: absolute; top: 76px; left: 0; z-index: 99; padding-bottom: 50px;}
#index_side_mask{ width: 280px;}
.index_side_title{ width: 280px; line-height: 62px;}
.index_side_menu{ width: 280px; position: relative;}
.index_side_title h4,.index_side_menu h4{ background-color:rgba(245,34,173,0.7); font-size: 20px; color: #fff; text-align: center; line-height: 62px; font-weight: normal;}
.index_side_menu ul{ display: none; position: absolute; top: 0; left: 280px;}
.index_side_menu ul li{ width: 240px; font-size: 20px; line-height: 58px; background-color:rgba(245,34,173,0.7); padding-left: 40px;}
.index_side_menu ul li:hover{background-color: #3e32e0;}
.index_side_menu ul li a{ color: #fff;}
.index_side_menu:hover h4{ background-color: #3e32e0;}
.index_side_menu:hover ul{ display: block;}
/*sideover*/
#index_wrap{ width: 1103px; float: right; position: relative;}
/*contactstart*/
#index_contact{width: 480px; float: right;}
#index_contact a{ float: left; padding-left: 22px; margin-top: 28px; font-size: 16px; color: #787878; cursor: pointer;}
#index_contact a:nth-of-type(1){ padding-right: 20px;}
#index_contact a:nth-of-type(2){background: url(../images/index2021_website.png) no-repeat 0 4px;}
#index_contact a:nth-of-type(3){background: url(../images/index2021_phone.png) no-repeat 0 4px ; margin-left: 20px;}
#index_contact a:hover{ color:#e40d0e;}
#index_contact a:nth-of-type(2):hover {background: url(../images/index2021_website.png) no-repeat 0 -14px ;}
#index_contact a:nth-of-type(3):hover{background: url(../images/index2021_phone.png) no-repeat 0 -14px ;}
/*contactover*/
/*navstart*/
#index_nav{ width: 1390px; position: absolute; top: 100px; left: -200px; z-index: 99;}
#index_nav ul li{ float: left; font-size: 18px; margin-left: 38px; padding-bottom: 5px;}
#index_nav ul li a{ color: #fff;}
#index_nav ul li:hover{border-bottom: 2px solid #fff;}
/*navover*/
/*移动端navstart*/
#index_nav_m{ width: 40%; display: none; float: right;}
#index_nav_m ul{ position: absolute; top: 6.9rem; right: 0; z-index: 9; display: none; background-color: #fff; }
#index_nav_m ul li img{ float: right;}
#index_nav_m ul li a{ display: block; color: #666666;}

/*移动端navover*/
/*banenrstart*/
.wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.wrapper .swiper-container .swiper-pagination {
   bottom: 25px;
}

.wrapper .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 50px;
    height: 3px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .3s ease;
}

.wrapper .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.wrapper .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 3s linear forwards
}

.wrapper .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}

@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}

/*bannerover*/

/*移动端bannerstart*/
.main_visual{ width: 100%; overflow:hidden;position:relative; display:-none;}
.main_image{ overflow:hidden;position:relative; }
.main_image ul{height:auto;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;height:auto;}
.main_image li img{display:block;width:100%;height:auto;}
.main_image li a{display:block;width:100%;height:auto;}

div.flicking_con{position:absolute;left:50%; bottom:5%; z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../img/hover_left.png) no-repeat left top;left:10px;}
#btn_next{background:url(../img/hover_right.png) no-repeat right top;right:10px;}
/*移动端bannerover*/
/*hotspotstart*/
#index_hotspot{ width: 1390px; margin: 50px auto 0;}
#index_hotspot ul li{width: 334px; background: url(../images/index2021_hotspot_bg.png) no-repeat left top; float: left; margin-left: 18px; position: relative;}
#index_hotspot ul li:nth-of-type(4n+1){ margin-left: 0;}
#index_hotspot ul li img{ display: block; padding: 2px;}
#index_hotspot ul li h4{ width: 192px; background: linear-gradient(to right, #eb0ed0, #222cff); margin: 0 auto; text-align: center; line-height: 50px; font-size: 20px; color: #fff; font-weight: normal; position: absolute; top: 244px; left: 71px;}
#index_hotspot ul li p{ text-align: center; margin: 40px 0; font-size: 16px; color: #454545;}
/*hotspotover*/

/*共用title开始*/
.index_public_title{ width: 1390px; margin: 0 auto; text-align: center; padding:50px 0;}
.index_public_title h2{font-size:42px; color:#4b4242; margin-bottom:10px;}
.index_public_title h3{font-size:20px; color:#9b9b9b; font-weight:normal;}
.index_public_title h2.index_public_color,.index_public_title h3.index_public_color{ color: #fff;}
/*共用title结束*/

/*modelstart*/
#index_model{ width: 100%; background: #49059b url(../images/index2021_model_bg.jpg) no-repeat center top; padding-bottom: 80px; margin-top: 20px;}
#index_model_main{ width: 1390px; margin: 0 auto;}
#index_model_main ul li{ width: 440px; background: url(../images/index2021_model_li_bg.png) no-repeat center top; float: left; margin-left: 35px; padding-bottom: 30px;}
#index_model_main ul li:nth-of-type(3n+1){ margin-left: 0;}
#index_model_main ul li img{ display: block; margin: -14px 0 0 18px;}
#index_model_main ul li h4{ text-align: center; font-size: 28px; color: #fff; margin: 25px 0 10px;}
#index_model_main ul li p{ text-align: center; font-size: 16px; color: #fff; line-height: 30px;}
/*modelover*/

/*classstart*/
#index_class{ width: 1390px; margin: 0 auto; background: url(../images/index2021_class_bg.png) no-repeat 0 220px;}
#index_class_sub{ width:1030px; margin: 0 auto;}
#index_class_sub h4{ width: 190px; line-height: 48px; float: left; background: linear-gradient(to right, #fe00d8, #161bfd); border-radius: 50px; font-size: 20px; color: #fff; font-weight: normal; text-align: center; margin-left: 20px; cursor: pointer;}
#index_class_sub h4.index_class_h4_bg{ background: linear-gradient(to right, #fc00d9, #fc00d9)}
#index_class_sub h4:nth-of-type(1){ margin-left: 0;}

#index_class_exp{ width: 1390px;  padding-bottom: 80px;}
.index_class_type{ width: 1390px; display: none;}

.index_class_type ul li{ width: 316px; float: left; margin-left: 22px; margin-top: 40px; position: relative;}
.index_class_type ul li:nth-of-type(4n+1){ margin-left: 30px; }
.index_class_type ul li img{ border: 1px solid #ff2c9c;  padding: 9px;}
.index_class_type ul li h5{ width: 182px; line-height: 48px; background-color: #ff118d; position: absolute; bottom:30px; left: 67px; font-size: 20px; color: #fff; font-weight: normal; text-align: center;}
.index_class_type ul li p{ font-size: 16px; color: #5e5e5e; padding-top: 25px; text-align: center;}

#index_class_exp>a{ display: block; margin: 90px auto 0; width: 300px; height: 62px; line-height: 62px; background: linear-gradient(to right, #fe2d9a, #271af2); font-size: 20px; color: #fff; text-align: center;}
/*classover*/

/*lecturerstart*/
#index_lecturer{ width: 100%; background:#9e0efd url(../images/index2021_lecturer_bg.jpg) no-repeat center top;}
#index_lecturer_main{ width: 1390px; margin: 0 auto; background: url(../images/index2021_lecturer_mian_bg.png) no-repeat center top; position: relative; margin-top: 40px; padding-bottom: 130px;}
#index_lecturer_sub{ position: absolute; top: 360px; left: 480px;}
#index_lecturer_sub ul li{float: left; margin-left: 18px; cursor: pointer;}
#index_lecturer_sub ul li img{ width: 62px; height: 65px; opacity: 0.6;}
#index_lecturer_sub ul li .index_lecturer_sub_bg{ opacity: 1;}

#index_lecturer_exp{ width: 1390px;}
#index_lecturer_exp ul li{ display: none;}
#index_lecturer_exp ul li img{ float: left; margin: -50px 30px 0 115px;}
.index_lecturer_area{ width: 720px; float: left; color: #fff;}
.index_lecturer_area h4{ font-size: 28px; margin: -50px 0 50px 0; font-weight: 700;}
.index_lecturer_area h5{ font-size: 24px; font-weight: 500; padding: 25px 0 10px 0;}
.index_lecturer_area p{ font-size: 18px; line-height: 32px;}
/*lecturerover*/

/*workstart*/
#index_portfolio{ width: 1390px; margin: 0 auto; background: url(../images/index2021_portfolio_bg.png) no-repeat center 200px;}
#index_portfolio_sub{ width: 306px; float: left; margin-top: 25px;}
#index_portfolio_sub ul li{ width: 196px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #ff2c9c; font-size: 20px; color: #444749; margin: 32px 0 0 60px; cursor: pointer;}
#index_portfolio_sub ul li.index_portfolio_sub_bg{ background: linear-gradient(to right, #ec00ff, #012aff); border: 1px solid #7615ff; color: #fff;}
#index_portfolio_exp{ width: 1084px; float: left; margin-top: 25px;}
.index_portfolio_area{ width: 1084px; display: none;}
.index_portfolio_area ul li{ float: left; margin: 15px 0 0 15px}
.index_portfolio_area ul li img{ display: block;}
#index_portfolio a{  display: block; margin: 100px auto 80px; width: 300px; height: 62px; line-height: 62px; background: linear-gradient(to right, #fe2d9a, #271af2); font-size: 20px; color: #fff; text-align: center;}
/*worksover*/

/*recruitstart*/
#index_recruit{ width: 100%; background: #551dee url(../images/index2021_recruit_bg.jpg) no-repeat center top;}

#index_recruit_main{width:1390px; margin:0 auto; position:relative; color:#fff;	background: url(../images/index2021_recruit_main_bg.png) no-repeat center top;}
.index_recruit_slides{ width: 340px; float: left; font-weight: normal; background: url(../images/index2021_recruit_p_bg.png) no-repeat center top; padding-bottom: 136px; margin-top: 10px;}
.index_recruit_slides h3{ font-size: 24px; text-align: center; margin-top: 120px;}
.index_recruit_slides span{ display: block; width: 160px; height: 1px; background-color:#979fff; margin: 26px auto 30px;}
.index_recruit_slides p{ font-size: 16px; padding: 0 60px; line-height: 32px;}

.index_recruit_controls{ width: 860px; float: left; display: block; margin-left: 20px;}
.index_recruit_controls>img{ width: 410px; float: left; margin: 10px 0 0 10px;}

.fa-arrow-right{ background: url(../images/index2021_recruit_lower.png) no-repeat center top;}
.fa-arrow-left{ background: url(../images/index2021_recruit_upper.png) no-repeat center top;}
#index_recruit_slider_wrap{width:1220px; height:400px; padding: 100px 0 120px; position:relative; overflow:hidden; margin-left: 120px;}
#index_recruit_slider_wrap ul#index_recruit_slider{	width:100%;	height:100%; margin-top: 20px; position:absolute; top:0; left:0;}
#index_recruit_slider_wrap ul#index_recruit_slider li{float:left; position:relative; width:1220px; height:400px;}
#index_recruit_slider_wrap ul#index_recruit_sliderli > .index_recruit_wrap{	position:absolute; top:20px; left:35px;}
#index_recruit_slider_wrap ul#index_recruit_slider li i{text-align:center; line-height:400px; display:block; width:100%; font-size:90px;}

/*btns*/
.index_recruit_btns{position:absolute; width:50px;	height:60px; top:50%; margin-top:-25px; text-align:center;cursor:pointer;z-index:100;}
#index_recruit_next{left:50px; top:460px; }
#index_recruit_previous{left:50px; top:380px;}

/*ANIMATION*/
#index_recruit_slider_wrap ul{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}
/*recruitover*/

/*移动端recruitstart*/
#index_recruit_m_main{ width: 100%; display: none; padding-bottom: 3rem;}
.index_recruit_m_pack{ width: 100%; margin-top: 1rem;}
.index_recruit_m_text{ width: 45%; float: left; background-color: #4558ff; color: #fff; text-align: center; margin-left: 1.5%; padding-bottom: 7rem;}
.index_recruit_m_text h3{ font-size: 2.0rem; padding-top: 5rem;}
.index_recruit_m_text span{ display: block; width: 50%; height: 1px; background-color:#979fff; margin: 2.2rem auto 3.6rem;}
.index_recruit_m_text p{ font-size: 1.3rem; padding: 0 1rem; line-height: 2.4rem;}
.index_recruit_m_pic{ width: 50%; float: left; margin-left: 2%;}
.index_recruit_m_pic img{ width: 100%; display: block;}
.index_recruit_m_pic img:nth-of-type(2){ margin-top: 1rem;}
/*移动端recruitover*/

/*dynamicstart*/
#index_dynamic{ width: 1390px; margin: 0 auto;}
#index_dynamic_sub{ width: 490px; margin: 0 auto;}
#index_dynamic_sub h4{ width: 145px; height: 42px; text-align: center; line-height: 42px; background: linear-gradient(to right, #fc01d8, #3840f5); border-radius: 50px; font-size: 18px; color: #fff; font-weight: normal; float:left; margin-left: 20px; cursor: pointer;}
#index_dynamic_sub h4:nth-of-type(1){ margin-left: 0;}
#index_dynamic_sub h4.index_dynamic_sub_bg{ background: linear-gradient(to right, #fb01d8, #fb01d8); }
#index_dynamic_exp{ width: 1390px; margin-top: 50px;}
.index_dynamic_infor{ width: 1390px; display: none;}
.index_dynamic_infor ul li{ width: 400px; float: left; background: url(../images/index2021_dynamic_infor_bg.png) no-repeat center top; margin-left: 35px; margin-top: 20px; padding: 16px 0 24px 40px;}
.index_dynamic_infor ul li:nth-of-type(3n+1){ margin-left: 0;}
.index_dynamic_infor ul li p{ font-size: 16px; color: #888888; line-height: 28px;}
.index_dynamic_infor ul li h5{ font-size: 18px; color: #525252; line-height: 32px;}
.index_dynamic_infor>a{  display: block; margin: 60px auto 80px; width: 300px; height: 62px; line-height: 62px; background: linear-gradient(to right, #fe2d9a, #271af2); font-size: 20px; color: #fff; text-align: center;}
/*dynamicover*/

/*finisstart*/
#index_finis{ width: 100%; background-color: #0d014c; }
#index_finis_main{ width: 1390px; margin: 0 auto;}
#index_finis_link{ width: 950px; float: left;}

#index_finis_address{ width: 950px; padding: 60px 0 40px;}
#index_finis_address ul li{ float: left; font-size: 16px;  margin-left: 30px; font-weight: 500; border-bottom: 2px solid #d92bb3; padding-bottom: 3px;}
#index_finis_address ul li a{ color: #fff;}

.index_finis_link_point{ width: 950px; line-height: 36px}
.index_finis_link_point p{ float: left; font-size: 14px; color: #fff;}
.index_finis_link_point ul li{ float: left; font-size: 14px; margin-left: 15px;}
.index_finis_link_point ul li a{ color: #fff;}

#index_finis_code{ width: 440px; float: left;}
#index_finis_code ul li{ float: left; margin: 80px 0 0 150px;}
.index_finis_code_img{ background: url(../images/index2021_finis_code_bg.png) no-repeat center top; padding: 10px; }
.index_finis_code_text{ width: 120px; margin: 0 auto;}
.index_finis_code_text img{ float: left; display: block;}
.index_finis_code_text p{ float: left; font-size: 14px; color: #fff; margin-left: 5px;}


#index_finis_copyright{ text-align: center; padding: 60px 0 40px;}
#index_finis_copyright p{ font-size: 14px; color: #fff; line-height: 36px;}
#index_finis_copyright img{vertical-align: middle;}
#index_finis_copyright a{ color: #fff; margin-left: 5px; }
#index_finis_copyright a:nth-of-type(2){ margin-left: 20px;}

/*finisover*/


/*Ipad响应式开始*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#index_top{ width: 100%;}
	#index_logo{ width: 50%;}
	#index_logo img{ width: 100%;}
	#index_side{ display: none;}
	#index_nav{ display: none;}
	#index_wrap{ display: none;}
	#index_nav_m{ width: 10%; display: block; margin-top: 2.6rem;}
	#index_nav_m_btn{ width: 60%;}
	
	#index_nav_m ul{ width: 35%; top: 8%; right: 0; z-index: 9; display: none;}
	#index_nav_m ul li{ height: 4rem; font-size: 1.2rem; line-height: 4rem; padding-left: 1rem; margin-left: 1.2rem;}
	#index_nav_m ul li img{ margin-right: 3rem; margin-top: 1.5rem;}
	#index_nav_m ul li.index_nav_m_li{ font-size: 1.4rem; font-weight: 700; margin-left: 0.6rem;}

	.wrapper{ display: none;}
	.main_visual{height:20rem; display: block; }
 	.main_image{height:20rem; }
	
	#index_hotspot{ width: 100%; margin: 3rem auto 0;}
	#index_hotspot ul li{ width: 47%; background:none; margin-left: 2%;}
	#index_hotspot ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#index_hotspot ul li img{ width: 100%;}
	#index_hotspot ul li h4{ width: 80%; position: inherit; margin-top: 3%; font-size: 1.4rem;}
	#index_hotspot ul li p{ margin: 0.8rem 0 1.5rem; font-size: 1.2rem;} 
	
	.index_public_title{ width: 100%; padding:2rem 0;}
	.index_public_title h2{font-size:2.2rem; margin-bottom:0.3rem;}
	.index_public_title h3{font-size:1.4rem;}
	
	#index_model{ padding-bottom: 2rem; margin-top: 0rem;}
	#index_model_main{ width: 100%;}
	#index_model_main ul li{ width: 32%; margin-left: 1%; background: none; padding-bottom: 0;}
	#index_model_main ul li:nth-of-type(3n+1){ margin-left:1%;}
	#index_model_main ul li img{ width: 100%; margin:0;} 
	#index_model_main ul li h4{ font-size: 1.4rem; margin: 0.6rem 0 0.4rem;}
	#index_model_main ul li p{ font-size: 1.0rem; line-height: 1.8rem;}
	
	#index_class{ width: 100%; background:none;}
	#index_class_sub{ width:100%;  }
	#index_class_sub h4{ width: 18%; line-height: 2.4rem; font-size: 1.2rem; margin-left: 1%;}
	#index_class_sub h4:nth-of-type(1){ margin-left: 3%;}

	#index_class_exp{ width: 100%; padding-bottom: 3rem;}
	.index_class_type{ width: 100%;}

	.index_class_type ul li{ width: 45%; margin-left: 3%; margin-top: 2rem; position: inherit;}
	.index_class_type ul li:nth-of-type(4n+1){ margin-left:3%; }
	.index_class_type ul li img{ width: 100%; padding: 1%;}
	.index_class_type ul li h5{ width: 50%; line-height: 2.8rem; position: inherit; font-size:1.4rem; margin:3% 0 0 25%;}
	.index_class_type ul li p{ font-size: 1.2rem; padding-top:0.8rem;}

	#index_class_exp>a{  margin: 3rem auto 0; width: 40%; height:3.4rem; line-height: 3.4rem; font-size: 1.4rem;}
	
	#index_lecturer_main{ width: 100%; background: none; position: relative; margin-top: 0; padding-bottom: 2rem;}
	#index_lecturer_sub{ display: none;}

	#index_lecturer_exp{ width: 100%;}
	#index_lecturer_exp ul li{ display: block; padding-bottom: 3%;}
	#index_lecturer_exp ul li img{ display: block; width: 28%; margin: 0 3%;}
	.index_lecturer_area{ width: 63%; margin: 0 3% 0 0;}
	.index_lecturer_area h4{ font-size: 1.6rem; margin: 0; font-weight: 700;}
	.index_lecturer_area h5{ font-size: 1.4rem; font-weight: 500; padding: 0.8rem 0 0.6rem 0;}
	.index_lecturer_area p{ font-size: 1.2rem; line-height: 1.8rem;}

	#index_portfolio{ width: 100%; background: none;}
	#index_portfolio_sub{ width: 100%; float: none; margin-top: 0;}
	#index_portfolio_sub ul li{ width: 22%; height: 3.0rem; line-height:3.0rem; float: left; font-size: 1.4rem; margin: 1rem 0 0 2.4%;}
	#index_portfolio_exp{ width: 100%; float: none; margin-top: 1rem;}
	.index_portfolio_area{ width: 100%; display: none;}
	.index_portfolio_area ul li{ width: 47%; float: left; margin: 1.0rem 0 0 2%;}
	.index_portfolio_area ul li img{ display: block; width: 100%;}
	#index_portfolio a{ margin: 3rem auto 2rem; width: 40%; height:3.4rem; line-height: 3.4rem; font-size: 1.4rem;}
	
	#index_recruit_main{ display: none;}
	#index_recruit_m_main{ display: block;}
	
	#index_dynamic{ width: 100%; }
	#index_dynamic_sub{ width: 100%;}
	#index_dynamic_sub h4{ width: 23%; height: 2.4rem; line-height: 2.4rem; font-size: 1.2rem; margin-left: 1.5%;}
	#index_dynamic_sub h4:nth-of-type(1){ margin-left: 1.5%;}
	#index_dynamic_sub h4.index_dynamic_sub_bg{ background: linear-gradient(to right, #fb01d8, #fb01d8); }
	
	#index_dynamic_exp{ width: 100%; margin-top: 1rem;}
	.index_dynamic_infor{ width: 100%; display: none;}
	.index_dynamic_infor ul li{ width: 45%; background:none; margin-left: 2.5%; margin-top: 20px; padding: 0.7rem 0 0.8rem 1%; border: 1px solid #ff2c9c;}
	.index_dynamic_infor ul li:nth-of-type(3n+1){ margin-left: 2.5%;}
	.index_dynamic_infor ul li p{ font-size: 1.1rem; line-height: 2.0rem;}
	.index_dynamic_infor ul li h5{ font-size: 1.2rem; line-height: 2.2rem;}
	.index_dynamic_infor>a{ margin: 3rem auto; width: 40%; height:3.4rem; line-height: 3.4rem; font-size: 1.4rem;}
	
	#index_finis_main{ width: 100%;}
	#index_finis_link{ width: 100%; float: none;}

	#index_finis_address{ width: 100%; padding: 4rem 0 3rem;}
	#index_finis_address ul li{ float: left; font-size: 1.4rem;  margin-left: 2rem;  padding-bottom: 0.3rem;}

	.index_finis_link_point{ width: 100%; line-height: 2.2rem; margin-bottom: 0.6rem;}
	.index_finis_link_point p{ float: none; font-size: 1.2rem; margin-left: 1.4rem;}
	.index_finis_link_point ul li{font-size: 1.2rem; margin-left: 1.4rem; margin-right: 1.0rem;}

	#index_finis_code{ width: 100%; float: none; margin: 0 auto;}
	#index_finis_code ul li{ width: 40%; float: left; margin: 3rem 0 0 30%;}
	.index_finis_code_img{ background:none; padding: 0.6rem; border: 1px solid #f62da0;}
	.index_finis_code_img img{ width: 100%;}
	.index_finis_code_text{ width: 100%; margin: 0 auto;}
	.index_finis_code_text img{ display: none;}
	.index_finis_code_text p{ float: none; text-align: center; font-size: 1.4rem; margin-left:0; margin-top: 0.6rem;}


	#index_finis_copyright{ text-align: center; padding: 3rem 1rem 4rem;}
	#index_finis_copyright p{ font-size: 1.2rem; line-height: 2.2rem;}
	
}
/*Iphone响应式开始*/
@media only screen and (min-width: 320px) and (max-width: 767px){
	#index_top{ width: 100%;}
	#index_logo{ width: 60%;}
	#index_logo img{ width: 100%;}
	#index_side{ display: none;}
	#index_nav{ display: none;}
	#index_wrap{ display: none;}
	#index_nav_m{ width: 12%; display: block; margin-top: 1.2rem;}
	#index_nav_m_btn{ width: 70%;}
	#index_nav_m ul{ width: 40%; top: 8%; right: 0; z-index: 9; display: none;}
	#index_nav_m ul li{ height: 2.2rem; font-size: 0.8rem; line-height: 2.2rem; padding-left: 0.8rem; margin-left: 0.4rem;}
	#index_nav_m ul li img{ margin-right: 1.0rem; margin-top: 0.8rem;}
	#index_nav_m ul li.index_nav_m_li{ font-size: 1.0rem; font-weight: 700; margin-left: 0rem;}
	
	.wrapper{ display: none;}
	.main_visual{ height:10rem; display: block; }
 	.main_image{height:10rem; }
	
	#index_hotspot{ width: 100%; margin: 1rem auto 0;}
	#index_hotspot ul li{ width: 47%; margin-left: 2%; background:none; margin-bottom: 1rem;}
	#index_hotspot ul li:nth-of-type(4n+1){ margin-left: 2%;}
	#index_hotspot ul li img{ width: 100%; padding-top: 0; padding-left: 0;}
	#index_hotspot ul li h4{ width: 80%; position: inherit; line-height:2.0rem; font-size: 1.0rem; margin-left: 13%; margin-top: 0.6rem;}
	#index_hotspot ul li p{ margin: 0.5rem 0; font-size: 0.8rem }
	
	.index_public_title{ width: 100%; padding:1rem 0;}
	.index_public_title h2{font-size:1.4rem; margin-bottom:0.3rem;}
	.index_public_title h3{font-size:1.0rem;}	
	
	#index_model{ padding-bottom: 0rem; margin-top: 0rem;}
	#index_model_main{ width: 100%;}
	#index_model_main ul li{ width: 70%; margin-left: 15%; background: none; padding-bottom: 1rem;}
	#index_model_main ul li:nth-of-type(3n+1){ margin-left:15%;}
	#index_model_main ul li img{ width: 100%; margin:0;} 
	#index_model_main ul li h4{ font-size: 1.2rem; margin: 0.6rem 0 0.4rem;}
	#index_model_main ul li p{ font-size: 0.8rem; line-height: 1.4rem;}
	
	#index_class{ width: 100%; background:none;}
	#index_class_sub{ width:100%;  }
	#index_class_sub h4{ width: 30%; line-height: 1.8rem; font-size: 1.0rem; margin-left: 2.5%; margin-bottom: 2%;}
	#index_class_sub h4:nth-of-type(1){ margin-left: 2.5%;}

	#index_class_exp{ width: 100%; padding-bottom: 2rem;}
	.index_class_type{ width: 100%;}

	.index_class_type ul li{ width: 45%; margin-left: 3%; margin-top: 1rem; position: inherit;}
	.index_class_type ul li:nth-of-type(4n+1){ margin-left:3%; }
	.index_class_type ul li img{ width: 100%; padding: 1%;}
	.index_class_type ul li h5{ width: 90%; line-height: 2.0rem; position: inherit; font-size:1.0rem; margin:2.5% 0 0 5%;}
	.index_class_type ul li p{ font-size: 0.8rem; padding-top:0.6rem;}

	#index_class_exp>a{  margin: 1.6rem auto 0; width: 60%; height:2.2rem; line-height: 2.2rem; font-size: 1.1rem;}
	
	#index_lecturer_main{ width: 100%; background: none; position: relative; margin-top: 0; padding-bottom: 2rem;}
	#index_lecturer_sub{ display: none;}

	#index_lecturer_exp{ width: 100%;}
	#index_lecturer_exp ul li{ display: block; padding-bottom: 3%;}
	#index_lecturer_exp ul li img{ display: block; width: 30%; margin: 0 3%;}
	.index_lecturer_area{ width: 60%; margin: 0 3% 0 0;}
	.index_lecturer_area h4{ font-size: 1.0rem; margin: 0.5rem 0 0.6rem 0; font-weight: 700;}
	.index_lecturer_area h5{ font-size: 0.9rem; font-weight: 500; padding: 0.5rem 0 0.4rem 0;}
	.index_lecturer_area p{ font-size:0.8rem; line-height: 1.2rem;}
	.index_lecturer_area_dic{ display: none;}
	
	#index_portfolio{ width: 100%; background: none;}
	#index_portfolio_sub{ width: 100%; float: none; margin-top: 0;}
	#index_portfolio_sub ul li{ width: 22%; height: 1.8rem; line-height:1.8rem; float: left; font-size: 0.9rem; margin: 0.5rem 0 0 2.0%;}
	#index_portfolio_exp{ width: 100%; float: none; margin-top: 0.5rem;}
	.index_portfolio_area{ width: 100%; display: none;}
	.index_portfolio_area ul li{ width: 47%; float: left; margin: 0.5rem 0 0 2%;}
	.index_portfolio_area ul li img{ display: block; width: 100%;}
	#index_portfolio a{ margin: 1.6rem auto 1.2rem; width: 60%; height:2.2rem; line-height: 2.2rem; font-size: 1.1rem;}
	
	#index_recruit_main{ display: none;}
	#index_recruit_m_main{ display: block; padding-bottom: 1rem;}
	.index_recruit_m_text{ width: 94%; margin:0 3%; padding-bottom: 1rem;}
	.index_recruit_m_text h3{ font-size: 1.2rem; padding-top: 1rem;}
	.index_recruit_m_text span{ display: block;  margin: 0.4rem auto 0.6rem;}
	.index_recruit_m_text p{ font-size: 1.0rem; padding: 0 1rem; line-height: 1.8rem;}
	.index_recruit_m_pic{ width: 94%; margin: 2% 0 0 3%;}
	.index_recruit_m_pic img{ width: 100%; display: block;}
	.index_recruit_m_pic img:nth-of-type(2){ margin-top: 0.5rem;}
	
	#index_dynamic{ width: 100%; }
	#index_dynamic_sub{ width: 100%;}
	#index_dynamic_sub h4{ width: 30%; height: 1.8rem; line-height: 1.8rem; font-size: 1.0rem; margin-left: 2.5%; margin-bottom: 2%;}
	#index_dynamic_sub h4:nth-of-type(1){ margin-left: 2.5%;}
	
	#index_dynamic_exp{ width: 100%; margin-top: 0.5rem;}
	.index_dynamic_infor{ width: 100%; display: none;}
	.index_dynamic_infor ul li{ width: 90%; background:none; margin-left: 3%; margin-top: 0.6rem; padding: 0.4rem 0 0.5rem 2%; border: 1px solid #ff2c9c;}
	.index_dynamic_infor ul li:nth-of-type(3n+1){ margin-left: 3%;}
	.index_dynamic_infor ul li p{ font-size: 0.8rem; line-height: 1.4rem;}
	.index_dynamic_infor ul li h5{ font-size: 0.9rem; line-height: 1.6rem;}
	.index_dynamic_infor>a{margin: 1.6rem auto 1.0rem; width: 60%; height:2.2rem; line-height: 2.2rem; font-size: 1.1rem;}
	
	#index_finis_main{ width: 100%;}
	#index_finis_link{ width: 100%; float: none;}

	#index_finis_address{ width: 100%; padding: 3rem 0 2rem;}
	#index_finis_address ul li{ float: left; font-size: 1.0rem;  margin-left: 1rem;  padding-bottom: 0.3rem;}

	.index_finis_link_point{ width: 100%; line-height: 1.6rem; margin-bottom: 0.6rem;}
	.index_finis_link_point p{ float: none; font-size: 0.9rem; margin-left: 0.8rem;}
	.index_finis_link_point ul li{font-size: 0.9rem; margin-left: 0.8rem; margin-right: 0.5rem;}

	#index_finis_code{ width: 100%; float: none; margin: 0 auto;}
	#index_finis_code ul li{ width: 50%; float: none; margin: 2rem 0 0 25%;}
	.index_finis_code_img{ background:none; padding: 0.6rem; border: 1px solid #f62da0;}
	.index_finis_code_img img{ width: 100%;}
	.index_finis_code_text{ width: 100%; margin: 0 auto;}
	.index_finis_code_text img{ display: none;}
	.index_finis_code_text p{ float: none; text-align: center; font-size: 0.8rem; margin-left:0; margin-top: 0.3rem;}

	#index_finis_copyright{ text-align: center; padding: 2.0rem 0.5rem 1.8rem;}
	#index_finis_copyright p{ font-size: 0.8rem; line-height:1.4rem;}
	

}