body, a, ul, li, b, i, span, p, h1, h2, h3, h4, h5, h6, div, strong, img, section, #header, #main, #footer { margin: 0; padding: 0; outline: none; list-style: none; text-decoration: none ;}
body, #header, #main, #footer { width: 100% ;}
.clearfix:after{content: ""; display: block; height: 0; clear:both; visibility: hidden;}
.clearfix{*zoom: 1;}
.mt100 { margin-top:100px;}
@font-face { font-family: "fangzheng";
src: url(../fangzheng.jpg) }
#header { height: 150px; border-bottom: 1px solid #007052 ;}
#header .content .logo { color: #007052; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; position: relative; left: 21%; top: 25px; width: 12%; font-family: "fangzheng" ;}
#header .content .logo p { margin: 5px 0; display: inline-block; *display: block; *zoom: 1; width: 100% ;}
#header .content .logo .p1 { font-size: 18px ;color: #007052;}
#header .content .logo .p1 b { margin-right: 10px ;}
#header .content .logo .p2 { color: #000 ;}
#header .content .logo .p3 { background-color: #007052; color: #fff; text-align: center; padding: 10px; width: 75px ;}
#header .content .nav { width: 48%; height: 130px; float: right; margin-top: 20px; *margin-top: -78px; background: url(../images/nav.jpg) no-repeat left #007052 ;}
#header .content .nav .logoS { display: inline-block; margin: 18px 0 0 100px ;}
#header .content .nav .logoS img { width: 280px; height: 65px; display: inline-block ;}
#header .content .nav ul { margin: -5px 0 0 30px ;}
#header .content .nav ul li { float: left; font-size: 18px ;}
#header .content .nav ul li a { color: #fff; display: inline-block; padding-top: 20px ;}
#header .content .nav ul li a:hover { padding-top: 17px; *padding-top: 18px; padding-top: 18px \9; color: #ffb100; transition: all 0.26s ;}
#header .content .nav ul li .current { color: #ffb100; padding-top: 17px; *padding-top: 18px; padding-top: 18px \9 ;}
#header .content .nav ul li .beikao { background: url(../images/icon.png) no-repeat 43px -161px ;}
#header .content .nav ul li b { border-left: 1px solid #ddd; display: inline-block; height: 20px; margin: 21px 15px; opacity: 0.3 ;}
#footer { background-color: #1b1d1a ;}
#footer .wrap { display: inline-block; position: relative; left: 50%; margin-left: -304px ;}
#footer .wrap:after { content: ""; display: block; clear: both ;}
#footer .wrap .logoS { margin-right: 78px; float: left ;}
#footer .wrap .logoS img { display: inline-block; width: 230px; height: 50px; margin-top: 40px; float: left ;}
#footer .wrap .mes { float: left ;}
#footer .wrap .mes ul { margin-top: 10px ;}
#footer .wrap .mes ul:after { content: ""; display: block; clear: both ;}
#footer .wrap .mes ul li { float: left; margin: 40px 15px 0 0 ;}
#footer .wrap .mes ul li .qq, #footer .wrap .mes ul li .weixin, #footer .wrap .mes ul li .xinlang, #footer .wrap .mes ul li .tengxun, #footer .wrap .mes ul li .xinwen { display: inline-block; width: 0px; height: 23px; transition: all 0.26s ;}
#footer .wrap .mes ul li .qq { background: url(../images/icon.png) no-repeat -9px -7px ;}
#footer .wrap .mes ul li .qq:hover { background-position: -9px -37px; transition: all 0.26s ;}
#footer .wrap .mes ul li .weixin { background: url(../images/icon.png) no-repeat -43px -7px ;}
#footer .wrap .mes ul li .weixin:hover { background-position: -43px -37px; transition: all 0.26s ;}
#footer .wrap .mes ul li .xinlang { background: url(../images/icon.png) no-repeat -81px -7px ;}
#footer .wrap .mes ul li .xinlang:hover { background-position: -81px -38px; transition: all 0.26s ;}
#footer .wrap .mes ul li .tengxun { background: url(../images/icon.png) no-repeat -117px -7px ;}
#footer .wrap .mes ul li .tengxun:hover { background-position: -117px -37px; transition: all 0.26s ;}
#footer .wrap .mes ul li .xinwen { background: url(../images/icon.png) no-repeat -151px -7px ;}
#footer .wrap .mes ul li .xinwen:hover { background-position: -151px -36px; transition: all 0.26s ;}
#footer .wrap .mes .address { padding-top: 20px; margin: 20px 0 ;}
#footer .wrap .mes .address p { color: #fff; font-size: 14px; margin: 3px 0 ;}
#main .content .page-wrap-youshi { position: relative; height: 630px ;}
#main .content .page-wrap-youshi > img { width: 100%; height: 700px ;}
#main .content .page-wrap-youshi .youshi { position: absolute; top: 15%; left: 50%; margin-left: -410px; width: 780px; text-align: center ;}
#main .content .page-wrap-youshi .youshi img { width: 170px; height: 170px; margin-bottom: 45px ;}
#main .content .page-wrap-youshi .youshi .shuoming ul { position: relative; *left: -400px ;}
#main .content .page-wrap-youshi .youshi .shuoming ul li { width: 525px; text-align: left; float: left; padding: 3px 0 0 50px; color: #fff; font-size: 26px; background: url(../images/icon.png) no-repeat -149px -85px; position: absolute; top: -50px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ;}
#main .content .page-wrap-youshi .youshi .shuoming ul .current { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); top: 0 ;}
#main .content .page-wrap-youshi .youshi .shuoming ul li b { margin-bottom: 20px; display: inline-block ;}
#main .content .page-wrap-youshi .youshi .shuoming ul li span { font-size: 18px; display: inline-block; color: #131313; line-height: 1.4 ;}
#main .content .page-wrap-jieshao { position: relative; height: 560px ;}
#main .content .page-wrap-jieshao > img { width: 100%; height: 560px ;}
#main .content .page-wrap-jieshao .jieshao { position: absolute; top: 0; left: 50%; margin-left: -450px; width: 900px ;}
#main .content .page-wrap-jieshao .jieshao p { width: 100%; padding: 15px 0; text-align: center; background-color: #ffcc00; color: #007052; font-size: 25px; font-weight: bold ;}
#main .content .page-wrap-jieshao .jieshao .neirong:after { content: ""; display: block; clear: both ;}
#main .content .page-wrap-jieshao .jieshao .neirong .left { padding: 20px ;}
#main .content .page-wrap-jieshao .jieshao .neirong .left ul li, .kecheng ul li { margin: 25px 0; position: relative ;}
#main .content .page-wrap-jieshao .jieshao .neirong .left ul li b, .kecheng ul li b { background: url(../images/icon.png) no-repeat -9px -133px; padding: 0 10px 0 15px; color: #007052 ;}
#main .content .page-wrap-jieshao .jieshao .neirong .liucheng { width: 100%; float: left; margin-top: 25px; padding: 0 40px ;}
#main .content .page-wrap-jieshao .jieshao .neirong .liucheng .condition h4 { color: #017c4d ;}
#main .content .page-wrap-jieshao .jieshao .neirong .liucheng .condition li { margin: 10px 0; color: #333; line-height: 1.5 ;}
#main .content .page-wrap-jieshao .jieshao .neirong .liucheng a { float: right; margin-top: 60px; background-color: #ffb100; color: #fff; text-shadow: 2px 2px 1px #c56300; width: 150px; height: 40px; line-height: 40px; display: inline-block; text-align: center; box-shadow: 1px 2px 3px #c56300; margin-right: 20px ;}
#main .content .page-wrap-jieshao .jieshao .neirong .liucheng a:hover { box-shadow: 3px 2px 8px #c56300; transition: all .26s ;}
#main .content .page-wrap-kecheng { position: relative; height: 1025px ;}
#main .content .page-wrap-kecheng > img { width: 100%; height: 1025px ;}
#main .content .page-wrap-kecheng .kecheng { position: absolute; top: 10%; left: 50%; margin-left: -450px; width: 900px; margin-top: -50px ;}
#main .content .page-wrap-kecheng .kecheng p { font-size: 40px; text-align: center; color: #007052; font-weight: bold; margin-bottom: 30px ;}
#main .content .page-wrap-kecheng .kecheng p b { width: 44px; height: 50px; display: inline-block; background: url(../images/icon.png) no-repeat -8px -207px ;}
#main .content .page-wrap-kecheng .kecheng .kcneirong { position: relative ;}
#main .content .page-wrap-kecheng .kecheng .kcneirong table { width: 100%; text-align: center ;}
#main .content .page-wrap-kecheng .kecheng .kcneirong td { padding: 20px 0 ;}
#main .content .page-wrap-kecheng .kecheng .kcneirong a { font-size: 14px; color: #fff; background-color: #FF0000; padding: 10px 15px ;}
#main .content .page-wrap-mokuai { position: relative; height: 500px;}
#main .content .page-wrap-mokuai > img { width: 100%; height: 500px;object-fit: cover;}
#main .content .page-wrap-mokuai .mokuai > p { font-size: 30px; text-align: center; color: #007052; font-weight: bold; margin: 20px 0 ;}
#main .content .page-wrap-mokuai .mokuai { position: absolute; top: 0; width: 900px; left: 50%; margin-left: -450px ;}
#main .content .page-wrap-mokuai .mokuai > p > b { width: 44px; height: 50px; display: inline-block; background: url(../images/icon.png) no-repeat -8px -207px ;}
#main .content .page-wrap-mokuai .mokuai .banji table { position: relative; width: 100%; text-align: center; border-bottom: 2px solid #007052; border-top: 2px solid #007052; color: #050505 ;}
#main .content .page-wrap-mokuai .mokuai .banji table .title > td { height: 50px; font-size: 20px; border-bottom: 1px dashed #007052 ;}
#main .content .page-wrap-mokuai .mokuai .banji table tr td { height: 40px ;}
#main .content .page-wrap-mokuai .mokuai h2 { margin: 100px 0 20px 45px;}
#main .content .page-wrap-mokuai .mokuai .time { margin-left: 45px ;}
#main .content .page-wrap-mokuai .mokuai .time .weekend { float: left; position: relative ;}
#main .content .page-wrap-mokuai .mokuai .time .weekend h4, #main .content .page-wrap-mokuai .mokuai .time .holiday h4 { color: #007052; margin-bottom: 10px ;}
#main .content .page-wrap-mokuai .mokuai .time .weekend p, #main .content .page-wrap-mokuai .mokuai .time .holiday p { line-height: 1.4; margin-bottom: 15px ;}
#main .content .page-wrap-mokuai .mokuai .time .weekend .green, #main .content .page-wrap-mokuai .mokuai .time .holiday .green { color: #007052 ;}
#main .content .page-wrap-mokuai .mokuai .time .holiday { float: left; margin-right: 0; position: relative ;}
#main .content .page-wrap-mokuai .teach-tip { font-size: 18px;margin-top:30px !important;}
#main .content .page-wrap-huansuan { position: relative; height: 755px ;}
#main .content .page-wrap-huansuan > img { width: 100%; height: 755px ;}
#main .content .page-wrap-huansuan .huansuan { position: absolute; top: 50%; left: 0; margin-top: -262px; width: 100% ;}
#main .content .page-wrap-huansuan .huansuan table { width: 900px; margin: 0 auto; border-bottom: 1px solid #303030 ;}
#main .content .page-wrap-huansuan .huansuan th { padding: 20px 0; background-color: #303030; color: #fff; font-size: 18px ;}
#main .content .page-wrap-huansuan .huansuan td { padding: 15px ;}
#main .content .page-wrap-huansuan .huansuan .btn { text-align: center ;}
#main .content .page-wrap-huansuan .huansuan .btn a { display: inline-block; text-align: center; font-size: 25px; background-color: #ffb100; color: #fff; text-shadow: 2px 2px 0px #c56300; margin: 20px 15px; padding: 10px 15px; border-radius: 5px ;}
#main .content .page-wrap-about { position: relative; height: 530px ;}
#main .content .page-wrap-about > img { width: 100%; height: 530px ;}
#main .content .page-wrap-about .about { position: absolute; top: 0; width: 800px; left: 50%; margin-left: -400px ;}
#main .content .page-wrap-about .about h1 { color: #fff; text-align: center; margin: 50px 0 20px 0 ;}
#main .content .page-wrap-about .about .xian { height: 2px; width: 100%; background: url(../images/xian.jpg) repeat-x left ;}
#main .content .page-wrap-about .about .question { padding: 0 80px; margin-top: 30px; cursor: pointer ;}
#main .content .page-wrap-about .about .question p { color: #ffd800; margin-bottom: 10px; font-size: 20px; position: relative ;}
#main .content .page-wrap-about .about .question span { color: #fff; display: inline-block; margin-bottom: 20px; position: relative ;}
#main .content .page-wrap-about .about .question span:hover { color: #ddd ;}
.has-animate.page-wrap-jieshao .jieshao .neirong .left, .has-animate.page-wrap-jieshao .jieshao .neirong .right, .has-animate.page-wrap-jieshao .jieshao .neirong .liucheng, .has-animate.page-wrap-kecheng .kecheng .kcneirong, .has-animate.page-wrap-mokuai .mokuai .banji, .has-animate.page-wrap-mokuai .mokuai .weekend, .has-animate.page-wrap-mokuai .mokuai .holiday, .has-animate.page-wrap-huansuan .huansuan table, .has-animate.page-wrap-about .question p, .has-animate.page-wrap-about .question span { /*opacity: 0 ;*/ opacity: 1 ;}
.animate.page-wrap-jieshao .jieshao .neirong .left { -webkit-animation: silderLeft .8s ease-in-out forwards; animation: silderLeft .8s ease-in-out forwards ;}
.animate.page-wrap-jieshao .jieshao .neirong .right { -webkit-animation: silderRight .8s ease-in-out forwards; animation: silderRight .8s ease-in-out forwards ;}
.animate.page-wrap-jieshao .jieshao .neirong .liucheng { -webkit-animation: toggle 1.5s ease-in-out forwards; animation: toggle 1.5s ease-in-out forwards ;}
.animate.page-wrap-kecheng .kecheng .kcneirong { -webkit-animation: silderLeft .8s ease-in-out forwards; animation: silderLeft .8s ease-in-out forwards ;}
.animate.page-wrap-mokuai .mokuai .banji { -webkit-animation: toggle 1.5s ease-in-out forwards; animation: toggle 1.5s ease-in-out forwards ;}
.animate.page-wrap-mokuai .mokuai .weekend { -webkit-animation: silderLeft .8s ease-in-out forwards; animation: silderLeft .8s ease-in-out forwards ;}
.animate.page-wrap-mokuai .mokuai .holiday { -webkit-animation: silderRight .8s ease-in-out forwards; animation: silderRight .8s ease-in-out forwards ;}
.animate.page-wrap-huansuan .huansuan table { -webkit-animation: silderRight .8s ease-in-out forwards; animation: silderRight .8s ease-in-out forwards ;}
.animate.page-wrap-about .question p { -webkit-animation: silderLeft .8s ease-in-out forwards; animation: silderLeft .8s ease-in-out forwards ;}
.animate.page-wrap-about .question span { -webkit-animation: silderRight .8s ease-in-out forwards; animation: silderRight .8s ease-in-out forwards ;}
@-webkit-keyframes silderLeft {
	from { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0 ;}
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 ;}
}
@keyframes silderLeft {
	from { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); opacity: 0 ;}
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 ;}
}
@-webkit-keyframes silderRight {
	from { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0 ;}
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 ;}
}
@keyframes silderRight {
	from { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); opacity: 0 ;}
	to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 ;}
}
@-webkit-keyframes toggle {
	from { opacity: 0 ;}
	to { opacity: 1 ;}
}
@keyframes toggle {
	from { opacity: 0 ;}
	to { opacity: 1 ;}
}


.banner,
.banner .swiper-slide {
    overflow: hidden;
}
.banner .swiper-slide{
opacity: 0!important;
}
.banner .swiper-slide.swiper-slide-active{
   opacity: 1!important ;
}

.banner .swiper-slide .nr { height: 630px }
.banner .swiper-slide .nr  .lb{ width: 525px; text-align: left; float: left; padding: 3px 0 0 50px; color: #fff; font-size: 26px; background: url("../images/icon.png") no-repeat -149px -85px; }
.banner .swiper-slide .nr  .lb b { margin-bottom: 20px; display: inline-block }
.banner .swiper-slide .nr  .lb span { font-size: 18px; display: inline-block; color: #131313; line-height: 1.4 }