input{border:none;background:none;outline:none;}
body {
  font-family: "microsoft yahei";
  overflow-x: hidden;
  min-width: 1200px;
}
.con {
  max-width:1000px;
  margin: 0 auto;
}
.banner {
  width: 100%;
  height: 656px;
}


#particles-js{width: 100%;min-width:1000px;height:656px;position: absolute;top: 280px;left: 0;z-index: 10;}
#particles-js2{width: 100%;min-width:1000px;height:656px;position: absolute;top: 0;left: 0;}
.banner .banner_scroll {
  height: 656px;
  width: 100%;
  position: relative;
}
.banner .banner_scroll .hd {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 617px;
  z-index: 10;
  text-align: center;
}
.banner .banner_scroll .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/points_06.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 5px;
  vertical-align: middle;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
}
.banner .banner_scroll .hd li.on {
  background: url(../images/points_04.png) no-repeat center;
  background-size: 100% 100%;
}



.banner .banner_scroll .bd li {

  width: 100%;
  height: 656px;
}


.banner .banner_scroll .l1 {
  background: url(../images/banner1.jpg) no-repeat center;
  position: relative;
  height: 655px;
}
.banner .banner_scroll .l1 .con {
  position: relative;
  height: 100%;
}
.out{
  position: relative;
  width: 100%;
}

.banner .banner_scroll .l1 .con .banner1_1{
  position: absolute;
  top: 175px;
  left: 0;
  right: 0;
  width: 73%;
  margin: auto;
}
.banner .banner_scroll .l1 .con .banner1_2{
  position: absolute;
  top: 271px;
  left: 0;
  right: 0;
  width: 100%;
}
.banner .banner_scroll .l1 .con .banner1_3{
  position: absolute;
  top: 401px;
  left: 0;
  right: 0;
  width: 62%;
  margin: auto;
}
.banner .banner_scroll .l1 .con .banner1_4{
  background: url(../images/banner1_4.png) no-repeat center;
  width:  363px;
  height: 68px;
  background-size: 100% 100%;
  position: absolute;
  top: 535px;
  left: 332px;
z-index: 1000;
font: 30px/68px "Microsoft YaHei";color: #fff;
text-align: center
}

.banner1_left{
  position: absolute;
  top: 109px;
  left: -178px;
}
.banner1_right{
  position: absolute;
  top: 78px;
  right: -175px;
}
.banner .banner_scroll .l2 {
  background: url(../images/banner2.jpg) no-repeat center;

  position: relative;
  min-width: 1200px;
}
.banner .banner_scroll .l2 .con {
  position: relative;

}
.banner .banner_scroll .l2 .banner2_1{
  position: absolute;
  left: 44px;
  top: 160px;
z-index: 1000;
}
.banner .banner_scroll .l2 a{
  display: block;
width:340px ;
height: 50px;
  background: url(../images/banner2_3.png) no-repeat center;
  position: absolute;
  left: 332px;
  top: 545px;
  z-index: 1000;
  font: 20px/50px "Microsoft YaHei";color: #fff;
  text-align: center;
  letter-spacing: 5px
}



.banner .zg_top {height: 81px;padding-top: 16px;position: absolute;left: 50%;top:0;margin-left:-500px!important;z-index:1009}
.box {width: 1000px;margin: 0 auto;}
/*.zg_top_cen p a:hover {color: #F74D02;}*/
a {color: #333;cursor: pointer;text-decoration: none;}
/*.fadeInLeft {*/

/*-webkit-animation-name: fadeInLeft;*/

/*animation-name: fadeInLeft;*/

/*}*/

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.zg_top_let {width: 160px;}
.fl {float: left;display: inline;}
.zg_top_cen {width: 675px;
 *width: 665px;}
.zg_top_cen p em {display: block;position: absolute;top: -8px;left: 68px;width: 15px;height: 8px;background: url(../images/zg_jiao02.png) no-repeat center;display: none}
.zg_top_cen ul {height: 32px;margin-bottom: 9px;}
.zg_top_cen ul li {float: left;width: 90px;height: 40px;position: relative}
.zg_top_cen p {width: 830px;height: 42px;/*border: solid 1px #fff;*/border-radius: 2px;line-height: 28px;position: absolute;top:38px;left:0;background: url(../images/zg_bg2.png) no-repeat left top;padding-top: 9px;}
.zg_top_cen ul li>a {display: inline-block;padding: 0 10px;font: 16px/32px "Microsoft YaHei";float: left;color: #333}
/*.zg_top_cen ul li>a:hover {text-decoration: none;background: #ff4a00;color: #fff;}*/
.zg_top_cen ul li.hover>a{

    display: inline-block;

    padding: 0 20px 0 0;

    background: url(../images/zg_jiao03.png) no-repeat right center;
    color: #fff

}
/*.zg_top_cen ul li.hover>a{display: inline-block;padding: 0 20px 0 0;background: url(../images/zg_jiao03.jpg) no-repeat right center;color: #333}*/
.zg_top_cen ul li.on>a{background: url(../images/zg_jiao01.png) no-repeat right center;color: #fff;font-weight: bold;}
.zg_top_cen ul li>a {display: inline-block;

    padding: 0 10px;

    font: 16px/32px "Microsoft YaHei";
    color: #fff;}
.zg_top_cen p a {padding: 0 7px;font:12px/38px "Microsoft YaHei";color: #fff}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.zg_top_ret {
 *width: 155px;
    background: url(../images/zg_dh.png) no-repeat left 3px;
    padding-left: 20px;
    font: bold 20px/30px "Microsoft YaHei";
    color: #ffffff;}


.section1 {
  height: 715px;
  background: url(../images/s1_02.png) no-repeat center;
}
.section1 .con {
  padding-top: 60px;
}
.section1 .img1 {
  display: block;
  margin: 0 auto;
}
.section1 .small_title {
  color: #666666;
  font-size: 20px;
  line-height: 24px;
  padding-top: 17px;
  text-align: center;
}
.section1 ul {
  width: 1000px;
  height: 111px;
  background: url(../images/s1_07.png) no-repeat center;
  margin-top: 20px;
}
.section1 ul li {
  float: left;
  text-align: center;
  color: #333;
  font-size: 20px;
  width: 144px;
  line-height: 24px;
  margin-top: 93px;
}
.section1 ul li.l_last {
  width: 111px;
}
.section1 .ul p {
  text-align: center;
  height: 50px;
  line-height: 50px;
  float: left;
  color: #fefeff;
  font-size: 20px;
}
.section1 .ul p a{width: 100%;height: 100%;margin:  0; line-height: 50px;font-size: 20px; color: #fefeff;background:none;}
.section1 .ul .l_1 {
  width: 148px;
  margin: 42px 0 0 94px;
  background: #7d5aff;
}
.section1 .ul .l_2 {
  width: 201px;
  margin: 32px 0 0 55px;
  background: #4a7fe0;
}
.section1 .ul .l_3 {
  width: 183px;
  margin: 42px 0 0 58px;
  background: #5d6dff;
}
.section1 .ul .l_4 {
  width: 193px;
  margin: 42px 0 0 68px;
  background: url(../images/s1_11.png) no-repeat center;
}
.section1 .ul .l_5 {
  width: 184px;
  margin: 20px 0 0 0px;
  background: url(../images/s1_13.png) no-repeat center;
}
.section1 .ul .l_6 {
  width: 161px;
  margin: 35px 0 0 62px;
  background: #4a7fe0;
}
.section1 .ul .l_7 {
  width: 211px;
  margin: 30px 0 0 63px;
  background: #7462ff;
}
.section1 .ul .l_8 {
  width: 175px;
  margin: 30px 0 0 59px;
  background: #5e6dff;
}
.section1 a {
  display: block;
  width: 432px;
  height: 70px;
  background: url(../images/s1_17.png) no-repeat center;
  margin: 46px auto 0;
  color: #2f7aeb;
  font-size: 24px;
  line-height: 70px;
  text-align: center;
}
.section1 a:hover {
  background: url(../images/s1_new_03.png) no-repeat center;
  color: #ffffff;
}
.section1 .s1_bot {
  width: 100%;
  height: 130px;
  background: url(../images/s1_20.jpg) no-repeat center;
  margin-top: 37px;
}
.section1 .s1_bot div {
  float: left;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  background: url(../images/s1_22.png) no-repeat center top;
  cursor: pointer;
  text-align: center;
}
.section1 .s1_bot div.on {
  background-image: url(../images/s1_26.png);
  color: #73f7ff;
}
.section1 .s1_bot .left {
  padding-top: 47px;
  margin-top: 6px;
  margin-left: 162px;
}
.section1 .s1_bot .middle {
  padding-top: 9px;
  background: url(../images/s1_22.png) no-repeat center bottom;
  margin-left: 143px;
  padding-bottom: 43px;
}
.section1 .s1_bot .right {
  padding-top: 9px;
  background: url(../images/s1_22.png) no-repeat center bottom;
  margin-left: 225px;
  padding-bottom: 55px;
}
.section2 {
  width: 100%;
  height: 1239px;
  overflow: hidden;
  background: url(../images/s2_03.png) no-repeat center;
}
.section2 .con {
  padding-top: 60px;
}
.section2 .title {
  display: block;
  margin: 0 auto;
}
.section2 .small_title {
  color: #666;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-top: 13px;
}
.section2 .pic_num {
  margin-top: 62px;
}
.section2 .pic_num .left {
  float: left;
  width: 520px;
}
.section2 .pic_num .left p {
  color: #333;
  font-size: 20px;
  line-height: 30px;
  background: url(../images/s2_35.png) no-repeat 66px center;
  padding-left: 92px;
}
.section2 .pic_num .left img {
  display: block;
  margin-top: 18px;
}
.section2 .pic_num .right {
  float: right;
  width: 480px;
}
.section2 .pic_num .right p {
  color: #333;
  font-size: 20px;
  line-height: 30px;
  background: url(../images/s2_37.png) no-repeat 51px center;
  padding-left: 79px;
}
.section2 .pic_num .right img {
  display: block;
  margin-top: 18px;
}
.section2 .notice {
  color: #999;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  margin-top: 17px;
}
.section2 .notice2 {
  color: #333;
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  margin-top: 40px;
}
.section2 .img2 {
  display: block;
  margin: 7px auto 0;
}
.section3 {
  width: 100%;
  height: 426px;
  background: url(../images/s3_07.jpg) no-repeat center;
}
.section3 ul {
  padding-top: 94px;
}
.section3 ul li {
  float: left;
  width: 226px;
  height: 200px;
  margin-right: 32px;
}
.section3 ul li p {
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  padding-top: 134px;
  font-weight: bold;
}
.section3 ul li.on p {
  color: #6e62ff;
}
.section3 ul .l1 {
  background: url(../images/s3_09.png) no-repeat center;
}
.section3 ul .l1.on {
  background: url(../images/web_18new_26.png) no-repeat center;
}
.section3 ul .l2 {
  background: url(../images/s3_11.png) no-repeat center;
}
.section3 ul .l2.on {
  background: url(../images/web_18new_28.png) no-repeat center;
}
.section3 ul .l3 {
  background: url(../images/s3_13.png) no-repeat center;
}
.section3 ul .l3.on {
  background: url(../images/web_18new_30.png) no-repeat center;
}
.section3 ul .l4 {
  margin-right: 0px;
  background: url(../images/s3_15.png) no-repeat center;
}
.section3 ul .l4.on {
  background: url(../images/web_18new_32.png) no-repeat center;
}
.section3 a {
  display: block;
  width: 330px;
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 24px;
  color: #6c62ff;
  margin: 40px auto 0;
  background: url(../images/s3_new_07.png) no-repeat center;
}
.section3 a:hover {
  background: url(../images/s3_new_09.png) no-repeat center;
  color: #ffffff;
}
.section4 {
  background: #f7f7f7;
  padding: 40px 0;
}
.section4 .img1 {
  display: block;
  margin: 0 auto;
}
.section4 .small_title {
  color: #666666;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin-top: 14px;
}
.section4 .course_list {
  width: 100%;
  margin-top: 28px;
  padding-top: 0px;
}
.section4 .course_list .left {
  width: 1000px;
  margin: auto;
  overflow: hidden;
  background-color: #576eff;
}
.section4 .course_list .left .list {
  cursor: pointer;
  width: 25%;
  float: left;
}
.section4 .course_list .left .list.on {
  background: url(../images/s4_31.png) no-repeat center;
}
.section4 .course_list .left .list.on p {
  color: #576eff;
}
.section4 .course_list .left p {
  padding-left: 93px;
  font-size: 24px;
  color: #fff;
  line-height: 60px;
}
.section4 .course_list .left p span {
  font-weight: bold;
}
.section4 .course_list .left .l1 {
  margin-top: 0px;
}
.section4 .course_list .left .l1 p {background: url(../images/icon_1_31.png) no-repeat 34px center;}
.section4 .course_list .left .l1.on p {
  background: url(../images/icon_2_31.png) no-repeat 34px center;
}
.section4 .course_list .left .lx2 p {
  background: url(../images/icon_1_34.png) no-repeat 34px center;
}
.section4 .course_list .left .lx2.on p {
  background: url(../images/icon_2_34.png) no-repeat 34px center;
}
.section4 .course_list .left .l3 p {
  background: url(../images/icon_1_37.png) no-repeat 34px center;
}
.section4 .course_list .left .l3.on p {
  background: url(../images/icon_2_37.png) no-repeat 34px center;
}
.section4 .course_list .left .l4 p {
  background: url(../images/icon_1_40.png) no-repeat 33px center;
}
.section4 .course_list .left .l4.on p {
  background: url(../images/icon_2_40.png) no-repeat 34px center;
}
.section4 .course_list .left .l5 p {
  background: url(../images/icon_1_41.png) no-repeat 27px center;
}
.section4 .course_list .left .l5.on p {
  background: url(../images/icon_2_41.png) no-repeat 27px center;
}
.section4 .course_list .left .l6 p {
  background: url(../images/icon_1_43.png) no-repeat 34px center;
}
.section4 .course_list .left .l6.on p {
  background: url(../images/icon_2_43.png) no-repeat 34px center;
}
.section4 .course_list .right {
  overflow: hidden;
  max-width: 1000px;
}
.section4 .course_list .right li {
  padding-bottom: 15px;
}
.section4 .course_list .right .scroll-pane {
  height: 100%;
}
.section4 .course_list .right .scroll-pane {
  outline: none;
}
.section4 .course_list .right .jspVerticalBar {
  right: 0px;
  width: 28px;
}
.section4 .course_list .right .jspTrack {
  width: 28px;
  background: #fff;
}
.section4 .course_list .right .jspDrag {
  width: 10px;
  background: #dcdce0;
  border-radius: 10px;
  left: 9px;
}
.section4 .course_list .right .p1 {
  font-size: 24px;
  line-height: 26px;
  color: #4243b9;
  padding-top: 29px;
}
.section4 .course_list .right .p1 .p1l {
  float: left;
  font-weight: bold;
  padding-left: 10px;
  border-left: 3px solid #3a57c9;
}
.section4 .course_list .right .p1 .p1r {
  float: left;
  margin-left: 20px;
  font-weight: bold;
}
.section4 .course_list .right .p2 {
  margin-top: 23px;
  color: #666666;
  font-size: 18px;
  line-height: 28px;
}
.section4 .course_list .right .p2 .p2l {
  float: left;
  font-weight: bold;
  padding-left: 13px;
  font-size: 24px;
  line-height: 36px;
  color: #4243b9;
}
.section4 .course_list .right .p2 .p2r {
  float: left;
  margin-left: 28px;
}
.section4 .course_list .right .p3 {
  margin-top: 17px;
  color: #666666;
  font-size: 18px;
  line-height: 28px;
}
.section4 .course_list .right .p3 .p3l {
  font-weight: bold;
  padding-left: 13px;
  font-size: 24px;
  line-height: 36px;
  color: #4243b9;
}
.section4 .course_list .right .p3 .p3r {
  margin-left: 13px;
}

.section4 .course_list .right .p3 .p3r span{width: 298px;display: block;float: left;margin:10px 10px 10px 0px;}

.section4 .zxdn {
  display: block;
  width: 352px;
  height: 70px;
  background: url(../images/s4_31.jpg) no-repeat center;
  margin: 21px auto 0;
  color: #fffffe;
  text-align: center;
  line-height: 70px;
  font-size: 24px;
}
.section4 .zxdn:hover {
  background: url(../images/s4_new_14.png) no-repeat center;
}
.section4 .s4_form {
  width: 100%;
  height: 327px;
  background: url(../images/s4_57.jpg) no-repeat center;
  margin-top: 83px;
}
/* .section5 {
  margin-top: 42px;
}
.section5 .img1 {
  display: block;
  margin: 0 auto;
}
.section5 .small_title {
  color: #666;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin-top: 14px;
}
.section5 .button_group {
  height: 46px;
  width: 100%;
  background: url(../images/s5_19.png) repeat-x left center;
  margin-top: 28px;
}
.section5 .button_group p {
  width: 170px;
  height: 46px;
  background: url(../images/s4_16.png) no-repeat center;
  color: #6477ff;
  font-size: 20px;
  line-height: 46px;
  text-align: center;
  float: left;
  margin-left: 25px;
  cursor: pointer;
}
.section5 .button_group p.on {
  background: url(../images/s4_14.png) no-repeat center;
  color: #ffffff;
}
.section5 .button_group .p_but1 {
  margin-left: 220px;
}
.section5 .pic_scroll1 {
  width: 100%;
  overflow: hidden;
  margin-top: 25px;
  position: relative;
}
.section5 .pic_scroll1 img {
  display: block;
  box-shadow: 0 0 8px 5px #eee;
}
.section5 .pic_scroll1 li {
  margin-top: 10px;
  float: left;
  width: 413px;
  height: 526px;
  margin: 0 8px;
  padding: 15px 0px;
}
.section5 .pic_scroll2 {
  display: none;
  width: 100%;
  overflow: hidden;
  margin-top: 25px;
  position: relative;
}
.section5 .pic_scroll2 img {
  display: block;
  box-shadow: 0 0 8px 5px #eee;
}
.section5 .pic_scroll2 li {
  margin-top: 10px;
  float: left;
  width: 326px;
  height: 526px;
  margin: 0 8px;
  padding: 15px 0px;
}
.section5 .pic_scroll3 {
  display: none;
  width: 100%;
  overflow: hidden;
  margin-top: 25px;
  position: relative;
}
.section5 .pic_scroll3 img {
  display: block;
  box-shadow: 0 0 8px 5px #eee;
}
.section5 .pic_scroll3 li {
  margin-top: 10px;
  float: left;
  width: 693px;
  height: 526px;
  margin: 0 8px;
  padding: 15px 0px;
} */
.content{
  width: 1000px;
  margin: 0 auto
}
.section4_5{
  width: 100%;
  background: url(../images/s4_5_bg.jpg) no-repeat center;
}
.section4_5in{
  width: 1000px;
  height:723px ;
  padding: 66px 0 70px 0;
  background: url(../images/s4_5_bgin.jpg) no-repeat center;
}
.section4_5in .tit{
  display: block;
  margin: 0 auto
}
.section4_5in ul{
  position: relative;
  margin-top: 50px;
  height: ;
}
.section4_5in ul li{
  position: absolute;
  width: 225px;
}
.section4_5in ul li dt{
  font:bold 22px/22px "Microsoft YaHei";color: #fff;
  text-align: center;
  
}
.section4_5in ul li dd{
  font:18px/30px "Microsoft YaHei";color: #c9c7ff;

  
}
.section4_5in ul .l1{
  top: 90px;
  left: 390px;
}

.section4_5in ul .l2{
  top: 166px;
  left: 0px;
}
.section4_5in ul .l2 dt,.section4_5in ul .l4 dt{
  text-align: right
}
.section4_5in ul .l3 dt,.section4_5in ul .l5 dt{
 text-align: left
}
.section4_5in ul .l3{
  top: 166px;
  left: 785px;
}
.section4_5in ul .l4{
  top: 365px;
  left: 0px;
}
.section4_5in ul .l5{
  top: 365px;
  left: 785px;
}
.section4_5in ul .lp{
  top: 490px;
  left: 375px;
  width: 300px;
  font:16px/16px "Microsoft YaHei";color: #bfbcff;

}
.section4_5in .cont{
  height: 550px;
}
.section4_5btn{
  display: block;
  width: 485px;
  height: 70px;
  border-radius: 70px;
  text-align: center;
  font:24px/70px "Microsoft YaHei";color: #6c5aff;
  background: #fff;
  margin: 0 auto
}
.section4_5btn:hover{
  background: #53d7e5;
  color: #00343a
}

.class{
  width: 100%;
  padding: 50px 0 80px 0 
}
.class .tit{
  display: block;
  margin: 0 auto
}
.class ul{
  margin-top: -23px;
  width: 1100px;
}
.class li{
  float: left;
  margin: 83px 18px 0 0 ;
  box-shadow: 0 0 20px #eff0f5
}
.class li h5{
  font:22px/22px "Microsoft YaHei";color: #333;
  text-align: center;
  margin-top: 110px

}
.class li p{
  font:14px/32px "Microsoft YaHei";color: #333;
margin-left: 105px;
margin-top: 15px
}
.class .l3 p{
  margin-left: 47px;
}
.class .l4 p{
  margin-left: 57px;
}
.class .l5 p{
  margin-left: 40px;
}
.class .l1{
  width: 490px;
  height:337px ;
  background: url(../images/class1.jpg) no-repeat center;
}
.class .l2{
  width: 490px;
  height:337px ;
  background: url(../images/class2.jpg) no-repeat center;
}
.class .l3{
  width: 320px;
  height:337px ;
  background: url(../images/class3.jpg) no-repeat center;
}
.class .l4{
  width: 320px;
  height:337px ;
  background: url(../images/class4.jpg) no-repeat center;
}
.class .l5{
  width: 320px;
  height:337px ;
  background: url(../images/class5.jpg) no-repeat center;
}
.class_btn{
  display: block;
  width: 355px;
  height: 70px;
  border-radius: 70px;
  text-align: center;
  font:24px/70px "Microsoft YaHei";color: #fff;
  background: #6c5aff;
  margin: 40px  auto 0
}
.class_btn:hover{
  background: #8971fb;
  color: #fff;
}

.xiangmu{
  width: 100%;

  background: url(../images/xm_bg.jpg) no-repeat center;
}
.xiangmu_in{
  width: 1000px;
  height:824px ;
  padding: 77px 0 60px 0;
  background: url(../images/xm_bgin.jpg) no-repeat center;
}
.xiangmu_in .tit{
  display: block;
  margin: 0 auto
}
.xiangmu_in .l{
  float: left;
  margin-top: 64px;
  width: 290px;
}
.xiangmu_in .l li{
  margin-bottom:-4px;
  width: 269px;
  height:118px ;
  background: url(../images/xm_l.png) no-repeat center;
  float: left;
  cursor: pointer;
}
.xiangmu_in .l li p{
  font:20px/20px "Microsoft YaHei";color: #9296a0;
  margin: 49px 0 0 84px

}
.xiangmu_in .l .on p{
  color: #fff
}
.xiangmu_in .l .on{
  background: url(../images/xm_lh.png) no-repeat center;
}

.xiangmu_in .l .l2{
  margin-left: -57px
}
.xiangmu_in .l .l3{
  margin-left: -37px
}

.xiangmu_in .l .l4{
  margin-left: 30px
}

.xiangmu_in .l .l5{
  margin-left: -7px
}
.xiangmu_in .r{
  width: 710px;height: 610px;
  background: #fff;
  border-radius: 15px;
  float: right;
  margin-top: 50px;
  overflow: hidden;
}
.xiangmu_in .r .box{
  margin: 35px 0 0 35px;
  width: 675px;
  height: 550px;
}
.xiangmu_in .r .box dl{
  margin-top: 25px
}
.xiangmu_in .r .box dt{
  font: bold 14px/14px "Microsoft YaHei";color: #333;
  float: left;
}
.xiangmu_in .r .box dt span{
  display: block;
  float: left;
  width: 4px;
  height: 14px;background: #00dfff;
  margin: 0 7px 0 5px;

}
.xiangmu_in .r .box dd{
  font: 14px/24px "Microsoft YaHei";color: #333;
  width: 550px;
  float: left;
  margin-top: -4px
}

.scroll-pane2 .jspContainer{
   
  position: relative;
}
.scroll-pane2 .scroll-pane .jspPane{ 
  position: absolute;
  width: 999px !important;
}
.scroll-pane2 .jspVerticalBar{ 

  position: absolute;
  top: 0;
  right: 8px;
  width: 2px;
  height: 378px;}
.scroll-pane2 .jspHorizontalBar .jspCap{ 
  float: left;}
.scroll-pane2 .jspTrack{

  position: relative;
  width: 2px;
  right: 0;
  }
  .scroll-pane2 .jspDrag{
  background: #c5d4dd;
  width: 8px;
  position: relative;
  top: 0; 
  left: -3px; 
  cursor: pointer;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;}
  .scroll-pane2 .jspHorizontalBar .jspTrack,.scroll-pane2 .jspHorizontalBar .jspDrag{ 
  float: right; 
  height: 100%;}
.scroll-pane2, .scroll-pane-arrows { 
  width: 100%; 
  height: 550px; 
  overflow: auto;}

  .xiangmu_btn{
    display: block;
    width: 355px;
    height: 70px;
    border-radius: 70px;
    text-align: center;
    font:24px/70px "Microsoft YaHei";color: #fff;
    background: #6c5aff;
    margin: 40px  auto 0
  }
  .xiangmu_btn:hover{
    background: #fff;
    color: #333;
  }



.section6 {
  margin-top: 85px;
  padding-bottom: 40px;
}
.section6 .img1 {
  display: block;
  margin: 0 auto;
}
.section6 .small_title {
  color: #666;
  font-size: 20px;
  line-height: 24px;
  margin-top: 11px;
  text-align: center;
}
.section6 .focus {
  width: 1000px;
  margin: 4px auto 0;
  padding-bottom: 33px;
  position: relative;
}
.section6 .focus .hd {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 0;
}
.section6 .focus .hd li {
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/s6_12.png) no-repeat center;
  margin: 0 5px;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}
.section6 .focus .hd li.on {
  width: 36px;
  height: 12px;
  background: url(../images/s6_10.png) no-repeat center;
}
.section6 .focus .bd li {
  width: 1000px;
  height: 515px;
}
.section6 .focus .bd .left {
  float: left;
  display: block;
}
.section6 .focus .bd .right {
  float: right;
  padding: 78px 21px 0 0;
  width: 474px;
  height: 437px;
  background: url(../images/teach_txt_33.jpg) no-repeat center;
}
.section6 .focus .bd .right_con {
  padding-left: 30px;
  padding-top: 45px;
}
.section6 .focus .bd .p_name {
  color: #73f7ff;
  font-size: 32px;
  line-height: 32px;
  border-left: 4px solid #73f7ff;
  padding-left: 8px;
}
.section6 .focus .bd .p_zw {
  color: #fefefe;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-top: 15px;
}
.section6 .focus .bd .p_zj {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  margin-top: 7px;
}
.section6 .focus .bd .p_style {
  font-size: 16px;
  color: #bfc6ff;
  line-height: 28px;
  padding-right: 30px;
  margin-top: 30px;
}
.section6 .zx {
  display: block;
  width: 302px;
  height: 70px;
  background: url(../images/s6_17.png) no-repeat center;
  text-align: center;
  line-height: 70px;
  margin: 26px auto 0;
  color: #fefeff;
  font-size: 24px;
}
.section6 .zx:hover {
  background: url(../images/s6_new_22.png) no-repeat center;
}
.section7 {
  width: 100%;
  height: 862px;
  background: url(../images/s7_09.jpg) no-repeat center;
}
.section7 .top {
  height: 118px;
  padding-top: 70px;
}
.section7 .top img {
  display: block;
  margin: 0 auto;
}
.section7 .middle {
  height: 505px;
  position: relative;
}
.section7 .middle img {
  display: block;
}
.section7 .middle div {
  position: absolute;
  width: 624px;
  height: 114px;
  left: 0;
  top: 206px;
}
.section7 .middle div p {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  padding: 17px 15px 0 17px;
}
.section7 a {
  display: block;
  width: 277px;
  height: 70px;
  background: url(../images/s7_45.png) no-repeat center;
  margin: 39px auto 0;
  text-align: center;
  line-height: 70px;
  font-size: 24px;
  color: #fff;
}
.section7 a:hover {
  background: url(../images/s7_new_26.png) no-repeat center;
  color: #1c1f37;
}
.section7_5 {
  margin-top: 61px;
}
.section7_5 .img1 {
  display: block;
  margin: 0 auto;
}
.section7_5 .s75_bot {
  margin-top: 20px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 74px;
  height: 593px;
  background: url(../images/new_web2_119.png) no-repeat center;
}
.section7_5 .ptop {
  line-height: 85px;
  text-align: center;
  color: #666;
  font-size: 24px;
}
.section7_5 .ptop span {
  color: #6c5aff;
  font-weight: bold;
}
.section7_5 .p1 {
  width: 100px;
}
.section7_5 .p2 {
  width: 110px;
}
.section7_5 .p3 {
  width: 401px;
}
.section7_5 .p4 {
  width: 161px;
}
.section7_5 .p5 {
  width: 173px;
}
.section7_5 .table_top {
  width: 945px;
  margin: 0 auto;
}
.section7_5 .table_top p {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 58px;
  color: #333;
  float: left;
}
.section7_5 .table_top .p4 {
  font-weight: lighter;
  color: #fff;
}
.section7_5 .word_scroll {
  width: 945px;
  height: 450px;
  margin: 0 auto;
}
.section7_5 .word_scroll p {
  color: #333;
  font-size: 16px;
  line-height: 74px;
  float: left;
  text-align: center;
}
.section7_5 .word_scroll .p4 {
  color: #fff;
}
.section7_5 .word_scroll li {
  height: 74px;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
}
.section8 {
  width: 100%;
  height: 645px;
  background: url(../images/s8_50.jpg) no-repeat center;
}
.section8 .con {
  padding-top: 63px;
}
.section8 .img1 {
  display: block;
  margin: 0 auto;
}
.section8 ul {
  margin-top: 75px;
}
.section8 ul li {
  float: left;
  width: 120px;
  height: 236px;
  margin-right: 5px;
  position: relative;
}
.section8 ul li .p1 {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  padding-top: 164px;
  text-align: center;
}
.section8 ul li div {
  box-shadow: 0 0 20px 1px #5847e5;
  position: absolute;
  width: 154px;
  height: 296px;
  background: #57a4fe;
  left: 50%;
  top: 50%;
  margin-left: -77px;
  margin-top: -148px;
  z-index: 10;
  transition: all .7s;
  -webkit-transition: all .7s;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0.3);
  -ms-transform: scale(0.3);
  -webkit-transform: scale(0.3);
}
.section8 ul li div.on {
  opacity: 100;
  filter: alpha(opacity=100);
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
}
.section8 ul li div .pt {
  text-align: center;
  width: 120px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 45px;
  padding-top: 33px;
  margin: 0 auto;
  border-bottom: 2px solid #79b6fe;
}
.section8 ul li div .ptxt {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  padding: 16px 10px 0 10px;
}
.section8 ul li div a {
  display: block;
  width: 95px;
  height: 30px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  margin: 26px auto 0;
  text-align: center;
}
.section8 ul .l1 {
  background: url(../images/s8_54_54.png) no-repeat center;
}
.section8 ul .l2 {
  background: url(../images/s8_54_56.png) no-repeat center;
}
.section8 ul .l3 {
  background: url(../images/s8_54_58.png) no-repeat center;
}
.section8 ul .l4 {
  background: url(../images/s8_54_60.png) no-repeat center;
}
.section8 ul .l5 {
  background: url(../images/s8_54_62.png) no-repeat center;
}
.section8 ul .l6 {
  background: url(../images/s8_54_64.png) no-repeat center;
}
.section8 ul .l7 {
  background: url(../images/s8_54_66.png) no-repeat center;
}
.section8 ul .l8 {
  margin-right: 0px;
  background: url(../images/s8_54_68.png) no-repeat center;
}
.section8 .zx {
  display: block;
  width: 352px;
  height: 70px;
  background: url(../images/s8_54.png) no-repeat center;
  text-align: center;
  line-height: 70px;
  margin: 73px auto 0;
  color: #00343a;
  font-size: 24px;
}
.section8 .zx:hover {
  background: url(../images/s8_new_30.png) no-repeat center;
  color: #595fff;
}
.section9 {
  margin-top: 70px;
}
.section9 .img1 {
  display: block;
}
.section9 .small_title {
  color: #666666;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-top: 10px;
}
.section9 .middle {
  width: 100%;
  height: 574px;
  background: url(../images/s9_53.jpg) no-repeat center;
  margin-top: 45px;
}
.section9 .middle .con {
  position: relative;
  height: 100%;
}
.section9 .middle .con div {
  position: absolute;
}
.section9 .middle .con div p {
  color: #ffffff;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
}
.section9 .middle .con .div1 {
  width: 190px;
  height: 294px;
  top: 0;
  left: -32px;
}
.section9 .middle .con .div1 p {
  padding-top: 197px;
}
.section9 .middle .con .div2 {
  width: 279px;
  height: 170px;
  bottom: 0;
  left: 399px;
}
.section9 .middle .con .div2 p {
  padding-top: 105px;
}
.section9 .middle .con .div3 {
  width: 283px;
  height: 314px;
  top: 0;
  right: 41px;
}
.section9 .middle .con .div3 p {
  padding-top: 58px;
}



.mapbox{
  width: 100%;
  height: 606px;
  background: url(../images/map_bg.jpg) no-repeat center;
}
.mapbox_in{
  width: 1000px;
  height: 606px;
  background: url(../images/map_bgin.jpg) no-repeat center;
}
.mapbox_in .l{
  width: 360px;
  float: left;
  margin-top: 68px
}
.mapbox_in .l div img{
  display: block;
  margin: 45px auto 0
}.mapbox_in .l div{
  margin:2px 0 0 12px; 
}
.mapbox_in .l div span{
  color: #999999;
  font: 18px/18px "Microsoft Yahei";
  display: block;
  text-align: center;
  margin: 10px auto 0
}
.mapbox_in .l div p{
  color: #333;
  font: 16px/28px "Microsoft Yahei";
 
  margin: 20px 0 0 47px
}
.mapbox_in .l1{
  width: 347px;
  height: 242px;
  background: url(../images/map_l1bg.png) no-repeat center;
  float: left;
}
.mapbox_in .l2{
  width: 347px;
  height: 242px;
  background: url(../images/map_l2bg.png) no-repeat center;
  float: left;
}






.part14_map{
  position: relative;
  background:url("../images/map.png") no-repeat center bottom;
  width: 599px;
  height:495px;
  float: right;
  margin: 48px 35px 0 0px;
}
.part14_map ul{
  position: relative;
}
.part14_map ul li{
  width: 40px;
  height: 20px;
  cursor:pointer;

}
.part14_map ul li>span{
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #333;
  margin: 0 0 3px 17px;
}
.part14_map ul li>p{
  color: #333;
  font: 11.7px/11.7px "Microsoft Yahei";
  text-align: center;
  height: 20px;
  display: block;
}
.part14_map .txt{
  position: relative;
  width: 300px;
  height:183px ;
  overflow: hidden;
  float: left;
  margin:-212px 0 0 -159px;
  padding: 30px 0 0 25px;
}
.txt .p1{
  position: absolute;
  top: 69px;
  left: 62px;
  color: #333333;
  font:bold 18.5px/18.5px "Microsoft Yahei"; 

}

.txt .p3{
  position: absolute;
  top: 90px;
  left: 62px;
  color: #333333;
  font:15.13px/26px "Microsoft Yahei"; 
  margin-top: 7px;
  background: #ffffff;
}
.txt .p3 span{
  display: block;
  background: #ffffff;
  float: left;
  width:50px;
  height:18px;
}
.txt .p3 .sp2{
  width: 170px;
  background: #ffffff;
}
.part14_map ul li>div{
  display: none;
  z-index: 500;
}




.hlj{
  position: absolute;
  top:78px;
  right:34px;
}
.jl{
  position: absolute;
  top:126px;
  right:34px;
}
.ln{
  position: absolute;
  top:159px;
  right:62px;
}
.nmg{
  position: absolute;
  top:177px;
  right:192px;
}
.gs{
  position: absolute;
  top:183px;
  right:314px;
}
.nx{
  position: absolute;
  top:226px;
  right:236px;
}
.sx1{
  position: absolute;
  top:256px;
  right:202px;
}
.sx2{
  position: absolute;
  top:222px;
  right:171px;
}
.hb{
  position: absolute;
  top:208px;
  right:138px;
}
.sd{
  position: absolute;
  top:237px;
  right:107px;
}
.sc{
  position: absolute;
  top:315px;
  right:277px;
}
.yn{
  position: absolute;
  top:400px;
  right:300px;
}
.gz{
  position: absolute;
  top:376px;
  right:226px;
}
.cq{
  position: absolute;
  top:331px;
  right:216px;
}
.hn{
  position: absolute;
  top:270px;
  right:155px;
}
.hb1{
  position: absolute;
  top:315px;
  right:163px;
}
.ah{
  position: absolute;
  top:296px;
  right:110px;
}
.js{
  position: absolute;
  top:274px;
  right:80px;
}
.sh{
  position: absolute;
  top:301px;
  right:57px;
}
.zj{
  position: absolute;
  top:335px;
  right:69px;
}
.jx{
  position: absolute;
  top:353px;
  right:121px;
}
.fj{
  position: absolute;
  top:379px;
  right:92px;
}
.hn1{
  position: absolute;
  top:359px;
  right:167px;
}
.gx{
  position: absolute;
  top:420px;
  right:198px;
}
.gd{
  position: absolute;
  top:415px;
  right:143px;
}
.tw{
  position: absolute;
  top:340px;
  right:38px;
}
.hn2{
  position: absolute;
  top:477px;
  right:188px;
}
.bj{
  position: absolute;
  top:186px;
  right:130px;
}
.tj{
  position: absolute;
  top:196px;
  right:117px;
}
.xj{
  position: absolute;
  top:175px;
  left:102px;
}
.qh{
  position: absolute;
  top:245px;
  left:213px;
}
.xz{
  position: absolute;
  top:294px;
  left:109px;
}
.part14_map ul .map_on>span{
  background: #0079fd;
}
.part14_map ul .map_on>p{
 color: #0079fd;
}

.tel_box {
  padding-top: 69px;
}
.tel {
  height: 67px;
  padding-left: 60px;
  line-height: 67px;
  background: url(../images/tel.png) no-repeat;
  font-size: 48px;
  font-family: "arial";
  font-weight: bold;
  color: #dddede;
}
.tel_link a {
  width: 169px;
  height: 55px;
  border: 2px solid #cdced0;
  float: left;
  margin-top: 5px;
  margin-left: 7px;
  margin-right: 11px;
  font-size: 24px;
  text-align: center;
  line-height: 55px;
  color: #dddede;
  border-radius: 30px;
}
.ewm_box {
  width: 1023px;
  margin: 52px auto 0;
}
.ewm_dl dt {
  float: left;
  width: 117px;
  background: white;
  text-align: center;
  height: 110px;
  padding-top: 7px;
}
.ewm_dl dt img {
  width: 100px;
}
.ewm_dl dd {
  float: left;
  width: 206px;
  font-size: 16px;
  line-height: 28px;
  margin-left: 10px;
  color: #fff;
  padding-top: 33px;
}
.ewm_dl dd.dd3 {
  width: 230px;
}
.foot_text {
  width: 1000px;
  margin: 46px auto;
  border-top: 1px solid #4b4f55;
}
.copy {
  width: 1000px;
  text-align: center;
  font-size: 14px;
  color: #a5a5a7;
  padding-top: 30px;
  line-height: 32px;
}
.copy a,
.footer h1 {
  color: #a5a5a7;
  font-size: 14px;
  font-weight: normal;
  display: inline;
}
.copy a:hover {
  color: #a2aab8;
}
.fix_right {
  width: 243px;
  background: url(../images/right_05.png) no-repeat center;
  height: 56px;
  padding-top: 63px;
  position: fixed;
  right: 0px;
  top: 300px;
  text-align: center;
  font-size: 20px;
  line-height: 56px;
  color: #fff;
  overflow: hidden;
  z-index: 100;
}
.fix_right p {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.fix_right p:after {
  content: "";
  background: #fff;
  position: absolute;
  width: 243px;
  height: 243px;
  left: 35px;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  animation: 1s btn ease-in-out infinite;
}
.fix_bot {
  width: 100%;
  height: 120px;
  padding-top: 68px;
  position: fixed;
  left: 0;
  bottom: 0;
  background: url(../images/bot_113.png) no-repeat center;
  z-index: 1005;
}
.fix_bot .con {
  height: 100%;
  position: relative;
}
.fix_bot .con .closed {
  position: absolute;
  width: 24px;
  height: 24px;
  right: -40px;
  top: 14px;
  background: url(../images/bot_115.png) no-repeat center;
  cursor: pointer;
}
.fix_bot form {
  padding: 40px 0 0 242px;
}
.fix_bot form div {
  float: left;
  width: 180px;
  height: 40px;
  margin-right: 10px;
}
.fix_bot form div input {
  width: 170px;
  height: 100%;
  padding-left: 10px;
  background: url(../images/bot_119.png) no-repeat center;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  font-family: "microsoft yahei";
  border: none;
  height: 40px;
}
.fix_bot form div input::-webkit-input-placeholder {
  color: #ffffff;
}
.fix_bot form div input::-moz-placeholder {
  color: #ffffff;
} /* firefox 19+ */
.fix_bot form div input:-ms-input-placeholder {
  color: #ffffff;
} /* ie */
.fix_bot form div input:-moz-placeholder {
  color: #ffffff;
}
.fix_bot form .tj {
  width: 160px;
  height: 40px;
  background: url(../images/bot_121.png) no-repeat center;
  line-height: 40px;
  color: #00343a;
  font-size: 16px;
  font-family: "microsoft yahei";
  border: none;
  cursor: pointer;
  outline: none;
}
.fix_bot form .tj.on {
  background: url(../images/bot_new_34.png) no-repeat center;
  color: #00343a;
}
.zg_fcleft {
  position: fixed;
  left: 2px;
  top: 10%;
  background: url(../images/ujiuy_fcbg.png) no-repeat;
  width: 163px;
  height: 479px;
  z-index: 11;
}
.zg_fcleft .fc_close {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 4px;
  top: 32px;
}
.zg_fcleft .fc_close img {
  display: block;
}
.zg_fcleft ul {
  padding: 106px 0 0;
}
.zg_fcleft li {
  font: bold 16px/40px 'Microsoft Yahei';
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  *margin-bottom: 7px;
  width: 150px;
}
.zg_fcleft li b {
  font-size: 18px;
  color: #fcff00;
  font-weight: bold;
}
.zg_fcleft li a {
  display: block;
  color: #fff;
}
/*中部表单*/
.section4 form {
  padding: 0;
  margin: 0;
}
.section4 .s4_form ul {
  padding-top: 9px;
}
.section4 .s4_form li {
  float: left;
  margin-top: 32px;
  margin-left: 86px;
}
.section4 .s4_form li span {
  color: #fff;
  font-size: 20px;
  float: left;
  display: block;
  width: 113px;
  line-height: 42px;
  text-align: right;
}
.section4 .s4_form li input {
  width: 221px;
  height: 42px;
  background: url(../images/s5_114.png) no-repeat center;
  border: none;
  color: #bcc0d0;
  font-size: 16px;
  line-height: 42px;
  padding-left: 20px;
  float: left;
  display: block;
  font-family: "microsoft yahei";
}
.section4 .s4_form li input::-webkit-input-placeholder {
  color: #9fa6be;
}
.section4 .s4_form li input::-moz-placeholder {
  color: #9fa6be;
} /* firefox 19+ */
.section4 .s4_form li input:-ms-input-placeholder {
  color: #9fa6be;
} /* ie */
.section4 .s4_form li input:-moz-placeholder {
  color: #9fa6be;
}
.section4 .s4_form li select {
  width: 241px;
  height: 42px;
  background: url(../images/s5_114.png) no-repeat center;
  border: none;
  color: #bcc0d0;
  font-size: 16px;
  line-height: 42px;
  padding-left: 20px;
  float: left;
  display: block;
  font-family: "microsoft yahei";
  -webkit-appearance: none;
  -webkit-tap-highlight-color: #fff;
  outline: 0;
}
.section4 .s4_form .l2 {
  margin-left: 46px;
}
.section4 .s4_form .tips {
  color: #688ae3;
  font-size: 16px;
  background: url(../images/ss5_118.png) no-repeat left center;
  line-height: 20px;
  margin-top: 35px;
  padding-left: 29px;
  margin-left: 189px;
}
.section4 .s4_form .sub {
  display: block;
  width: 331px;
  height: 70px;
  background: url(../images/s44_59.png) no-repeat center;
  margin: 28px auto 0;
  color: #fff;
  font-size: 22px;
  line-height: 64px;
  border: none;
  cursor: pointer;
  font-family: "microsoft yahei";
  outline: none;
}
.section4 .s4_form .sub.on {
  background: url(../images/s44_new_18.png) no-repeat center;
}
@keyframes btn {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes btn {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*# sourceMappingURL=index.css.map */


.fix_right {

  width: 316px;

  background: url(../images/fix_right_13.png) no-repeat center;

  height: 55px;

  padding: 12px 0px;

  position: fixed;

  right: 0px;

  top: 150px;

  text-align: center;

  font-size: 20px;

  line-height: 55px;

  color: #fff;

  overflow: hidden;

  z-index: 1000;

}

.fix_right p {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  padding-left:30px;

}

.fix_right p:after {

  content: "";

  background: #fff;

  position: absolute;

  width: 316px;

  height: 316px;

  left: 0px;

  left: 0;

  top: 0;

  bottom: 0;

  opacity: 0;

  margin: auto;

  border-radius: 50%;

  transform: scale(1);

  animation: 1s btn ease-in-out infinite;

}

@keyframes btn {

  0% {

    transform: scale(0);

    opacity: 1;

  }

  100% {

    transform: scale(1);

    opacity: 0;

  }

}

@-webkit-keyframes btn {

  0% {

    transform: scale(0);

    opacity: 1;

  }

  100% {

    transform: scale(1);

    opacity: 0;

  }

}


/* 弹窗 */

#center{
    width: 505px;
    height:559px ;
    background: url('../images/center.png') no-repeat top center;
    position: fixed;
    top :5%;
    left: 32%;
    overflow: hidden;
    z-index: 1200;
    
}
.ctclose{
    margin: 65px 0 0 438px;
    cursor: pointer;
}
.cttop{
    margin:26px 0 0 100px ;
}
#center form{
    margin: 8px 0 0 128px;width: 330px;
}
#center form label{
    font:20px/20px "Microsoft YaHei";
    color: #ffffff;
    float: left;
    margin: 27px 11px 0 0;
}
#center form div{
    margin-top: 18px;
    width: 268px ;
    height: 40px;
    border: 1px solid #c4a7e3;
    border-radius: 3px;
    float: left;
}
#center form div input{
    width: 245px;
    height: 39px;
    font:18px/38px "Microsoft YaHei";
    color: #e0d7ef;margin-left: 21px;
    background: none;
    border: none;
  outline: none;
}

.center_btn{
    width: 331px;
    height: 68px;
    background: url('../images/ct_btn.png') no-repeat top center;
    font:bold 28px/68px "Microsoft YaHei";
    color: #ffffff;
    text-align: center;
    letter-spacing: 5px;
    margin: 37px 0 0 0;cursor: pointer;
    border: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #cccccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #cccccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #cccccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #cccccc;
}

/* tan */



.tan{
    width: 446px;
    height:528px ;
    background: url('../images/tan.png') no-repeat top center; 
    position: fixed;
    top: 10%;
    left: 36%;
    z-index: 10000;
}
.tan_close{
    margin:  16px 0 0 362px;
    cursor: pointer;
}
.tan>p{
    margin:  132px 0 0 0;
    font:bold 24px/24px "Microsoft YaHei";
    color: #ffffff;
    text-align: center
}
.tan>.p2{
    margin:  7px 0 0 0;
    font:13px/20px "Microsoft YaHei";
    color: #ffffff;
    text-align: center
}
.tan>p span{
    color: #ffea01;
}
.tan form{
    margin: 5px 0 0 60px
}
.tan form label{
    font:20px/38px "Microsoft YaHei";
    color: #ffffff;
}
.tan form input{
    width: 236px;
    height: 38px;
    border: 2px solid #c9abff;
    border-radius: 3px;
    padding-left: 10px;
    color: #e2d8ff;
    font:16px/38px "Microsoft YaHei";
}
.tan form div{
    margin-top: 20px;
}
.tan input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #e2d8ff;
    font:16px/38px "Microsoft YaHei";
}
.tan input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e2d8ff;
    font:16px/38px "Microsoft YaHei";
}
.tan input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e2d8ff;
    font:16px/38px "Microsoft YaHei";
}
.tan input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #e2d8ff;
    font:16px/38px "Microsoft YaHei";
}
.tan .tanbtn{
    width: 296px;
    height: 62px;
    background: url('../images/tan_btn.png') no-repeat top center; 
    padding: 0;
    border: none;
    margin-top: 30px;
    margin-left: 10px;
    color: #ffffff;
    font:bold 28px/62px "Microsoft YaHei";
    text-align: center;cursor: pointer;

}