/*=========================== mobile =======================*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .allWidth{width:92%;}
/*header*/
.head{border-bottom: 1px solid #3c82c8;}
.logo{width: 90%;margin: 0px auto;padding: 10px 0 0;display: block;float: none;}
.logo img{width:100%}
.top_title{text-align:center;width:100%;margin:0;margin-bottom: 12px;font-size: 24px;}
.head .index{display:none}
.pc_nav{display:none}
.mob_nav{display:block;}
.nav_show{padding: 0 15px;position:relative;border-top:1px solid #2c4865;}
.nav_show .index{font-size: 18px;color: #fff;}
.nav_show .nav_select{display:block;position:absolute;right:15px;top:11px}
.nav_show .nav_select li{width:32px;height:2px;background:#fff;margin:8px 0}
.mob_nav .navbar_ul{display:none}
.mob_navbar{display:block;}
.mob_navbar > li{width: 100%;line-height: 50px;font-size: 18px;border-top:1px solid #3c82c8}
.mob_navbar > li > a{padding: 0;width: 86%;}
.mob_navbar > li > a.action {background: none;}
.mob_navbar > li >strong{display:block; position: absolute; right: 20px; top: 0; font-size: 25px; color: #fff; cursor: pointer; width: 40px;line-height: 50px; text-align: center;z-index: 100;}
.mob_navbar .menu{position: inherit;top:0;background: #e6f4ff; }
.mob_navbar .menu li a{color: #0066cc;width: 86%;}

.mob_navbar .menu > li:hover .three_menu{display:none;}
.mob_navbar .menu > li >strong{display:block; position: absolute; right: 20px; top: 0; font-size: 25px; color: #06c; cursor: pointer; width: 40px;line-height: 40px; text-align: center;z-index: 100;}
.mob_navbar .menu > li:hover .three_menu{position: relative;left: 0;font-size: 15px;background: #f2f8fd;}
.mob_navbar > li:hover > a, .mob_navbar > li > a.action,.mob_navbar .menu > li:hover > a,.mob_navbar .three-menu > li:hover{background: transparent;}

.add{
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav_btns>li:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(45deg);
  -ms-transform: translateY(11px) rotate(45deg);
  -o-transform: translateY(11px) rotate(45deg);
  transform: translateY(11px) rotate(45deg);
}
.nav_btns>li:nth-child(2) {display: none;}
.nav_btns>li:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.banner > a{margin-top:-15px}
.banner > a img{width:30px}
.banner .ban_ico{bottom: -40px;}
.banner .ban_ico img{width: 50px;}

/*main*/
.main{margin-top: 40px;}
.one_floor{background-size: cover;padding-top: 20px;}
.news_tab{height:auto;}
.news_info{width:100%;margin:auto}
.news_info li.img_li{width:100%;height: auto;margin-bottom:20px}
.news_info li.img_li .news_img{height:210px;float:none}
.news_info li.img_li .news_txt{width:100%;padding:20px 20px 45px 20px;margin:0}
.news_info li.imgs_li{width:100%;height:auto;margin:0;margin-bottom:20px}
.news_info li.imgs_li .news_img{height:180px}
.news_info li.txt_li{width:100%;margin:0;margin-bottom:20px;padding:10px;box-shadow:0 2px 10px #ddd}
.news_info li.txt_li a{width:56%;height:75px;line-height:75px}
.notice_tab{height:auto}
.notice_info{background:#fff}
.notice_info li{width:98%}
.notice_info li a{width:62%}
.two_floor{margin: 40px 0 30px;}
.student_tab{height:auto}
.stu_info li.img_li{width:100%;height:250px;margin-bottom:20px}
.stu_info li.txt_li{width:100%;margin:0;margin-bottom:20px}
.stu_info li:last-child{margin-right:0}
.teach_tab{height:auto}
.teach_info{padding: 40px 0 110px;}
.teach_info li{width:100%;padding:0 15px;border:none;margin: 10px 0;}
.four_floor{margin-top: 40px;}
.view_info li{width:100%;margin:0;margin-bottom:20px;border:1px solid #ddd}
.view_info li .view_img{height:200px}
.view_info li .view_ico{height:200px;line-height:200px}
.view_info li p{margin:20px 0;padding:0 10px}


/*footer*/
.footer{height:auto;margin-top:40px;padding-top:26px;background:#0066cc}
.footer > .allWidth{padding:0 0}
.footer a{display:block;width:80%;margin: auto;float:none;overflow:hidden}
.foot_logo >img{margin-right:2%;width:20%}
.foot_logo >div{width:78%}
.foot_logo >div img{width:100%}
.foot_logo >div p{font-size:22px}
.foot_txt{display:block;text-align:center;margin:20px 0;padding-top:20px;border-top:1px solid #e0e9f2}
.foot_code{float:none;width:100%}
.foot_code img{width:150px;height:150px;position:inherit;bottom:0}

/*other*/
.page_con .allWidth{margin: 30px auto;}
.left_page{width:100%;margin-bottom: 20px;}
.left_page .page_title{line-height: 30px;}
.left_page ul li{display:inline-block;margin:5px}
.left_page ul li a{padding:10px;}
.left_page ul li a.normal,.left_page ul li a:hover{border:none}
.right_page{width:100%}
.right_page .address .add_title{width: 100%;text-align: center;line-height: 40px;padding:10px 0;}
.right_page .address .local{line-height: 30px;padding:10px 0;}
.page_list li a{width:66%;}
.images_list li{width:100%;margin:20px 0;}

.con_text{padding:0;}
.con_text .tit h4{font-size: 24px;line-height: 40px;margin: 30px 0 10px;}


}