﻿
*{margin:0; padding:0;}
.baoming img{ width: 100%; height:100%; display: block;  }
li{ list-style:none;}
.tp img {
	width: 100%;
	display: block;
}
.tp2 img {
	width: 100%;
	height:100%;
	display: block;
}
.tp {
	position: relative;
}

.tp_bei{ }
.float {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	z-index:990;
	left: 0;
}

.choice_box{ margin-top:10px;}
.choice_box li{ width:28%; float:left; margin-top:10px;}

@media all and (min-width:320px ) {
	.choice_f{  }
	.choice_box li{ width:28%; float:left; margin-top:10px; }
    .choice_box a{ font-size:14px;}
}
@media all and (min-width:375px ) {
	
	.choice_box a{ font-size:16px;}
	
	.juxing{
		margin-top:-150px;
		
		}
		
	.biaoti{
		margin-top:-170px;
		
		}
	.baoming_tu {  margin-top:10px;}
	
	.main_box{margin-top:-470px;
}}


/*首屏*/
.a1_1 {
	position: absolute;
	top: 4%;
	left:10%;

	width: 80%;
}
.p1_1 {
	position: absolute;
	top: 30%;
	left: 0%;
	width: 100%;
}
.p1_1_btn {
	position: absolute;
	top: 76%;
	left: 0%;
	width: 100%;
}
.p1_1_bm2 {
	position: absolute;
	top: 15%;
	left: 0%;
	width: 100%;
}
/*.p1_1_bm3 {
	position: absolute;
	top: 72%;
	left: 0%;
	width: 100%;
}*/

/*02 end----------------------------------------------------------------------*/

.p1_1_tj {
	position: absolute;
	top: 40%;
	left: 0%;
	width: 100%;
}
.p1_1_zy1 {
	position: absolute;
	top: 10%;
	left: 0%;
	width: 100%;
}
.p1_1_zy2 {
	position: absolute;
	top: 40%;
	left: 0%;
	width: 100%;
}
.a1_1_fa {
	position: absolute;
	top: 10%;
	left:10%;

	width: 80%;
}
.p1_1_fa {
	position: absolute;
	top: 46%;
	left: 0%;
	width: 100%;
}
.a1_1_fw {
	position: absolute;
	top: 0%;
	left:10%;

	width: 80%;
}
.p1_1_fw {
	position: absolute;
	top: 28%;
	left: 0%;
	width: 100%;
}
.p1_1_kc1 {
	position: absolute;
	top: 46%;
	left: 0%;
	width: 100%;
}
.p1_1_kc2 {
	position: absolute;
	top: 60%;
	left: 0%;
	width: 100%;
}

.p1_1_btn2 {
	position: absolute;
	top: 84%;
	left: 0%;
	width: 100%;
}
/*03 end-------------------------------------------------------------*/
.a1_1_btn {
	position: absolute;
	top: 18%;
	left:10%;

	width: 80%;
}
.p1_1_logo {
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
}
.p1_1_date {
	position: absolute;
	top: 83%;
	left: 0%;
	width: 100%;
}
.p1_1_te {
	position: absolute;
	top: 18%;
	left: 0%;
	width: 100%;
}
.p1_1_gift {
	position: absolute;
	top: 6%;
	left: 0%;
	width: 100%;
}
.p1_1_giff {
	position: absolute;
	top: 35%;
	left: 0%;
	width: 100%;
}
.p1_1_gifg {
	position: absolute;
	top: 69%;
	left: 0%;
	width: 100%;
}
.p1_1_fx1 {
	position: absolute;
	top: 6%;
	left: 0%;
	width: 100%;
}
.p1_1_fx2 {
	position: absolute;
	top: 40%;
	left: 0%;
	width: 100%;
}
.p1_1_fx3 {
	position: absolute;
	top: 72%;
	left: 0%;
	width: 100%;
}


.p1_1_ly {
	position: absolute;
	top: 30%;
	left: 0%;
	width: 100%;
}

/*04 end-------------------------------------------------------------*/
.p1_2 {
	position: absolute;
	top:56%;
	left: 0%;
	width: 100%;
}
.p1_22 {
	position: absolute;
	bottom:1%;
	left: 0%;
	width: 100%;
}
.p1_44 {
	position: absolute;
	top:52%;
	left:20%;
	width: 100%;
}
/*导航*/
.box{ position:absolute; top:52%;z-index:998;}
.box .p1_2 {
	top: -18%;
	left: 3%;
	width: 94%;
	margin:0 auto;
}
.box .p1_2 tr td {
	padding: 1%;
}
/*end 导航*/
.dh{ position:absolute; bottom:2%;z-index:988;}
.p1_2_1 {
	top: 55%;
	left: 3%;
	width:100%;
	margin:0 auto;
}
.p1_2_1 tr{
	margin:0;
	width:100%;
}
.p1_2_1 tr td {
	margin:0;
	width:100%;
}
.p1_2_1 tr td img{
	width:100%;
}

/*end 首屏*/
/*02 屏*/
.box2 img{width: 100%;}
.p1_2_2 {
	top: 88%;
	left: 3%;
	width: 94%;
	margin:0 auto;
}
.p1_2_2 tr td {
	padding: 1%;
}
.p1_3 {
	top: 108%;
	left: 25%;
	width: 50.5%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
}
/*02 end 屏*/
/*03 屏*/
.tp2 {
	top:180px;
}
.p2 {
	top: 8%;
	width: 96%;
	left: 2%;
	margin:0 auto;
	overflow: hidden;
}
.p2 .below {
	width: 99%;
	background: #fff;
	margin: 0 auto;
}
.p2 .below h2 {
	padding: 5% 2% 0 2%;
}
.p2 .below p {
	padding: 5% 0;
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
}

/*03 end 屏*/
/*专业。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。*/
.zhuanye{ padding-bottom:30px;}
.zhuanye .zhuanyeli{width:100%}
.zhuanye a{ margin-top:20px; text-decoration:none; display:block; width:80%; line-height:40px; background-color:#c8e4f2; text-align:center; color:#4F4F4F; font-size:12px;}
.p2_1 {
	width: 49%;
	float: left;
}
.p2_2 {
	width: 49%;
	float: right;
}
.p2_3 {
	width: 49%;
	float: left;
	margin-top: 3%;
}
.p2_4 {
	width: 49%;
	float: right;
	margin-top: 3%;
}
.p2_01 {
	width: 100%;
}
.p2_01 .jianjie{
	display:block;
	line-height:24px;
	margin-bottom:20px;
}
#baoming,#guanyu{ display:block;margin-top:20px;}
.bjs{ background-color:#76b599; padding-bottom:30px;}
/*end 专业。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。*/
/*04。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。*/
.p3_3 {
	width: 96%;
	margin: 0 auto;
}
.school {
	width: 100%;
	margin: 0 auto;
}
.school tr td {
	padding: 1.2% 2%;
}
.school tr td a {
	display: block;
	position: relative;
}
.school tr td a .layel {
	display: none;
}
.school tr td a:hover .layel {
	display: block;
	width: 100%;
	height: 58%;
	padding-top: 20%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: #2e9a7a;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
/*end 04。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。*/
.lazy1 {
	opacity: 5;
	filter: alpha(opacity=0)\9;
	-webkit-transform: translate3d(-160px, 0px, 0);
	transform: translate3d(-160px, 0px, 0);
	-webkit-transition: -webkit-transform 2s, opacity 2s;
	transition: transform 2s, opacity 2s;
}
.lazy2 {
	opacity: 5;
	filter: alpha(opacity=0)\9;
	-webkit-transform: translate3d(160px, 0px, 0);
	transform: translate3d(160px, 0px, 0);
	-webkit-transition: -webkit-transform 2s, opacity 2s;
	transition: transform 2s, opacity 2s;
}
.over {
	opacity: 5;
	filter: alpha(opacity=100)\9;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.animation3 {
	-webkit-animation: fadeInRight 2s ease both;
	-moz-animation: fadeInRight 2s ease both;
}
 @-webkit-keyframes fadeInRight {
 0% {
opacity:0;
 -webkit-transform:translateX(-10%)
}
 100% {
opacity:1;
 -webkit-transform:translateX(0)
}
}
 @-moz-keyframes fadeInRight {
 0% {
opacity:0;
 -moz-transform:translateX(2em)
}
 100% {
opacity:1;
 -moz-transform:translateX(0)
}
}
 @-ms-keyframes fadeInRight {
 0% {
opacity:0;
 -ms-transform:translateX(2em)
}
 100% {
opacity:1;
 -ms-transform:translateX(0)
}
}
.animation4 {
	-webkit-animation: fadeInDown 2s 1s ease both;
	-moz-animation: fadeInDown 2s 1s ease both;
}
 @-webkit-keyframes fadeInDown {
 0% {
opacity:0;
 -webkit-transform:translateY(-200px)
}
 30% {
opacity:0.6;
 -webkit-transform:translateY(200px)
}
 60% {
opacity:1;
-webkit-transform:translateY(-10px)
}
 100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
 @-moz-keyframes fadeInDown {
 0% {
opacity:0;
 -webkit-transform:translateY(-200px)
}
 30% {
opacity:0.6;
 -webkit-transform:translateY(200px)
}
 60% {
opacity:1;
-webkit-transform:translateY(-10px)
}
 100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
 @-ms-keyframes fadeInDown {
 0% {
opacity:0;
 -webkit-transform:translateY(-200px)
}
 30% {
opacity:0.6;
 -webkit-transform:translateY(200px)
}
 60% {
opacity:1;
-webkit-transform:translateY(-10px)
}
 100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
.animation5 {
	-webkit-animation: flash 3s 1s ease both;
	-moz-animation: flash 3s 1s ease both;
}
 @-webkit-keyframes flash {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes flash {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-ms-keyframes flash {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-webkit-keyframes ball {
 0% {
 -webkit-transform: translateY( 0 );
 transform: translateY( 0 );
}
 100% {
 -webkit-transform: translateY( -5px );
 transform: translateY( -5px );
}
}
 @keyframes ball {
 0% {
 -webkit-transform: translateY( 0 );
 transform: translateY( 0 );
}
 100% {
 -webkit-transform: translateY( -5px );
 transform: translateY( -5px );
}
}












@keyframes dgg{
	0%{
		transform:translateY(0);
	}	
	25%{
		transform:translateY(-5px);
	}	
	50%{
		transform:translateY(-10px);
	}	
	100%{
			transform:translateY(0);
	}			

}

@-webkit-keyframes dgg{
	0%{
		transform:translateY(0);
	}	
	25%{
		transform:translateY(-5px);
	}	
	50%{
		transform:translateY(-10px);
	}	
	100%{
			transform:translateY(0);
	}			

}

@-moz-keyframes dgg{
	0%{
		transform:translateY(0);
	}	
	25%{
		transform:translateY(-5px);
	}	
	50%{
		transform:translateY(-10px);
	}	
	100%{
			transform:translateY(0);
	}			

}

@-ms-keyframes dgg{
	0%{
		transform:translateY(0);
	}	
	25%{
		transform:translateY(-5px);
	}	
	50%{
		transform:translateY(-10px);
	}	
	100%{
			transform:translateY(0);
	}			

}

.dgg{
	-webkit-animation: dgg 2s infinite linear;
	-ms-animation: dgg 2s infinite linear;
	-moz-animation: dgg 2s infinite linear;
	animation: dgg 2s infinite linear;
}
/*最后*/
.more a{
	display: block;
	background: #fc6161;
	padding: 0px 0px;
	width: 150px;
	height: 31px;
	line-height: 31px;
	margin-bottom:10px;
	font-size:16px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:0 auto;
	margin-top:10px;
	text-align:center;
}
.more a:active{
	background: #e3a127;
}
.sixth h3{
	font-size: 1rem;
	color: #fff;
	line-height: 2.4rem;
	margin-top: 20px;
	padding: 0 1.4rem;
	text-align:center;
}
.sixth p{
	font-size: 1rem;
	color: #fff;
	line-height: 2.4rem;
	margin-top: 20px;
	padding: 0 1.4rem;
	text-align:center;
}


@media all and (min-width:320px ) {
	.p1_1_ly{ margin-top:-16%;}
	.main_box{margin-top:-400px;}
	
	#tu1{  margin-top:20px;}
	
	.sixth{
		width: 100%;
		background:url(../images/first_bg.jpg) center top no-repeat;
		background-size:cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		padding: 1rem 0;
	}
}

@media all and (min-width:375px ) {
	
	
	.baoming_tu {  margin-top:10px;}
	
	.main_box{margin-top:-450px;
}

@media all and (min-width:640px ) {
	.p1_1_ly{ margin-top:-8%;}
	.sixth{
		width: 100%;
		background:url(../images/first_bg.jpg) center 35% no-repeat;
		background-size:cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		padding: 1rem 0;
	}
}
footer{
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
}

footer .intro{
	color:#000;
	font-size: 0.9rem;
	line-height: 1.0rem;
	text-align:center;
}

footer .tel{
	width:300px;
	margin:0 auto;
	text-align:center;
}