@charset "utf-8";
html, body, a, p, ul,ol, li, dl, dt, dd, div, h1,td, h2, h3, h4, h5, h6, span, strong, em, i, img, form, input, table,td,tr {box-sizing:border-box;margin:0;padding:0;}
html,body {width:100%;font-size: 14px;color: #333333;font-family: "microsoft yahei";}
li {list-style: none;}
img {border:0;vertical-align:middle}
a {text-decoration:none;color: #333333;}
.fl {float:left;}
.fr {float:right;}
.ofh{ overflow: hidden;}
.mag{ margin: 0 auto;}
.cb{ clear: both;}
.clearfix:before,.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.container {width: 1200px;margin: 0 auto;}
.container1{ width: 1350px;margin: 0 auto;}
em{ font-style: normal;}

/*电脑屏幕大于1440*/
/*头部*/
.header{background:url('headerbg250908.jpg') no-repeat center 0; background-size: cover; width: 100%; height: 420px;}
.nyncb_link{ padding-top: 20px;}
/*内容*/
.content {width: 100%; }
/* part0 */
.part0{  margin: 0 auto; background: url(part0220330.jpg) no-repeat center 0;}
.part0 dl{ margin: 0 auto 50px; width: 1120px; }
.part0 .dl1 dt a{ background: url(icon1220418.png) no-repeat 10px center ;}
.part0 .dl2 dt a{ background: url(icon2220418.png) no-repeat 10px center ;}
.part0 dt{ margin-bottom: 10px; background: url(../images/dtbg220408.jpg) no-repeat 0 0; height: 41px; line-height: 41px; }
.part0 dt a{ font-weight: bold;color: #fff;  padding: 5px 15px 5px 45px;font-size: 18px;}
.part0 dd{ font-size: 16px; color: #666666;  text-indent: 2em; line-height: 30px; padding: 0 20px;}
.part0 dd a{color: #333;}
.part0 dd a:hover{ color: #0a5300;}
.part0-h3{ font-size: 32px; text-align: center; background: url(../images/h3bg220408.png) no-repeat center 30px; height: 70px; line-height: 70px; border-bottom: solid 3px #0a5300; color: #0b5a00; width: 1120px;
margin: 0 auto 50px;}
.part0-h3 a{color: #0b5a00;}
.part0-con{padding:30px 0 33px; width: 1200px;  margin: 0 auto; height: 816px;}
/* part1 */
.part1bg{ padding: 50px 0 40px}
.part1{ width: 1200px; margin: 0 auto;}
.hy_content01{width:100%;overflow: hidden;margin:10px auto;}
.part2{padding: 30px 0 0;  background: #f4fffe; margin-bottom:30px;}
.part2-con{ width: 1200px; margin: 0 auto;}
.group{  padding:0 0 25px; width: 1200px; margin: 0 auto;  }
.group div div{background: #fff; padding: 15px}
.group div div:nth-child(1){ float: left; border-top: solid 2px #1385e8;}
.group div div:nth-child(2){ float: right; border-top: solid 2px #00a841;}
.group h3 a{ color: #fff; font-weight: bold; font-size: 20px; background: #0187e6; width: 128px; height: 35px; line-height: 35px; display: inline-block; text-align: center; border-radius: 30px;}
.group div ul li{ font-size: 18px;  line-height: 38px; width: 553px; overflow: hidden;  padding: 8px 0 8px 0;} 
.group div div:nth-child(1)  ul li::before{ content: ''; width: 6px; height: 6px; background: #35b4f0; border-radius: 100%; margin-right: 10px;  float: left; margin-top: 14px; }
.group div div:nth-child(2)  ul li::before{ content: ''; width: 6px; height: 6px; background: #00a841; border-radius: 100%; margin-right: 10px;  float: left; margin-top: 14px;}
.group div ul li a{color: #333; float: left;overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; display: block; width: 420px;}
.group div div:nth-child(1) ul li a:hover{ color: #005eb6;}
.group div div:nth-child(2) ul li a:hover{ color: #00a841;}
.group div ul li span{ float: right; color: #999999; font-size: 16px;}
.group div ul li em{ float: left; color: #fff; background: #0063ff; width: 70px; border-radius: 3px; text-align: center; font-size: 16px; height: 22px; line-height: 22px; margin: 9px 10px 0 0; }

/* 轮播 */
#scroll-div2 { position: relative; width: 590px; height: 370px; overflow: hidden; float: left; margin-right: 30px;}
#scroll-div2 .yslider-stick { position: absolute; bottom: 24px; right: 15px;  z-index: 99; }
#scroll-div2 .yslider-stick li { width: 10px; height: 10px;  float: left;   background: #999999; margin-left: 10px; border-radius: 100%;}
#scroll-div2 .yslider-stage p{ position: relative;}
#scroll-div2 .yslider-stage p img{ height: 370px; width: 590px;}
#scroll-div2 .yslider-stage p span{ display: block; position: absolute; left: 0; right: 0; bottom:0; background: rgba(0,0,0,.6); color: #fff; height: 60px; line-height:60px; padding-left: 10px;}
#scroll-div2 .yslider-stage p span em{ width: 400px; font-size: 18px;display: block; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
#scroll-div2 .yslider-stick p a{ display: block;}
#scroll-div2 .yslider-stick li a { display: block;  }
#scroll-div2 .yslider-stick li.selected { background: #005abc;}
/* 轮播结束 */
.hy_content01{width:100%;overflow: hidden;margin:0 auto; }
.hy_cont1{width: 570px;float:left;}
.hy_title{width: 100%;height: 69px;line-height:69px; overflow: hidden; margin-bottom: 10px; border-bottom: solid 1px #ccd6e1; }
.hy_title h2{float: left;width: auto;padding-right: 10px;font-weight: bold;font-size: 30px; line-height:50px; height: 68px; float: left; border-bottom: solid 3px #0057c1;}
.hy_title .more{ float: right; color: #798da3; font-size: 16px; border-radius: 3px; padding: 0 10px; line-height: 26px; position: relative; top:13px; }
.hy_title h2 a{ color: #005eb6; font-weight: bold; }
.hy_cont11{margin-top: 10px; }
.hy_cont11 li{font-size: 18px; overflow: hidden;line-height: 46px;}
.hy_cont11 li::before{ content: ''; width: 6px; height: 6px; border-radius: 100%; background: #00a841; float: left; margin-right: 10px; margin-top: 19px;}
.hy_cont11 li a{ display: block; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  width: 540px; float: left; }
.hy_cont11 li a:hover{ color: #005eb6;}
.hy_cont11 li span{float: right;color:#999; font-size: 16px;}
.hy_cont11 li em{font-style: normal;color:#999;}
.hy_cont11 dl{padding-left: 8px;}
.hy_cont11 dl dt{ color: #005eb6; font-size: 30px; height: 60px; display: flex; align-items: flex-end;}
.hy_cont11 dl dt a{ color: #005eb6;}
.hy_cont11 dl dd {color: #999999; font-size: 16px; min-height: 90px; display: flex; align-items: center;  line-height: 32px;}
.hy_cont11 dl dd a{ color: #999999;}
.more:hover{ color: #0057c1;}
.part6{ width: 1200px; margin: 0 auto 30px;}
.part3{ width: 1200px; margin: 0 auto;}

/* gundong */
.scroll{width:1200px;height:352px; }
.scroll-pc .scroll_left{width:60px;height:60px;background:url(left250908.png) no-repeat; margin-right: 20px;  position: absolute; left: 10px; top:40%; z-index: 10;}
.scroll-pc .scroll_right{width:60px;height:60px;background:url(right250908.png) left no-repeat; position: absolute; right: 11px; top:40%;}
.scroll-pc .pic{width:1200px;height:352px;float:left; margin-right: 20px;}
.scroll-pc .pic li{float:left;display:inline;width:225px; margin-right: 20px; position: relative; }
.scroll-pc .pic li img{ width: 100%;}
.scroll-pc .pic li dl{  background: rgba(0,0,0,.6); color: #fff; padding: 8px 10px;  height: 76px;line-height: 28px;  font-size: 18px; position: absolute; left: 0; right: 0; bottom: 0; }
.scroll-pc .pic li dl dt{ font-size: 18px;}
.scroll-pc .pic li dl dd{ font-size: 16px;}
.swiper-container{ display: none;}
.scroll-pc{ position: relative; overflow: hidden;}

/* teacher */
.teacher-con{ margin-bottom: 30px;}
.teacher-con ul{ display: flex; justify-content: space-between;}
.teacher-con ul li dl{ background: #429ded; }
.teacher-con ul li{ position: relative; width: 32%;}
.teacher-con ul li img{ width: 100%;}
.teacher-con ul li dl{  padding-top: 15px; padding-left: 10px; padding-bottom: 15px;}
.teacher-con ul li dl dt{ font-size: 18px; color: #fff;}
.teacher-con ul li dl dd{ font-size: 14px; color: #bfc5c9;}
.part-tit {background: url(xiewen250908.png) no-repeat right center;  margin-bottom: 20px;display:flex; justify-content: space-between; align-items: center;}
.part-tit div{ text-align: right;}
.part-tit .more{  font-size: 16px;  color: #798da3; } 
.part-tit .more:hover{color: #005eb6;}


/*尾部*/
.footer{width: 100%;height: 224px;background:url(footer250908.jpg) no-repeat center bottom;margin-top:40px; }
.footer-main{ width: 1200px; margin: 0 auto; position: relative; line-height: 30px;}
.footer-middle{ width: 1100px; margin: 0 auto;}
.footer-left{ position: absolute; left: 0; top:80px}
.footer-right{ position: absolute; right: 0; top:80px}
.footer-middle ul{ display: flex; justify-content: center;padding-top: 60px; margin-bottom: 10px;}
.footer-middle ul li{ color: #fff; font-size: 16px; }
.footer-middle ul li a{ color: #fff; margin: 0 15px;}
.footer-middle div{ display: flex;justify-content: center; font-size: 14px;}
.footer-middle div p{ color: #fff; margin: 0 5px;}
.footer-middle div p a{ color: #fff;}

/*电脑屏幕小于1440*/
@media  screen and (max-width:1440px) {
    .header{height: 300px;background-size: 112%; }
    #scroll-div2 .yslider-stage p span em{ width: 350px;}
    /* part0 */
    .part0{  margin: 0 auto; background: url(part0220330.jpg) no-repeat center 0;  }
    .part0 dl{ margin: 0 auto 50px; width: 920px; }
    .part0-h3{ font-size: 30px;  width: 920px; background: url(../images/h3bg220408.png) no-repeat center 30px; background-size: 100% auto;}
    .part0-con{  padding:30px 0 0; width: 1000px; margin: 0 auto; background-size: 1000px 100%; height: 816px; }
    .hy_cont1{ width: 490px;} 
    .hy_cont11 li a{  width: 450px;}
    .group{ width: 1000px;}
    .part4 .group1{ width: 1000px;}
    .part3{ width: 1000px; }
    .part2-con{ width: 1000px; margin: 0 auto;}
    .group div ul li{ width:460px;}
    .group div ul li a{ width: 350px;}
    .part1{ width: 1000px; margin: 0 auto;}
    .scroll-pc .pic li{width:235px; }
    #scroll-div2{ width: 460px;}
    #scroll-div2 .yslider-stage p img{width: 460px;}
    .container {width: 1000px;margin: 0 auto;}
    .part6{ width: 1000px;}
    .footer-main{ width: 1000px;}
    .footer-middle{ width: 900px;}
    .footer-middle div{ display: flex;justify-content: center; flex-wrap: wrap; }
    .footer-middle div p{ margin: 0 5px;}
}

/*移动端*/
@media  screen and (max-width:1000px) {
    html,body {font-size: 100%;}
    .container {width: 100%;}
    .part1bg{ padding-top: 10px;}
    .hy_cont1{width:100%; margin: 0 auto;}
    .hy_cont11 li a{ width:6rem}
    .hy_cont11 li{padding-left:10px;overflow: hidden; width: 7rem; margin: 0 auto; font-size: 18px; line-height: .7rem;}
    .hy_cont11 dl{ width: 7rem; margin: 0 auto;  }
    .hy_cont11 dl dt{font-size: .44rem; align-items: center;}
    .hy_title{ height: .8rem; line-height: .8rem; width: 6.9rem; margin: 0 auto; background-size: 100% auto;}
    .hy_title h2{ font-size: .4rem;  line-height: .6rem; }
    .hy_title .more{ top:.1rem}
    .header .container img{ width: 50%;}
    .header {background: url("headerbg250908.jpg") center top no-repeat; background-size:200% auto;height:3.3rem;padding-top: 0;}
    .part1{ width: 100%; }
    .part2{ margin-bottom: .3rem; }
    .part-tit {background: url(xiewen250908.png) no-repeat right .3rem;  margin-bottom: 20px;}
    .biaoti img{ height: .9rem;}
    #scroll-div2 { position: relative; width: 7rem; height: 4rem; overflow: hidden; float: none; margin: 0 auto .3rem;}
    #scroll-div2 .yslider-stage p span{ display: block; position: absolute; left: 0; right: 0; bottom:0; background: rgba(0,0,0,.6); color: #fff; height: .8rem; line-height: .8rem; padding-left: 10px;}
    #scroll-div2 .yslider-stage p span em{ width: 5rem; font-size: .3rem;}
    #scroll-div2 .yslider-stage p img{width: 7rem; height: 4rem;}
    #scroll-div2 .yslider-stick{ bottom:13px}
    .part0{  margin: 0 auto .3rem;  background: linear-gradient(#fff, #edf8f3); ; background-size: 200% auto; }
    .part0 dl{ margin: 0 auto .3rem; width: 6.9rem; }
    .part0 dt a{ font-size: .34rem;}
    .part0-h3{ font-size: .5rem;  width: 6.9rem; background-size: 100% .4rem; margin-bottom: .3rem;}
    .part0-con{ background: none; padding:.3rem 0; width: 6.9rem; height: auto;}
    .scroll-pc{ display: none;}
    .swiper-container{ display: block;}
    .swiper-container .swiper-slide{  position: relative; width: 6rem; text-align: center; }
    .swiper-container .swiper-slide img{ width: 6rem;}
    .swiper-container .swiper-slide dl a{ color: #fff; }
    .swiper-container .swiper-slide dl{background: rgba(0,0,0,.6); width:6rem;font-size: .3rem;  padding: .2rem .3rem; color: #fff; font-weight: normal; min-height: 1.3rem; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0;}
    .part1bg{ padding-bottom: 0;}
    .part2{ width: 100%; margin: .2rem auto .3rem; padding: .3rem 0 .4rem;}
    .part2-con{ width: 6.9rem; margin: 0 auto;}
    .part3{ width:7rem; margin-bottom: 0;}
    .part6{ width:7rem; margin-bottom:.5rem;}
    .teacher-con ul{ display: block}
    .teacher-con ul li dl dt{ font-size: .3rem;}
    /* .teacher-con ul{ display: flex; flex-wrap: wrap; justify-content: flex-start;} */
    .teacher-con ul li{  width: 6rem; margin: 0 auto .3rem; }
    .teacher-con ul li img{ width: 100%;}
    .group{ width:100%; padding: 0; }
    .group div div{ padding: 15px 15px 1px 15px;}
    .group div ul li{ width:6.4rem; margin: 0 auto; overflow: hidden;}
    .group div ul:nth-child(1){ float: none;}
    .group div ul:nth-child(2){ float: none;}
    .group div ul{ margin-bottom: .3rem;}
    .group div ul li a{ width: 4.8rem;}
    .group div div:nth-child(1){ float: none; width: 6.9rem; margin: 0 auto;}
    .group div div:nth-child(2){ float: none; width: 6.9rem; margin: 0 auto;}
    .swiper-button-next{background-image: url(right250908.png);}
    .swiper-button-prev{background-image: url(left250908.png);}
    .swiper-button-next, .swiper-button-prev{ width: 1rem; height: 1rem; background-size: 100% 100%;}

    .footer{ height: auto; padding-bottom: .3rem; background:url(footer250908.jpg) no-repeat center bottom; background-size: cover;}
    .footer-main{ width: 100%;}
    .footer-middle{ width: 7rem;}
    .footer-middle ul{ display: none;}
    .footer-middle div{ display: flex;justify-content: center; flex-wrap: wrap; }
    .footer-middle div p{ margin: 0 5px;}
    .footer-left{ position:static; }
    .footer-right{ position: static; }
    .biaozhi-div{ text-align: center; padding: .3rem 0 .3rem;}
}

@media  screen and (max-width:750px) {
    .header .container img{ width: 50%; margin-left: .2rem;}
}


