﻿@charset "utf-8";
/*@media only screen and (min-width: 320px){html {font-size: 62.5%!important;}}
@media only screen and (min-width: 360px){html {font-size: 100%!important;}}
@media only screen and (min-width: 400px){html {font-size: 82.5%!important;}}
@media only screen and (min-width: 480px){html {font-size: 100%!important;}}*/
*{
    margin:0px;
	padding:0px;
}
body{
     /*width:100%;
	 height:auto;
	 overflow:hidden;*/
}
.index{
    width:100%;
	height:auto;
	overflow:hidden;
}
.index img{
     width:100%;
	 height:auto;
}
.subnav{
    width:25%;
	height:auto;
	position:fixed;
	top:18vh;
	background-color:rgba(0,0,0,0.7);
	z-index:999;
	/*background-color:#51C1F0;*/
	
}
.subnav a{
    width:100%;
	height:4vh;
	line-height:4vh;
	font-size:1.5vh;
	text-decoration:none;
	color:#fff;
	display:block;
	border-bottom:0.1vh solid #fff;
	text-align:center;
}
#bg{
	background-color:#000;
	position:fixed;
	z-index:9999;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
.sq{
    width:80%;
	height:64vh;
	background:#fff;
	position:fixed;
	top:18vh;
	left:10%;
	z-index:10000;
}
.sq .sqtitle{
    width:100%;
	height:8vh;
	line-height:8vh;
	font-size:2.5vh;
	color:#333;
	text-align:center;
	font-weight:bold;
}
.sq .sqcon{
     width:90%;
	 margin:0 auto;
	 height:auto;
}
.sqcon input{
    width:100%;
	height:4.5vh;
	line-height:4.5vh;
	font-size:1.5vh;
	color:#333;
	border:0.1vw solid #666;
	outline:0;
	border-radius:1vw;
	text-indent:2vw;
	margin-bottom:1.5vh;
}
.sqcon .con{
    width:100%;
	height:15vh;
	font-size:1.5vh;
	outline:0;
}
.sqcon .subbtn{
    width:100%;
	height:4.5vh;
	background:#1A9CDB;
	border-radius:1vw;
	color:#fff;
	margin-top:1.5vh;
	border:0;
}
.index .top{
    width:100%;
	height:8vh;
	overflow:hidden;
	position:fixed;
	top:0;
	background:#fff;
	z-index:999;
}
.top .logo{
    width:45%;
	height:5vh;
	margin-top:1.5vh;
	float:left;
	margin-left:3%;
}
.logo img{
    width:auto;
	height:100%;
}
.top .topr{
    width:35%;
	float:right;
	margin-right:0%;
	height:3.6vh;
	padding-top:2.2vh;
}
.topr img{
    width:auto;
	height:100%;
	margin-right:13%;
	float:right;
}
.index .nav{
    width:100%;
	height:10vh;
	position:fixed;
	top:8vh;
	background-color:#51C1F0;
	z-index:999;
}
.nav a{
    text-decoration:none;
	width:24.7vw;
	height:5vh;
	line-height:5vh;
	display:block;
	float:left;
	/*border-bottom:0.1vh solid #fff;
	border-right:0.1vw solid #fff;*/
	border:0.1vw solid #fff;
	border-top:none;
	border-left:none;
	text-align:center;
	font-size:1.7vh;
	color:#fff;
	background-color:#51C1F0;
}
.nav a:nth-child(4n){
    border-right:none;
}
.nav a:nth-child(4n+5),.nav a:nth-child(4n+6),.nav a:nth-child(4n+7),.nav a:nth-child(4n+8){
    border-bottom:none;
}
.banner{
    width:100%;
	height:auto;
	margin-top:18vh;
	/*background: #ccc;*/
    overflow: hidden;
	position:relative;
}
/*.banner img{
    width:100%;
	height:auto;
	
}*/
.main{
    width:100%;
	height:auto;
}
.title{
    width:100%;
	height:auto;
	padding-top:4vh;
	text-align:center;
	color:#51C1F0;
}
.title .title1{
    width:100%;
	height:5vh;
	line-height:5vh;
	font-size:3vh;
	font-weight:bold;
}
.title .title2{
    width:100%;
	height:3vh;
	line-height:3vh;
	font-size:1.5vh;
}
.about{
    width:100%;
	margin:0 auto;
	height:auto;
}
.aboutn{
    width:100%;
	height:auto;
	margin-top:2vh;
}
.aboutn .aboutn1{
    width:100%;
	height:15vh;
	overflow:hidden;
	/*border-radius:10px;*/
	
}
.aboutn1 img{
    width:100%;
	height:auto;
	/*border-radius:10px;*/
}
.aboutn .aboutn2{
    width:89%;
	margin:0 auto;
	height:auto;
	font-size:1.7vh;
	color:#666;
	line-height:3.5vh;
	margin-top:1vh;
}
.aboutn2 a{
    text-decoration:none;
	font-size:1.8vh;
	color:#51C1F0;
}
.tese{
    width:100%;
	height:auto;
	margin-top:3vh;
	background:#f3f3f3;
	/*padding-top:2vh;*/
	padding-bottom:2vh;
	/*background:url(../images/tesebg.jpg) no-repeat;*/
}
.tesen{
    width:89%;
	margin:0 auto;
	height:auto;
	margin-top:2vh;
}
.tesen a{
    text-decoration:none;
	color:#333;
}
.tesen a img{
   border:0; 
}
.tesen .tsn{
    width:100%;
	height:10vh;
	background:#fff;
	box-shadow: 0px 2px 10px rgba(41, 12, 127, 0.2);
	border-radius:2vw;
	margin-bottom:2vh;
	display:block;
}
.tsn .tsn1{
    width:40%;
	height:10vh;
	float:left;
	overflow:hidden;
	/*border-top-left-radius:1vw;
	border-top-right-radius:1vw;*/
}
.tsn img{
    width:auto;
	height:100%;
	border-top-left-radius:2vw;
	border-bottom-left-radius:2vw;
}
.tsn .tsn2{
    width:55%;
	float:right;
}
.tsn .tsn3{
    width:100%;
	height:4vh;
	line-height:4vh;
	font-size:1.8vh;
	color:#333;
	font-weight:bold;
	letter-spacing:0.2vw;
}
.tsn .tsn4{
    width:100%;
	height:3vh;
	line-height:3vh;
	font-size:1.5vh;
	color:#666;
}

.kecheng{
    width:100%;
	height:auto;
	background:url(../images/kechengbg.png) no-repeat center center;
	background-size:100% auto;
}
.kecheng .kechengn{
    width:100%;
	height:auto;
	padding-top:3vh;
}
.kechengn .kechengn1{
     width:100%;
	 height:6vh;
	 border-bottom:0.1vh solid #EFEFEF;
}
.kechengn1 .kctitle{
     width:85%;
	 height:6vh;
	 margin:0 auto;
	 text-align:center;
}
.kctitle .kctitle1{
     width:33%;
	 height:6vh;
	 float:left;
}
.kctitle1 .kctitle11{
     width:100%;
	 height:2.5vh;
}
.kctitle11 img{
     height:100%;
	 width:auto;
}
.kctitle1 .kctitle12{
     width:100%;
	 height:3vh;
	 line-height:3vh;
	 font-size:1.6vh;
	 color:#666;
	 font-weight:bold;
}
.kctitle .cur{
     border-bottom:0.3vh solid #51C1F0;
}
.kechengn .kechengn2{
     width:85%;
	 margin:0 auto;
	 height:auto;
	 padding-top:2vh;
}
.kechengn2 .kechengn21{
     width:100%;
	 height:auto;
}
.kechengn2 .kechengn22{
     width:100%;
	 height:5vh;
	 line-height:5vh;
	 font-size:1.7vh;
	 color:#51C1F0;
	 font-weight:bold;
}
.kechengn2 .kechengn23{
     width:100%;
	 height:auto;
	 font-size:1.7vh;
	 color:#666;
	 line-height:3.5vh;
}
.kechengn23 a{
     text-decoration:none;
	 font-size:1.5vh;
	 color:#51C1F0;
	 margin-left:2%;
}
/*.gtkc,.jjkc{
    display:none;
}*/
.jiameng{
    width:100%;
	height:auto;
	background:url(../images/jm.jpg) no-repeat center top;
	/*background-size:100% 100%;*/
	background-size: auto 100%;
	/*padding-top:1vh;*/
	margin-top:3vh;
	padding-bottom:3vh;
}
.jiameng .title{
    padding-top:2vh;
}
.jiamengn{
    width:85%;
	margin:0 auto;
	height:auto;
	padding-top:1vh;
}
.jiamengn .jiamengn1{
     width:46%;
	 padding-left:1.8%;
	 padding-right:1.8%;
	 height:auto;
	 float:left;
	 margin-bottom:2vh;
}
.jiamengn1 .jiamengn11{
     width:100%;
	 height:12vh;
	 /*border:0.2vw solid #51C1F0;
	 border-radius:1vw;*/
	 display:block;
	 border-radius:1vw;
	border:0.4vw solid #51C1F0;
	overflow:hidden;
}
.jiamengn11 img{
    /*border-radius:1vw;
	border:0.4vw solid #51C1F0;*/
	width:auto;
	height:100%
}
.jiamengn1 .jiamengn12{
    width:80%;
	height:3.5vh;
	margin:0 auto;
	line-height:3.5vh;
	background:#51C1F0;
	border-bottom-left-radius:1vw;
	border-bottom-right-radius:1vw;
	text-align:center;
	font-size:1.5vh;
	color:#fff;
}
.youshi{
    width:92%;
	margin:0 auto;
	height:auto;
	margin-top:-3vh;
}
.youshin{
    width:100%;
	height:auto;
	margin-top:3vh;
	padding-bottom:1vh;
}
.youshin .youshin1{
    width:100%;
	height:7.5vh;
	/*padding-left:30%;
	padding-right:3%;*/
	color:#fff;
	padding-top: 2vh;
	padding-bottom: 1vh;
	background:url(../images/ys01.png) no-repeat;
	background-size:100% 100%;
}
.youshin1 .youshin11{
    width:12%;
	height:6vh;
	line-height:3vh;
	font-size:1.9vh;
	color:#fff;
	font-weight:bold;
	/*margin-top:0.5vh;
	border-right:0.1vw solid #fff;*/
	text-align:center;
	margin-left:7%;
	margin-right:8%;
	float:left;
	padding-top: 0.5vh;
}
.youshin1 .youshin12{
    width:69%;
	float:left;
	height:6vh;
	/*margin-top:0.5vh;*/
	font-size:1.3vh;
	line-height:2.3vh;
	padding-top:1vh;
}
.youshin .youshin1:nth-child(2){
    background:url(../images/ys2.png) no-repeat;
	background-size:100% 100%;
	margin-top:-0.5vh;
}
.youshin .youshin1:nth-child(3){
    background:url(../images/ys3.png) no-repeat;
	background-size:100% 100%;
	margin-top:-0.5vh;
}
.youshin .youshin1:nth-child(4){
    background:url(../images/ys4.png) no-repeat;
	background-size:100% 100%;
	margin-top:-0.5vh;
}
.youshin .youshin1:nth-child(5){
    background:url(../images/ys5.png) no-repeat;
	background-size:100% 100%;
	margin-top:-0.5vh;
}
.youshin .youshin1:nth-child(6){
    background:url(../images/ys6.png) no-repeat;
	background-size:100% 100%;
	margin-top:-0.5vh;
}
.youshin .youshin1:first-child .youshin12{
    padding-top:0;
	height:7vh;
}
.youshin .youshin1:nth-child(2) .youshin12{
    padding-top:0;
	height:7vh;
}
.youshin .youshin1:nth-child(3) .youshin12{
    padding-top:0;
	height:7vh;
}
.youshin .youshin1:nth-child(6) .youshin11{
    font-size:1.6vh;
	
}
.news{
    width:100%;
	height:auto;
	margin-top:3vh;
}
.news .newsimg{
    width:100%;
	height:auto;
}
.news .newsn{
    width:89%;
	margin:0 auto;
	height:auto;
}
.newsn ul{
    margin:0;
	padding:0;
}
.newsn ul li{
    list-style-type:none;
	width:100%;
	height:6vh;
	line-height:6vh;
	border-bottom:0.1vh dotted #CBCBCB;
}
.newsn ul li a{
    width:80%;
	height:6vh;
	float:left;
	text-decoration:none;
	font-size:1.8vh;
	color:#333;
	float:left;
	overflow:hidden;
}
.newsn ul li span{
    width:20%;
	height:6vh;
	float:right;
	color:#CBCBCB;
	font-size:1.8vh;
}
.news .newsmore{
    width:30%;
	margin:0 auto;
	height:4vh;
	line-height:4vh;
	background:#51C1F0;
	border-radius:2vw;
	margin-top:3vh;
	margin-bottom:15vh;
}
.newsmore a{
    text-decoration:none;
	font-size:1.8vh;
	color:#fff;
	display:block;
	text-align:center;
}
.foot{
    width:100%;
	height:10vh;
	background:#1A9CDB;
	line-height:10vh;
	text-align:center;
	font-size:1.5vh;
	margin-top:3vh;
	color:#fff;
	position:fixed;
	bottom:0;
}
.foot a{
    text-decoration:none;
	font-size:1.5vh;
	color:#fff;
}
/*内页开始*/
.shown{
    width:89%;
	margin:0 auto;
	height:auto;
	padding-bottom:10vh;
	padding-top:3vh;
}
.shown .stitle{
    width:100%;
	height:8vh;
	line-height:8vh;
	color:#333;
	font-size:3vh;
	font-weight:bold;
	text-align:center;
}
.shown .scon{
    width:100%;
	height:auto;
	color:#333;
	font-size:1.8vh;
	line-height:3.5vh;
}
.scon img{
    width:90%;
	margin:0 auto;
	height:auto;
}
.shown ul{
    margin:0;
	padding:0;
}
.shown ul li{
    list-style-type:none;
	height:6vh;
	line-height:6vh;
	border-bottom:0.1vh solid #ccc;
}
.shown ul li a{
    text-decoration:none;
	font-size:1.8vh;
	color:#333;
	width:100%;
	height:6vh;
	display:block;
	overflow:hidden;
}
.shown ul li span{
    width: 100%;
    height: 5vh;
    line-height: 3vh;
    text-align: center;
    display: block;
}
.shown .updown{
    width:100%;
	height:auto;
	margin-top:5vh;
	margin-bottom:5vh;
}
.updown span{
    margin-bottom:3vh;
	width:100%;
	height:5vh;
	display:block;
}
.updown span a{
    width:98%;
	height:5vh;
	display:block;
	line-height:5vh;
	border:1px solid #ccc;
	font-size:1.8vh;
	color:#666;
	text-decoration:none;
	padding-left:2%;
}
.shown .shizin{
    width:100%;
	height:auto;
	display:block;
	margin-bottom:5vh;
}
.shizin .shizin1{
    width:35%;
	height:auto;
	float:left;
}
.shizin1 img{
    width:100%;
	height:auto;
}
.shizin .shizin2{
    width:60%;
	height:auto;
	float:right;
}
.shizin2 .sztitle{
    width:100%;
	height:4vh;
	line-height:4vh;
	font-size:1.8vh;
	color:#333;
	font-weight:bold;
}
.shizin2 .szcon{
     width:100%;
	 height:auto;
	 font-size:1.6vh;
	 color:#333;
	 line-height:3vh;
}
.kcn{
    width:100%;
	height:auto;
}
.kcn .kct{
    width:100%;
	height:4vh;
	line-height:4vh;
}
.kct .kct1{
    width:33.3%;
	height:4vh;
	font-size:1.8vh;
	font-weight:bold;
	display:block;
	text-align:center;
	float:left;
}
.kct1 a{
    text-decoration:none;
	display:block;
	color:#333;
}
.kct .kcthover{
    border-bottom:0.3vh solid #1A9CDB;
}
.kcn .kccon{
     width:100%;
	 height:auto;
}
.container{
	box-sizing: border-box;
	width: 100%;
	margin:0 auto;
	/*padding: 0 0.4rem 0.46rem;
	border-bottom: 1px solid #e7e7e7;*/
	overflow: hidden;
}
.container.nopadding{
	padding: 0;
}
.common_title{
    width: 89%;
	margin:0 auto;
    margin-top:3vh;
    text-align: center;
    font-size: 1.7vh;
    font-weight: 700;
	margin-bottom:2vh;
    /*font-weight: bold;*/
}
.common_title .icon{
	width: auto;
    height: 3vh;
	display: inline-block;
	margin-right: 2%;
	vertical-align: middle;
}
.common_title .note{
	margin-top: 0.16rem;
	font-size: 0.24rem;
	font-weight: 400;
}
.learn_text{
	width:89%;
	margin:0 auto;
	display: block;
	/*margin-top:2vh;*/
	margin-bottom:2vh;
	font-size: 1.6vh;
	line-height: 3vh;
}
.marginTop04rem{
	margin-top:0.4rem;
}
.fiz24{
    font-size: 0.24rem;
}
.fiz30{
	font-size: 1.7vh;
}
.cff9f00{
	color: #ff9f00;
}
.articleList{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
}
.articleList li{
	flex: none;
	margin: 0.4rem 1.5% 0;
	width: 47%;
	text-align: center;
}
.articleList li h5{
	margin-top: 0.2rem;
	font-size: 0.24rem;
}
#cpsview{display:none;font-family:"微软雅黑";}
#cpview{
	box-sizing: border-box;
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 50%;
	margin: -3rem 0 0 -2.8rem;
	width: 5.6rem;
	height: 6.05rem;
	padding: 0.6rem 0.4rem;
	background-color: #e6e6e6;
	overflow: hidden;
}
#cpview .body{
  	width: 4.8rem;
    height: auto;
}
#cpview .body input{
	display: block;
	box-sizing: border-box;
	padding: 0 0.24rem;
	margin-bottom: 0.14rem;
    width: 100%;
    height: 0.64rem;
    line-height: 0.64rem;
    border: none;
    outline: none;
    font-size: 0.24rem;
}
#cpview .body .submitBtn{
	display: block;
	margin: 0.4rem auto 0;
    width: 2.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 0.3rem;
    text-align: center;
    background: #f39800;
    color: #fff;
}
.form_box {
    width:5.8rem;
    height: auto;
    float: left;
    background: #e6e6e6;
  	padding-bottom:0.6rem;
  	font-family:"微软雅黑";
}
.form_box .cpsview_close{
    position: absolute;
    right: 0.16rem;
    top: 0.16rem;
    width: 0.6rem;
    height: 0.6rem;
}
.form_box .fields {
    width: 5.1rem;
    float: left;
    margin: 0 0 0 0.36rem;
}
.form_box .fields .item {
    width: 100%;
    height: 0.66rem;
    float: left;
    background: #fff;
    margin: 0 0 0.15rem 0;
    position: relative;
}
.form_box .fields .input {
    width: 100%;
    height: 0.66rem;
    top: 0;
    left: 0;
    border: none;
    background: #fff;
    margin: 0 0 0.15rem 0;
    padding: 0;
    text-indent: 0.33rem;
    font-size: 0.22rem;
    outline: none;
}
.form_box .fields .item .select_btn {
    width: 0.6rem;
    height: 0.66rem;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #ddd;
    pointer-events: none;
}
.form_box .fields .branch_name, .form_box .fields .course {
    pointer-events: none;
}
.form_box .submit_btn {
    width: 2.4rem;
    height: 0.6rem;
    float: left;
    margin: 0.22rem 0 0 1.72rem;
    color: #fff;
    font-weight: bold;
    font-size: 0.24rem;
    border: none;
    background: #f39800;
    border-radius: 0.3rem;
}
.form_box .title {
    width: 100%;
    float: left;
    margin: 0.6rem 0 0.4rem;
    text-align: center;
    font-size: 0.31rem;
    font-weight: bold;
    color: #000;
}
.city_box {
    width: 100%;
    height: 100%;
    float: left;
    display: none;
    background: #fff;
    color: #555;
  	font-family:"微软雅黑";
}
.city_box .title {
    width: 100%;
    height: 1.26rem;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
.city_box .title .name {
    width: 100%;
    height: 1.26rem;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 1.26rem;
    font-size: 0.32rem;
    font-weight: bold;
    letter-spacing: 1px;
}
.city_box .city_box_close {
    width: 1.26rem;
    height: 1.26rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icon_back.png) 0.3rem center no-repeat;
    background-size: 0.6rem;
}
.city_list {
    width: 100%;
    position: fixed;
    top: 1.26rem;
    bottom: 1rem;
    left: 0;
    font-size: 0.22rem;
}
.city_list .box {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
}
.city_list .search_city {
    width: 100%;
    background: #fff;
    padding: .3rem 0;
}
.city_list .city {
    width: 100%;
}
.city_list .search_city p {
    width: 6.9rem;
    margin: 0 auto;
}
.search_city table {
    width: 6.9rem;
    margin: .2rem auto 0;
    text-align: center;
    border: 1px solid #e8e8e8;
    border-collapse: collapse;
    border-spacing: 0;
}
.city_list .city .char {
    padding-left: .3rem;
    background: #f39700;
    color: #fff;
    line-height: .4rem;
}
.city_list .city .name {
    width: 6.9rem;
    display: block;
    margin: 0 auto;
    color: #4a4a4a;
    line-height: .8rem;
    border-bottom: 1px solid #e8e8e8;
}
.search_city table td {
    border: 1px solid #e8e8e8;
    height: .58rem;
    width: 20%;
    flex-grow: 1;
    line-height: 0.58rem;
    box-sizing: border-box;
}
.search_city table tr {
    display: flex;
    flex-wrap: wrap;
}
.location{
  	display:none;
  	overflow:auto;
	width:100%;
  	text-align:center;
  
}
.loc-img{
	width:2.2rem;
  	height:2.2rem;
  	margin: 1.2rem auto .2rem;
}
.loc-school{
	color:#ccc;
  	font-size:0.24rem;
  	margin-bottom:.3rem;
}
.loc-tj{
  	margin:1rem 0 0 0;
	width:100%;
  	text-align:center;
}
.loc-tj h4{
	font-size:0.24rem;
  	margin: .2rem auto;
}
.location h5{
	font-size:0.24rem;
  	margin: .8rem auto;
  	padding:0 1rem;
  	color:#ccc;
  	line-height: .4rem;
}
.yj-citys a {
    display: inline-block;
    width: 2.125rem;
    text-align: center;
    line-height: .6rem;
    height: .6rem;
    color: #000;
    font-size: 0.24rem;
    margin: .1rem .15rem;
    background: #efefef;
    border-radius: 0.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_banner{
	overflow:auto;
  	margin:.2rem auto;
}
.news_content{
  	font-size:0.3rem;
	padding-top:0.2rem;
}
.news_content img{
  	margin:0 auto;
  	display:block;
	text-align:center;
}

.pagination{
    background:none;
}
.pagination a{
     width:30%;
	 height:0.6rem;
	 line-height:0.6rem;
	 background:#f39800;
	 border-radius:1rem;
	 color:#fff;
	 font-size:0.3rem;
	 text-align:center;
	 margin-right:5%;
	 margin-left:5%;
	 display:block;
	 float:left;
}
.page{
     width:100%;
	 margin:0 auto;
	 margin-top:0.8rem;
}
.page a{
    width:95%;
	/*margin:0 auto;*/
	/*height:3rem;
	line-height:3rem;*/
	border:1px solid #f39800;
	padding:1%;
	margin-bottom:0.5rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
}
.container img{
    width:89%;
	margin-left:5.5%;
}