.mywrap
{
  overflow: hidden;
  width: 100%;
  background: #f4f4f4;
}
.fl {float: left;}
.fr {float: right;}
/*导航*/
nav{width:100%; height:55px;}
nav li{width:100px; height:55px;float:left; z-index:111;position:relative; }
.nav_a{width:100%; height:55px; line-height:55px; display:inline-block; color:#fff; font-size:16px; font-family:"微软雅黑"; text-decoration:none; text-align:center;}
.nav_a:hover,.nav_a.active1,.nav_a.active{text-decoration:none;color:#e71c4d; }

/*竖起的二级下拉*/
nav li dl{width:100%; background-color:#000;font-family:"微软雅黑"; padding:10px 0px; position:absolute; left:0px; top:55px; font-size:14px; display:none;}
nav li dl dd{width:100%; height:35px; line-height:35px; text-align:center; float:left; overflow:hidden; }
nav li dl dd a{width:100%; height:35px; line-height:35px; text-align:center; display:inline-block;color:#fff; overflow:hidden; font-size:14px; font-family:"微软雅黑";}
nav li dl dd a:hover{color:#e71c4d; text-decoration:none;/* background-color:#fff;*/}

.i_bg1{ background:url(../images/bg1.jpg) bottom repeat-x; position:relative; top:0px; background-color:#000000;/*transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/}
.i_bg1.fixedmenu{ position:fixed; left:0px; top:-91px; z-index:11100;}
.i_top{width:100%; padding-top:25px; height:66px;}
.i_top .i_phone{ background:url(../images/tb1.png) left center no-repeat; padding-left:45px; line-height:1.2; color:#fff;}
.i_top .i_phone:hover{ color:#fff; text-decoration:none;}
.i_top .i_phone span{ font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.ui_div{width:100%; min-width:1200px; overflow:hidden;}
.ui_div1{width:100%; min-width:1200px;}
.ui_div_center{width:1200px; margin:0px auto;}
.ui_left{width:232px; min-height:500px; height:500px; height:auto !important;  }
.ui_right{width:715px; min-height:500px; height:auto !important; height:500px;}

/*footer*/
.i_ff{ background:url(../images/bg9.jpg) top repeat-x; background-color:#171717;}
.i_footer{width:100%; padding-bottom:45px;}
.i_footer_t{width:100%;}
.i_footer_t li{width:240px; float:left; text-align:center;}
.i_footer_t li span{ padding-left:40px; font-size:18px; color:#fff; height:91px; line-height:91px; display:inline-block;}
.i_footer_t li span.bg1{ background:url(../images/tb12.png) left center no-repeat;}
.i_footer_t li span.bg2{ background:url(../images/tb13.png) left center no-repeat;}
.i_footer_t li span.bg3{ background:url(../images/tb14.png) left center no-repeat;}
.i_footer_t li span.bg4{ background:url(../images/tb15.png) left center no-repeat;}
.i_footer_t li span.bg5{ background:url(../images/tb16.png) left center no-repeat;}
.i_footer_c{overflow:hidden;width:100%; padding:37px 0px 58px 0px;}
.i_footer_cl{width:520px;}
.i_footer_cl li{float:left;width:129px; border-right:1px solid #454545; min-height:130px;}
.i_footer_cl li .a1,.i_footer_cl li .a1:hover{width:100%; height:30px; line-height:1.0; overflow:hidden; display:inline-block; overflow:hidden; float:left;text-align:center; color:#fff; font-weight:bold; font-size:16px;}
.i_footer_cl li .a2,.i_footer_cl li .a2:hover{width:100%; height:25px; line-height:25px; display:inline-block; overflow:hidden; text-align:center; color:#fff; float:left; font-size:14px;}
.i_footer_cr{width:330px;}
.i_footer_cr .a_img{width:103px; height:103px; overflow:hidden;}
.i_footer_cr .a_img img{width:103px; height:103px;}
.i_footer_cr .a_img_l{width:200px; color:#fff; overflow:hidden; line-height:1.8; font-size:14px; text-align:right;}
.i_footer_cr .a_img_l a,.i_footer_cr .a_img_l a:hover{ color:#fff;}
.i_footer_b{width:100%; padding:6px 0px; line-height:2; color:#666666; font-size:14px; text-align:center;}
.i_footer_b a,.i_footer_b a:hover{ color:#666;}
.container
{
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}

.myhead
{
  line-height: 40px;
  border-bottom: 2px solid #333;
  margin-bottom: 20px;
}

.myhead small
{
  color: #666;
  padding-left: 10px;
}

.mybm
{
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.mybm a
{
  display: inline-block;
  padding: 0 150px;
  line-height: 65px;
  border-radius: 40px;
  overflow: hidden;
  background: #ff0000;
  font-size: 25px;
  color: #fff;
  border: 2px solid #fff;
}

.mybm a i
{
  font-size: 30px;
  margin-left: 10px;
}

.mybm a:hover
{
  background: #333;
}

.mybanner
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  width: 100%;
}

.mybanner img
{
  width: 100%;
}

/**myintroduce**/
.myintroduce
{
  margin-bottom: 60px;
}

.myintroduce .mymain
{
  display: table;
  width: 100%;
}

.myintroduce .mymain .pic
{
  width: 873px;
  height: 523px;
  border: 1px solid #999;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.myintroduce .mymain .pic img
{
  width: 100%;
}

.myintroduce .mymain .text
{
  float: right;
}

.myintroduce .banner-wrap
{
  position: relative;
  background-color: #fff;
  height: 470px;
  padding: 10px;
}

.myintroduce .player
{
  float: left;
  height: 100%;
  width: 100%;
}

.myintroduce .player-inner
{
  position: relative;
  margin-right: 315px;
  height: 100%;
  overflow: hidden;
}

.myintroduce .player-inner img
{
  width: 100%;
}

.myintroduce .player-inner .icon-player
{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -45px 0 0 -45px;
  width: 90px;
  height: 90px;
  background: url(../images/icon-start.png) no-repeat 0 0;
  cursor: pointer;
}

.myintroduce .cont
{
  float: left;
  margin-left: -290px;
  width: 290px;
}

.myintroduce .title
{
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  line-height: 1.4;
  padding: 14px 0 28px;
  text-align: center;
}

.myintroduce .info
{
  border-bottom: 1px solid #e5e5e5;
  color: #848e99;
  font-size: 12px;
  padding: 20px 0;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.myintroduce .info ul
{
  margin: 0 auto;
  text-align: center;
}

.myintroduce .info li
{
  padding-left: 29px;
  float: left;
  text-align: center;
  width: 22.33333%;
  cursor: default;
}

.myintroduce .info li span
{
  padding: 10px;
}

.myintroduce .info .num
{
  display: block;
  font-size: 16px;
}

.myintroduce .intro
{
  color: #848e99;
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em;
  margin: 16px 0 20px;
  max-height: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  padding-top: 10px;
}

.myintroduce button
{
  cursor: pointer;
}

.myintroduce .btn-course
{
  margin: 0 auto;
  width: 240px;
  padding-top: 8px;
}

.myintroduce .btn-course a
{
  display: block;
  font-size: 22px;
  padding: 0;
  margin-bottom: 10px;
  line-height: 48px;
}

.myintroduce .btn
{
  display: inline-block;
  border-radius: 30px;
  cursor: pointer;
  text-align: center;
}

.myintroduce .btn-success
{
  background-color: #ff0000;
  border: 2px solid #fff;
  color: #fff;
  box-shadow: 0px 3px 16px #9a9090;
}

.myintroduce .btn-success:hover
{
  background-color: #333;
  color: #fff;
}

/**mytarget**/
.mytarget
{
  width: 100%;
  height: 705px;
  background: #262837;
}

.myshead
{
  margin: 80px 0 60px 0;
  font-size: 26px;
  text-align: center;
}

.myshead h1
{
  line-height: 60px;
  color: #fff;
}

.myshead small
{
  color: #999999;
}

.myshead p
{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  padding-top: 20px;
  width: 75%;
  margin: 0 auto;
}

.mytarget ul
{
  overflow: hidden;
}

.mytarget ul li
{
  overflow: hidden;
  width: 33.33%;
  float: left;
}

.mytarget .box
{
  margin-right: 80px;
  width: 278px;
  margin: 0 auto;
  position: relative;
}

.mytarget .box .info
{
  top: 16px;
  left: 16px;
  width: 246px;
  height: 246px;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
}

.mytarget .box .info img
{
  width: 145px;
  height: 115px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
}

.mytarget .box .info h2
{
  display: block;
  width: 100%;
  text-align: center;
  line-height: 30px;
}

/**myplan**/
.mydetails
{
  margin: 60px 0;
  overflow: hidden;
}

.mydetails .mydl
{
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

.mydetails .mydl dl
{
  height: 100px;
  display: table;
  width: 100%;
  overflow: hidden;
}

.mydetails .mydl dt
{
  display: table-cell;
  width: 280px;
  font-size: 26px;
  color: #fff;
  background: #e65455;
  vertical-align: middle;
  text-align: center;
}

.mydetails .mydl dd
{
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 22px;
  background: #fff;
  vertical-align: middle;
}

.mydetails .myplan
{
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: #e65455;
  color: #fff;
  font-size: 26px;
}

.mydetails .mymain
{
  overflow: hidden;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.mydetails .swiper-container1
{
  width: 100%;
  height: 475px;
}

.mydetails .swiper-container1 .swiper-slide
{
  font-size: 18px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mydetails table
{
  width: 100%;
}

.mydetails table td
{
  line-height: 22px;
  padding-left: 150px;
  background: #fff;
  width: 50%;
  border: 1px solid #ccc;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}

/**myfuture**/
.myfuture
{
  overflow: hidden;
  background: #262837;
  padding-bottom: 80px;
}

.myfuture .mytubiao
{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/**mybmh**/
.mybmh
{
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
}

.mybmh .mydiv1
{
  height: 260px;
  width: 100%;
  position: relative;
  background: url(../images/xxryq_bg.jpg) no-repeat center;
}

.mybmh .mydiv1 p
{
  display: block;
  width: 64%;
  line-height: 24px;
  position: absolute;
  top: 100px;
  right: 20px;
  font-size: 16px;
}

.mybmh .mydiv2
{
  width: 100%;
  height: 672px;
  background: url(../images/mtbd_bg.jpg) no-repeat center;
  position: relative;
}

.mybmh .mydiv2 p
{
  font-size: 18px;
  color: #fff;
  line-height: 25px;
}

.mybmh .mydiv2 .p1
{
  position: absolute;
  top: 120px;
  left: 50px;
  display: block;
  width: 30%;
}

.mybmh .mydiv2 .p2
{
  position: absolute;
  top: 290px;
  right: 50px;
  display: block;
  width: 25%;
}

.mybmh .mydiv2 .p3
{
  position: absolute;
  bottom: 70px;
  left: 50px;
  display: block;
  width: 55%;
}


/**myteacher**/
.myteacher
{
  overflow: hidden;
  padding-top: 60pX;
  padding-bottom: 60px;
}

.myteacher h3
{
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.myteacher p
{
  font-size: 12px;
  color: #e0e0e0;
  line-height: 20px;
}

.content-first
{
  top: 0;
  left: 0;
}

/**mystudent**/
.mystudent
{
  overflow: hidden;
  padding-bottom: 60px;
  background: #262837;
}

.swiper-container2
{
  margin-bottom: 15px;
  width: 100%;
  padding-bottom: 45px;
}

.swiper-container2 .swiper-slide
{
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 450px;
  border: 1px solid #666;
}

.mystudent .mylist .head
{
  width: 50%;
  height: 65px;
  line-height: 65px;
  margin: 0 auto;
  border: 1px solid #999;
  position: relative;
  margin-bottom: 40px;
  font-size: 24px;
}

.mystudent .mylist .head .ck
{
  background: red;
}

.mystudent .mylist .head:before
{
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 99;
}

.mystudent .mylist .head div
{
  width: 50%;
  float: left;
  text-align: center;
}

.mystudent .mylist .head div a
{
  color: #fff;
}

/**myclass**/
.myclass
{
  padding-bottom: 60px;
  overflow: hidden;
  background: #262837;
}

.swiper-container3
{
  width: 1200px;
  height: 600px;
  margin: 0 auto;
}

.swiper-container3 .swiper-slide
{
  text-align: center;
  font-size: 18px;
  background: #fff;
        /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/**myscene**/
.myscene
{
  overflow: hidden;
  background: #262837;
  padding-bottom: 60px;
}
.myscene .myhead
{
  color: #fff;
  border-color: #fff;
}
.swiper-container4
{
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-container4 .swiper-slide
{
  background-size: cover;
  background-position: center;
}

.gallery-top
{
  height: 80%;
  width: 100%;
}

.gallery-thumbs
{
  height: 150px;
  box-sizing: border-box;
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide
{
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide img
{
  width: 100%;
}

.gallery-thumbs .swiper-slide-active
{
  opacity: 1;
}