.header2{ display:none; background-color:#FFF; box-shadow:0 1px 4px #999; }
.header2.header{ position:fixed; top:-64px;}
.header2 .head,.header2 .logo{ height:64px;}
.header2 .user,.header2 .lg{ padding-top:14px;}
.header2 .serch{ padding-top:23px;}
.header2 .lg a{ color:#949494; opacity:1; filter: alpha(opacity=100);}
.header2 .user_img{ border:3px solid #FFF;}
.nav2 .nav_name{ background:url(../images/top_navline.jpg) no-repeat right;}
.nav2 .nav_name:hover{ color:#72c3b9;}
.header2 .lg a:hover{ color:#72c3b9;}
.header2 .sub_ser{ border-bottom:1px solid #dcdcdc;}
.header2 .sub_ser,.header2 .ser_text{ background-color:#FFF;}
.header2 .ser_text{ color:#666;}
.header2 .sub_seline{ border-bottom:1px solid #dcdcdc;}


.nav1{ padding-top:26px;}
.nav1 .nav_name{ background:url(../images/nav_line.png) no-repeat right; color:#FFF;}
.nav1 .sub_chnal li a{ color:#72c3b9;}
.nav1 .sub_infname a{ color:#FFF;}
.nav1 .sub_infIntro{ color:#afafaf;}
.nav1 li.cur .nav_name,.nav1 li.nav_this .nav_name{ color:#72c3b9;}
.header1 { background:#fff; }
.header1 .lg a:hover{ opacity:1; filter: alpha(opacity=100);}
.header1 .sub_ser,.header1 .ser_text{ background:url(../images/sub_yy.png) repeat;}
.header1 .ser_text{ color:#FFF; opacity:0.5; filter: alpha(opacity=50);}
.menu { background:#72c3b9; line-height:43px;  }
#nav { height:43px; width:1200px; margin:0 auto}
#nav ul {
    margin:0;
	padding:0;
	
	}
#nav a {
	display:block;
	text-decoration:none;
	color:#fff;
	line-height:43px;
	padding: 0 30px;
	font-size:14px;
}
#nav a:hover,#nav a.active {
		color:#fff;
	
	line-height:43px;
	
	padding:0 33px;
	
	
	display:block;
	background:#8edcd3;
	
	

}
#nav li {
	
	

	
	
	float:left;
	text-align:center;
	
	list-style:none;


	
}


#nav li ul {
	position:absolute;
	top:140px;
	left:-999em;
	/* width:120px; */
	margin-left:0px;
   *
	margin-left:-56px;
	border-bottom:0;
	border-top:0;
	z-index:999;
	padding:0px;
	background:#72c3b9;
}
#nav li ul li {
	
/* width:150px; */
	
border-right:0;
	
text-align:center;
}
#nav li ul a {
	display:block;
	/* width:120px; */
	line-height:36px;
	font-weight:100;
	padding:0;
	font-size:12px;
	color:#fff;
}
#nav li ul a:hover {
	color:#fff;
	background:#8edcd3;
	width:120px;
	line-height:36px;
	padding:0;

	
	font-weight:100;
}
#nav li:hover ul {
	left:auto;
}
#nav li.sfhover ul {
	left: auto;
}
#nav .arrowFront, #nav .arrowAfter {
	width:2px;
	height:30px;
	
	overflow:hidden;
	text-indent:-999em;
}
#nav .arrowFront a, #nav .arrowAfter a {
	line-height:30px;
}
#nav .arrowFront {
	float:left;
	background-position:-54px -68px
}
#nav .arrowAfter {
	float:right;
	background-position:-83px -68px
}
 
/*bannerÃÆ'Æ'¦ÃÆ'¢â‚¬Â¢ÃÆ'‹â€ ÃÆ'Æ'¦ÃÆ'…¾ÃÆ'…"*/
.banner { position:relative; width:100%;}
.banner_list{ width:100%; overflow:hidden;}
.banner_list li { position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:50%; width:100%;}
.banner_owd{ position:absolute; left:0; bottom:8.6%; z-index:800; width:100%; height:7px;}
.banner_btn{ height:7px;}
.banner_o{ width:auto; height:7px; padding-left:22px;}
.banner_o li{ float:left; margin-right:5px; display:inline-block; background-color:#FFF; opacity:0.44; filter: alpha(opacity=44); width:17px; height:7px; cursor:pointer; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_o li.on{ background-color:#72c3b9; opacity:1; filter: alpha(opacity=100); width:37px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}
.banner_o span em{ font-size:0; text-indent:-99999;}
.ban_down{ position:absolute; left:50%; bottom:7%; z-index:900; margin-left:-27px; width:54px; height:54px;}
.ban_down a{ cursor:pointer;}

/*warp*/
.warp_show{ width:100%; height:auto; overflow:hidden;}
.warp_shBox{ clear:both; position:relative;}
.name{ color:#333333; font-size:32px; font-weight:bold; line-height:normal; text-align:center; margin-bottom:30px }
.name a { color:#333; }
.intro{ font-size:14px; line-height:22px; width:836px; margin:12px auto 38px; text-align:center;}

/*ÃÆ'Æ'¤ÃÆ'‚ºÃÆ'‚§ÃÆ'Æ'Â¥"ÃÆ'‚ÃÆ'Æ'§ÃÆ'‚³ÃÆ'‚»ÃÆ'Æ'Â¥ÃÆ'‹â€ ÃÆ'¢â‚¬"*/
.pro_chnal{ height:272px;}
.pro_chnal li{float:left;position:relative;background:url(../images/pro_chline1.png) repeat-y right top;width:400px;/* height:262px; */padding:5px 0;}
.pro_chPo{ width:340px; margin:0 auto;}
.pro_chImg{width:267px;height:238px;margin:0 auto;}
.pro_chname{ color:#333; font-size:18px; width:340px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:22px 0 12px; text-align:center;}
.pro_chintro{color:#888;font-size:14px;line-height:22px;/* height:44px; */overflow:hidden;text-align:center;}
.pro_chintro pre{ font-family:'Microsoft YaHei';}
.pro_chShave{ display:none; position:absolute; top:0; left:0; z-index:10; width:400px; height:400px; overflow:hidden;}
.pro_chShow{ position:absolute; top:0; left:0; background-color:#72c3b9; width:384px; height:376px; padding:24px 0 0 16px;}
.pro_chicon{ width:52px; height:52px; margin-right:24px; display:inline;}
.pro_chall{ background:url(../images/pro_chline2.jpg) repeat-y right top; width:208px; margin-top:50px; margin-left:120px; display:inline;}
<!--.pro_chaPeo{ width:156px; margin-top:16px; display:inline;}-->
.pro_chaName{ margin-bottom:14px;}
.pro_chaName a{ display:block; color:#FFF; font-size:18px; width:208px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_chaLbox{width: 180px;height:36px;line-height:36px;border-bottom:1px dotted #cff9f4;}
.pro_chaLbox a{display:block;background:url(../images/pro_chsbac.png) no-repeat left;padding-left:14px;margin-left:2px;color:#cff9f4;font-size: 15px;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_chaLbox a:hover{ background:url(../images/pro_chsbho.png) no-repeat left; color:#FFF;}
.pro_chaMore{ width:116px; height:24px; margin-top:30px;}
.pro_chaMore a{ display:block; color:#cff9f4; font-size:14px; width:114px; height:22px; line-height:22px; text-align:center; border:1px solid rgba(255,255,255,0.5); border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
.pro_chaMore a:hover{ color:#FFF;}
.pro_chaMore a span{ background:url(../images/pro_chMicon.png) no-repeat right; padding-right:24px;}
.pro_chaPimg{ position:relative; width:135px; height:135px; margin:0 auto;}
.pro_chaPbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;}
.pro_chaPbd a{ display:block; background:url(../images/pro_chpBd.png) no-repeat; width:135px; height:135px;}
.pro_chaPen,.pro_chaPcn,.pro_chaPro{ text-align:center;}
.pro_chaPen{ color:#FFF; font-size:18px; padding-top:12px; margin-bottom:2px;}
.pro_chaPcn{ color:#FFF; font-size:14px;}
.pro_chaPro{ color:#cff9f4; line-height:18px; height:54px; overflow:hidden; padding-top:8px;}
.pro_chnal li.cur1 .pro_chShow{ left:-444px;}
.pro_chnal li.cur2 .pro_chShave{ right:0; left:auto;}
.pro_chnal li.cur2 .pro_chShow{ right:-444px; left:auto;}
.pro_chnal li.zIndex{ z-index:20;}
.box-b{ bottom:-800px;}


.pro_chnal1 { }
.pro_chnal1 li{ float:left; position:relative; background:url(../images/pro_chline1.png) repeat-y right top; width:300px; padding:5px 0;}

.pro_chPo1{ width:240px; margin:0 auto;}
.pro_chImg1{ width:160px; height:160px; margin:0 auto;}
.pro_chname1{ color:#333; font-size:18px; width:240px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:22px 0 12px; text-align:center;}
.pro_chintro1{ color:#888; font-size:14px; line-height:22px; height:44px; overflow:hidden; text-align:center;}

.test{ width:156px; height:156px; position:relative; overflow:hidden;}
.test:before{ content:''; width:156px; height:156px; background:url(../images/zong.png) no-repeat; position:absolute; clip:rect(0px,78px,156px,0px); transition:all 0.5s;}

.test:hover:before{ transition:all 0.5s;clip:rect(156px,78px,156px,0px);}

.test:after{ content:''; width:156px; height:156px; background:url(../images/zong.png) no-repeat; position:absolute; clip:rect(0px,156px,156px,78px);transition:all 0.5s;}

.test:hover:after{ transition:all 0.5s;clip:rect(0px,156px,0px,78px);}


.test .test_1{ position:absolute; width:156px; height:156px; background:#2FD0B5; border-radius:100%; top:156px;transition:all 0.3s;}

.test:hover .test_1{ top:0px;transition:all 0.3s ease-in 0.5s;}

.test .test_2{position:absolute; width:156px; height:156px; background:url(../images/x1a.png) no-repeat center; transition:all 0.3s linear 0.6s;
}

.test:hover .test_2{transition:background 0.3s linear 0.8s; background:url(../images/x1b.png) no-repeat center;}


.test .test_3{position:absolute; width:156px; height:156px; background:url(../images/x2a.png) no-repeat center; transition:all 0.3s linear 0.6s;
}

.test:hover .test_3{transition:background 0.3s linear 0.8s; background:url(../images/x2b.png) no-repeat center;}

.test .test_4{position:absolute; width:156px; height:156px; background:url(../images/x3a.png) no-repeat center; transition:all 0.3s linear 0.6s;
}

.test:hover .test_4{transition:background 0.3s linear 0.8s; background:url(../images/x3b.png) no-repeat center;}
.test .test_5{position:absolute; width:156px; height:156px; background:url(../images/x4a.png) no-repeat center; transition:all 0.3s linear 0.6s;
}

.test:hover .test_5{transition:background 0.3s linear 0.8s; background:url(../images/x4b.png) no-repeat center;}



.zx { width:126px; text-align:center; margin-left:55px }
.zx a { width:126px; line-height:26px; display:block; color:#72c3b9; border-radius:20px; border:1px solid #72c3b9; background:url(../images/s1.png) no-repeat right }
.zx a:hover { width:126px; line-height:26px; display:block; color:#fff; border-radius:20px; background:#72c3b9 url(../images/s2.png) no-repeat right }

/*ÃÆ'Æ'¨ÃÆ'‚´ÃÆ'‚¨ÃÆ'Æ'©ÃÆ'¢â‚¬Â¡ÃÆ'‚ÃÆ'Æ'Â¥ÃÆ'‚­ÃÆ'‚¦ÃÆ'Æ'Â¥'ÃÆ'‹Å"*/
#warp_shBox2{ height:490px;}
.school{ width:1920px; height:600px; background:url(../images/school_img.jpg) no-repeat top center}

.sch_infor{ position:absolute; top:0; left:50%; margin-left:-600px; width:1200px; height:600px; z-index:20;}
.sch_infBox{ padding:164px 0 0 60px;}
.sch_ifBname a{ display:block; color:#FFF; font-size:40px; font-weight:bold; line-height:normal;}
.sch_ifBcon{ color:#FFF; font-size:18px; width:524px; margin:24px 0 34px; line-height:36px }
.sch_ifBmore{ height:36px;}
.sch_ifBmore a{ display:block; color:#FFF; float:left; font-size:13px; width:110px; height:26px; line-height:26px; text-align:center; background:#72c3b9; border-radius:20px; margin-top:20px }
.sch_ifBmore a:hover { display:block; color:#72c3b9; font-size:13px; float:left; width:110px; height:26px; line-height:26px; text-align:center; background:#fff; border-radius:20px; margin-top:20px }

.dh { width:200px; float:left; color:#fff; margin-left:50px; font-size:14px; line-height:30px; background:url(../images/tel.png) no-repeat left; padding-left:60px }
.dh p { font-size:28px; }

/*news*/
.news{ position:relative; height:384px; padding-top:40px;}
.news_hot{ position:absolute; top:40px; left:0; width:564px; height:354px;}
.box-b2{ left:-564px;}
.news_list{ position:absolute; top:40px; width:600px; height:384px; overflow:hidden;}
.box-b3{ right:-600px;}
.news_Himg{ width:564px; height:250px;}
.news_hot .news_all{ padding-top:22px;}
.news_aTop,.news_aTop a{ display:block; height:24px;}
.news_hot .news_aTop{ margin-bottom:14px;}
.news_aTname{ display:inline-block; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_aTime{ color:#888;}
.news_aDown{ color:#888; line-height:22px; height:44px; overflow:hidden;}
.news_hot .news_aTname{ font-size:22px; width:470px;}
.news_list li{ clear:both; height:auto; overflow:hidden; padding:10px 0 40px;}
.news_time{ font-family:Arial; color:#dcdcdc; font-size:72px; width:110px; height:72px; line-height:72px; text-align:center; border-right:3px solid #f3f3f3;}
.news_list .news_all{ width:464px;}
.news_list .news_aTname{ width:380px; font-size:16px;}
.news_list .news_aDown{ padding-top:10px;}

/*three-chnal*/
.three_chnal{ background:url(../images/three_chimg.jpg) no-repeat center; position:relative; width:100%; height:600px;}
.banner_three{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:600px;}
.banner_thlist{ position:relative; width:1200px; height:600px; margin:0 auto; overflow:hidden;}
.banner_thlist li{ float:left; position:relative; width:1200px; height:600px;}
.th_media{ width:504px; margin:0 auto; padding-top:145px;}
.th_medIcon{ width:80px; height:80px; margin:0 auto; cursor:pointer;}
.th_medCon{ padding-top:8px;}
.th_medImg{ width:230px; height:72px; margin:0 auto;}
.th_medGod{ color:#FFF; opacity:0.6; filter: alpha(opacity=60); font-size:14px; line-height:22px; padding-top:4px; text-align:center;}
.banner_thowd{ position:absolute; left:50%; bottom:25px; margin-left:-224px; z-index:30; background:url(../images/three_line.png) repeat-x; width:448px; height:63px;}
.banner_tho{ width:408px; height:63px; margin:0 auto;}
.banner_tho a{ display:inline-block; float:left; background:url(../images/three_chac.png) no-repeat bottom; width:86px; height:36px; margin:0 25px; cursor:pointer;}
.banner_tho a em{ display:block; color:#FFF; font-size:14px; font-style:normal; width:86px; height:23px; line-height:23px; text-align:center;}
.banner_tho a.on{ background:url(../images/three_chho.png) no-repeat bottom;}
.banner_tho a.on em{ background:url(../images/three_chpbd.png) no-repeat;}
.th_chpage{ position:absolute; top:250px; z-index:100; width:34px; height:64px; cursor:pointer;}
.three_pre{ background:url(../images/three_Lac.png) no-repeat; left:4%;}
.three_next{ background:url(../images/three_Rac.png) no-repeat; right:4%;}
.three_pre:hover{ background:url(../images/three_Lho.png) no-repeat;}
.three_next:hover{ background:url(../images/three_Rho.png) no-repeat;}
.th_medPo{ display:none; position:absolute; top:20px; left:50%; margin-left:-454px; z-index:50; width:908px; height:544px;}
.th_mdClose{ width:28px; height:28px; cursor:pointer;}
.job{ width:915px; height:330px; margin:0 auto; padding-top:128px;}
.job_list{ width:915px; height:330px;}
.job_Lbox{ float:left; background-color:#f3f3f3; width:285px; height:330px; margin:0 10px; display:inline; }
.job_img{ width:285px; height:150px;}
.job_Lshow{ padding:22px 27px 0 27px;}
.job_title a{ display:block; font-size:18px; width:231px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_en{ font-family:Arial; color:#cfcfcf; font-size:18px; margin-bottom:12px; margin-top:2px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.job_intro{ background:url(../images/th_jobline.jpg) no-repeat top center; color:#888; line-height:22px; height:66px; overflow:hidden; padding-top:18px; text-align:center;}
.job_Lbox:hover{ background-color:#72c3b9; transition:all 0.4s ease 0.01s; -moz-transition:all 0.4s ease 0.01s; -webkit-transition:all 0.4s ease 0.01s;}
.job_Lbox:hover .job_title a{ color:#FFF;}
.job_Lbox:hover .job_en{ color:#b8e7cf;}
.job_Lbox:hover .job_intro{ background:url(../images/th_joblineho.jpg) no-repeat top center; color:#FFF;}

/*about*/
.about{ width:1200px; height:330px; overflow:hidden;}
.about_show{ width:1220px;}
.about_show .job_Lbox{ margin:0 20px 0 0; display:inline;}

/*cont*/
#warp_shBox6{ width:100%; height:532px;}
#warp_shBox6 .pdd{ padding:84px 0 0 0;}
#warp_shBox6 .name { margin-bottom:40px }
.cont{ height:90px; background:#f3f3f3; margin-bottom:15px }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.mc { width:120px; background:#72c3b9; height:75px; font-size:18px; color:#fff; text-align:center; padding-top:15px; line-height:30px }
.nr { padding-top:15px; width:1000px }
.nr a { color:#919090; font-size:14px; margin:0 20px; line-height:30px }
.nr a:hover { color:#72c3b9; font-size:14px; margin:0 20px; line-height:30px }
.gd { width:51px; text-align:center; background:url(../images/sj.png) no-repeat top right; line-height:90px; }
.gd a { color:#fff; font-size:12px; display:block; text-align:center; width:51px; background:url(../images/sj.png) no-repeat top right; line-height:90px; }
.gd a:hover { color:#fff; font-size:12px; display:block; text-align:center; width:51px; background:url(../images/sja.png) no-repeat top right; line-height:90px; }

.link { color:#919090; font-size:14px; line-height:30px; border:1px solid #e1e1e1; padding:26px 20px; margin-top:60px; position:relative; z-index:1; margin-bottom:20px  }
.link a { margin:0 20px; }


.yq { font-size:18px; color:#030303; width:160px; line-height:30px; background:#fff; position:absolute; top:-16px; left:500px; text-align:center }
.rk { width:160px; background:#919090; line-height:30px; color:#fff; font-size:12px; text-align:center; border-radius:30px; position:absolute; bottom:-16px; left:500px; z-index:999 }
.rk a { color:#fff; }
.rk:hover { width:160px; background:#72c3b9; line-height:30px; color:#fff; font-size:12px; text-align:center; border-radius:30px; position:absolute; bottom:-16px; left:500px }
.fnav { background:#72c3b9; height:50px; text-align:center; font-size:14px; line-height:50px; color:#fff; margin-top:80px }
.fnav a { color:#fff; }
.fnav a:hover { color:#fff; margin-bottom:5px }
.footer{ clear:both; width:100%; overflow:hidden; background-color:#232323; padding:30px 0; }
.flogo { width:260px; color:#fff; text-align:center }
.bq { font-size:14px; line-height:30px; padding-top:40px; padding-bottom:50px; padding-left:90px; border-left:1px solid #4a4949 }
.wx { text-align:center; font-size:14px; padding-top:20px }
/*ÃÆ'Æ'Â¥ÃÆ'‚·ÃÆ'‚¦ÃÆ'Æ'¤ÃÆ'‚¾ÃÆ'‚§ÃÆ'Æ'Â¥ÃÆ'‚®ÃÆ'…¡ÃÆ'Æ'¤ÃÆ'‚½ÃÆ'‚*/
.float_po{ position:fixed; top:50%; left:24px; margin-top:-140px; z-index:1400; width:43px; z-index:999 }
.float_po li{ background:url(../images/float_pobd.png) no-repeat; position:relative; position:relative; width:43px; height:40px;}
.float_poName{ display:none; background:url(../images/float_poNbd.png) no-repeat; position:absolute; top:-15px; left:0; z-index:30; width:43px; height:43px;}
.float_poName a{ display:block; padding:9px 9px 0 9px; color:#FFF; font-size:12px; font-weight:bold; line-height:14px; width:25px; height:34px; text-align:center;}
.float_poClick a{ display:block; width:43px; height:43px; font-size:0; text-indent:-9999;}
.float_po li.cur .float_poName{ display:block;}
.float_po li a{ cursor:pointer;}
.float_poLine{ background:url(../images/float_poline.png) no-repeat; position:absolute; left:0; bottom:0; width:43px; height:27px;}


.donghua {
	
	position:relative;
	left:0;
	
}
@keyframes donghua {
0% {
	left:500px;

	
	filter: alpha(Opacity=0); opacity:.0
}
100% {
	left:0;
	
	filter: alpha(Opacity=100); opacity:1
}
}

.aaa{animation:donghua 2s;}
.bbb{animation:donghua2 3s;}

.ccc{animation:donghua3 3s;}
.ddd{animation:donghua4 4s;}

.donghua2 {
	position:relative;
	left:0;
	
}

@keyframes donghua2 {
0% {
	margin-top:100px;
	
	filter: alpha(Opacity=0); opacity:.0
}
100% {
	margin-top:0;

	filter: alpha(Opacity=100); opacity:1
}
}

.donghua3 {
	
	position:relative;
	left:0;
	
}
@keyframes donghua3 {
0% {
	left:500px;

	
	filter: alpha(Opacity=0); opacity:.0
}
100% {
	left:0;
	
	filter: alpha(Opacity=100); opacity:1
}
}
.donghua4 {
	
	position:relative;
	left:0;
	
}

@keyframes donghua4 {
0% {
	margin-top:100px;
	
	filter: alpha(Opacity=0); opacity:.0
}
100% {
	margin-top:0;


	filter: alpha(Opacity=100); opacity:1
}
}