/*公共部分*/
#mei_wrap .section_inner .title{

    font-size: 40px;
    color: #ba1b22;
    font-weight:bold;
    text-align:center;
    line-height: 1;
    margin:79px 0 29px;
}
#mei_wrap .section_inner .text{
    font-size: 18px;
    color: #a6a6a6;
    text-align:center;
    line-height: 26px;
}
/*section2部分*/
#mei_wrap .section2{
    height:600px;
    background-color: #fff;
}
#mei_wrap .section2 .section_inner .section2_lis{
    margin:90px 0;
    overflow:hidden;
 
}
#mei_wrap .section2 .section_inner .section2_lis li{
    float:left;
    margin-right:84px;
}
#mei_wrap .section2 .section_inner .section2_lis li:last-child{
    margin-right:0;
}
#mei_wrap .section2 .section_inner .section2_lis li .section2_img{
    width:130px;
    height:130px;
    margin-bottom:40px;
}
#mei_wrap .section2 .section_inner .section2_lis li .section2_img img{
    width:100%;
}
#mei_wrap .section2 .section_inner .section2_lis li p{
    font-size: 18px;
    color: #666;
    text-align:center;
    margin-bottom:10px;
}
/*section3部分*/
#mei_wrap .section3{
    height: 1130px;
    background-color: #f7f7f7;
}
#mei_wrap .section3 .section_inner .section3_lis{
    width:1200px;
    overflow:hidden;
    margin-top:90px;
}
#mei_wrap .section3 .section_inner .section3_lis .section3_lis_inner{
    width:1260px;
}
#mei_wrap .section3 .section_inner .section3_lis .section3_lis_inner li{
    float:left;
    margin-right:60px;
    width:360px;
    height:360px;
    background:#fff;
    border-radius:50%;
    position:relative;
    margin-bottom:40px;
    overflow:hidden;
    box-sizing:border-box;
}
#mei_wrap .section3 .section_inner .section3_lis .section3_lis_inner li:hover{
    cursor: pointer;
    box-shadow: 0 15px 45px 0 rgba(29,29,29,0.1);
    border-top: 8px solid #ff3300;
    transition: all 0.3s;
}
#mei_wrap .section3 .section_inner .section3_lis .section3_lis_inner li .li_title{
    font-size: 26px;
    margin:39px auto 26px;
    text-align:center;
}
#mei_wrap .section3 .section_inner .section3_lis .section3_lis_inner li p{
    font-size: 18px;
    color: #666;
    text-align:center;
    line-height:30px;
}
#mei_wrap .section3 .section_inner .section3_lis .section3_lis_inner li p a{
    color:#ff3300;
}
#mei_wrap .section3 .section_inner .section3_lis .section3_lis_inner li .li_img{
    width:80px;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:-20px;
}
/*视频部分*/
#mei_wrap .video{
    min-width:1200px;
    max-width:1920px;
    height:650px;
    overflow:hidden;
    position:relative;
    background:url('https://www.mttart.com/images/video_new.png') no-repeat center center/cover;
}
#mei_wrap .video .layer{
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.4);
}
#mei_wrap .video .play{
    width:120px;
    height:120px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    cursor: pointer;
}
#mei_wrap .video .play img{
    width:100%;
    height:100%;
}
#mei_wrap .video .v_title{
    font-size: 44px;
    color: #fff;
    text-align:center;
    margin:auto;
    top:79px;
    left:0;
    right:0;
    position:absolute;
}
#mei_wrap .video .text1{
    font-size: 18px;
    color: #fefefe;
    text-align:center;
    line-height: 26px;
    position:absolute;
    top:135px;
    margin:auto;
    left:0;
    right:0;
}
#mei_wrap .video .text2{
    font-size: 22px;
    color: #fefefe;
    text-align:center;
    line-height: 26px;
    position:absolute;
    bottom:51px;
    margin:auto;
    left:0;
    right:0;
}
#mei_wrap .video1{
    z-index:99;
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background:rgba(0,0,0,0.9);
}
#mei_wrap .video1 .content{
    width:70%;
    max-width:1000px;
    position:relative;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
#mei_wrap .video1 .content #video{
    display:block;
    width:100%;
}
#mei_wrap .video1 .content .btn{
    width:34px;
    height:34px;
    cursor:pointer;
    position:absolute;
    top:-30px;
    right:-30px;
}
/*矫正视频部分*/
#mei_wrap .video2{
    z-index:100;
    display: none;
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.9);
}
#mei_wrap .video2 .content{
    width: 70%;
    max-width: 1000px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#mei_wrap .video2 .content #video2{
    width: 100%;
}
#mei_wrap .video2 .content .btn{
    width: 34px;
    height: 34px;
    cursor: pointer;
    position: absolute;
    top: -30px;
    right: -30px;
}
#mei_wrap .video2 .content .btn img{
    width:100%;
}
/*section4部分*/
#mei_wrap .section4{
    height:800px;
    /*background:#ffe4e4;*/
        background: url(https://www.mttart.com/images/bg1.png)no-repeat center;
    background-size: cover;
}
#mei_wrap .section4 .section_inner .section4_lis{
    margin-top:76px;
}
#mei_wrap .section4 .section_inner .section4_lis li{
    overflow:hidden;
    margin-bottom:74px;
}

#mei_wrap .section4 .section_inner .section4_lis li .section4_img{
   width:106px;
    height:106px;
    margin-right:35px;
    float:left;
}
#mei_wrap .section4 .section_inner .section4_lis li .section4_img img{
    width:100%;
    float:left;
}
#mei_wrap .section4 .section_inner .section4_lis li .section4_content{
    width:731px;
}
#mei_wrap .section4 .section_inner .section4_lis li .section4_content .titles{
    font-size: 26px;
    color: #000;
    margin-top:10px;
}
#mei_wrap .section4 .section_inner .section4_lis li .section4_content .words{
    font-size: 18px;
    color: #4d4d4d;
    line-height:25px;
    margin-top:25px;
}
#mei_wrap .section4 .section_inner{
    position:relative;
}
#mei_wrap .section4 .section_inner .section4_bg{
    position:absolute;
    right:0;
    bottom:0;
    width: 353px;
    height: 591px;
}
#mei_wrap .section4 .section_inner .section4_bg img{
    width:100%;
    height:100%;
}
/*section5部分*/
#mei_wrap .section5{
    height: 1420px;
    background-color: #fff;
}
#mei_wrap .section5 .section5_words{
    margin:62px 0 47px;
    font-size: 22px;
    line-height:36px;
}
#mei_wrap .section5 .section5_img{
    width:1200px;
    height:980px;
}
#mei_wrap .section5 .section5_img img{
    width:100%;
    height:100%;
}
/*section6部分*/
#mei_wrap .section6{
   height:800px;
    background:#fff;
}
#mei_wrap .section6 .section_inner .title{
    margin: 49px 0 29px;
}
#mei_wrap .section6 .section_inner .section6_lis{
    overflow:hidden;
    margin-top:70px;
}
#mei_wrap .section6 .section_inner .section6_lis li{
    float:left;
    width:400px;
    text-align:center;
}
#mei_wrap .section6 .section_inner .section6_lis li .section6_img{
    width:160px;
    height:160px;
    margin:0 auto;
}
#mei_wrap .section6 .section_inner .section6_lis li .section6_img img{
    width:100%;
}
#mei_wrap .section6 .section_inner .section6_lis li .section6_title{
    font-size: 34px;
    margin:34px 0;
}
#mei_wrap .section6 .section_inner .section6_lis li .section6_btn{
    padding:11px 14px;
    /*height: 46px;*/
    border-radius: 10px;
    border: solid 1px #ff3300;
    margin:0 auto;
    font-size: 24px;
    /*line-height: 46px;*/
    color: #ff3300;
    display:inline-block;
}
#mei_wrap .section6 .section_inner .section6_lis li .section6_text{
    width: 334px;
    font-size: 20px;
    line-height: 32px;
    color: #666666;
    margin:39px auto 0;
    text-align:left;
}
/*section7部分*/
#mei_wrap .section7{
    height: 1208px;
    background:url('https://www.mttart.com/images/section7_bg.png') no-repeat ;
    background-size:100% 100%; 
}
#mei_wrap .section7 .section_inner .title{
    margin: 102px 0 29px;
}
#mei_wrap .section7 .section_inner .section7_img{
    width: 693px;
    height: 464px;
    margin:44px auto 58px;
}
#mei_wrap .section7 .section_inner .section7_img img{
    width:100%;
}
#mei_wrap .section7 .section_inner .section7_li1{
    overflow:hidden;
}
#mei_wrap .section7 .section_inner .section7_li2{
    overflow:hidden;
    margin: 35px 110px  0;
}
#mei_wrap .section7 .section_inner .section7_li1 li,
#mei_wrap .section7 .section_inner .section7_li2 li{
    margin-right:25px;
    float:left;
}
#mei_wrap .section7 .section_inner .section7_li1 li:last-child,
#mei_wrap .section7 .section_inner .section7_li2 li:last-child{
    margin-right:0;
}
#mei_wrap .section7 .section_inner .section7_li1 li .section7_title,
#mei_wrap .section7 .section_inner .section7_li2 li .section7_title{
    width: 220px;
    height: 70px;
    line-height:70px;
    text-align:center;
    font-size: 24px;
    color: #fff;
    border-radius: 18px 18px 0px 0px;
    background:url('https://www.mttart.com/images/section7_1.png') repeat-x;
}
#mei_wrap .section7 .section_inner .section7_li1 li .section7_text,
#mei_wrap .section7 .section_inner .section7_li2 li .section7_text{
    width: 169px;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    padding:20px 25px 30px;
    background:#fff;
    border-radius: 0 0 18px 18px;
}
/*section8部分*/
#mei_wrap .section8{
    height:900px;
    /*background:#ececec;*/
}
#mei_wrap .section8 .section_inner .section8_li1{
    margin:92px auto 0;
    overflow:hidden;
}
#mei_wrap .section8 .section_inner .section8_li1 li{
    float:left;
    width: 380px;
    height: 270px;
    border-radius: 16px;
    margin-right:29px;
    margin-bottom:29px;
}
#mei_wrap .section8 .section_inner .section8_li1 li:nth-child(3n){
    margin-right:0;
}
#mei_wrap .section8 .section_inner .section8_li1 li img{
    width:100%;
}
#mei_wrap .section8 .section_inner .section8_li2{
    width:1200px;
}
#mei_wrap .section8 .section_inner .section8_li2 .li_li2_wrap{
    width:1230px;
    overflow:hidden;
}
#mei_wrap .section8 .section_inner .section8_li2 .li_li2_wrap li{
    float:left;
    margin-right:30px;
    margin-top:50px;
}
#mei_wrap .section8 .section_inner .section8_li2 .li_li2_wrap li .li2_img{
    width: 380px;
    height: 308px;
}
#mei_wrap .section8 .section_inner .section8_li2 .li_li2_wrap li .li2_img img{
    width:100%;
}
#mei_wrap .section8 .section_inner .section8_li2 .li_li2_wrap li .li2_tex{
    width: 380px;
    height: 51px;
    line-height:51px;
    background-color: #fff;
    border-radius: 25px;
    border: solid 1px #cccccc;
    font-size: 22px;
    letter-spacing: 1px;
    margin-top:30px;
    padding:0 30px;
    box-sizing:border-box;
}
#mei_wrap .section8 .section_inner{
    position:relative;
}
#mei_wrap .section8 .section_inner .section8_bg{
    width:840px;
    height:500px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
#mei_wrap .section8 .section_inner .section8_bg img{
    width:100%;
}
/*section9部分*/
#mei_wrap .section9{
    height: 700px;
    background-color: #fff;
}
#mei_wrap .section9 .section_inner .reg{
    margin-top:56px;
    width: 580px;
    height: 400px;
    border-radius: 30px;
    border: solid 1px #dfdfdf;
    float:left;
}
#mei_wrap .section9 .section_inner .reg .words{
    font-size: 34px;
    color: #ba1b22;
    margin:39px auto 53px;
    text-align:center;
}
#mei_wrap .section9 .section_inner .reg .ps{
    font-size: 24px;
    color: #000;
    line-height: 24px;
    margin:0 0 32px 250px;
}
#mei_wrap .section9 .section_inner .reg .p_3{
    margin-top:60px;
    text-align:center;
    font-size: 18px;
    color: #999;
    line-height:26px;
}
#mei_wrap .section9 .section_inner .reg .p2{
    margin:0 0 32px 149px;
}
#mei_wrap .section9 .section_inner .reg1{
    margin-right:36px;
    background:url('https://www.mttart.com/images/section9_1.png') no-repeat 32% 43%;
}
#mei_wrap .section9 .section_inner .reg2{
    background:url('https://www.mttart.com/images/section9_2.png') no-repeat 20% 42.5%;
}
#mei_wrap .section9 .section_inner{
    position:relative;
}
#mei_wrap .section9 .section_inner a{
    background:url('https://www.mttart.com/images/section9_3.png') repeat;
    font-size: 22px;
    color: #fefefe;
    display:block;
    width: 500px;
    height: 70px;
    line-height:70px;
    text-align:center;
    box-shadow: 0px 15px 30px 0px rgba(255, 51, 0, 0.32);
    border-radius: 35px;
    position:absolute;
    bottom:86px;
    left:0;
    right:0;
    margin:auto;
}
/*section10部分*/
#mei_wrap .section10{
    height: 900px;
    background-color: #f5f5f5;
}
#mei_wrap .section10 .section10_img{
    /* width:1200px;
    height:187px;
    margin:75px 0 48px; */
    width: 1200px;
    height: 611px;
    text-align: center;
}
#mei_wrap .section10 .section10_img img{
    width: 673px;
    margin: 56px auto 40px auto;
    /* width:100%; */
}
#mei_wrap .section10 .section10_text{
    font-size: 20px;
    color: #4d4d4d;
    text-align:center;
}
/*section11部分*/
#mei_wrap .section11 {
  height: 456px;
  background-color: #fff;
  border-top: 32px solid #ebebeb;
  border-bottom: 32px solid #ebebeb;
}
#mei_wrap .section11 .section_inner {
  box-sizing: border-box!important;
  position: relative!important;
  overflow: initial!important;
  padding-left: 60px!important;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
#mei_wrap .section11 .section_inner .article{
  position: absolute;
  top: -13.5px;
  left: 0px;
}
#mei_wrap .section11 .section_inner .investor {
  display: flex;
  display: -webkit-flex;
  margin-top: 117px;
}
#mei_wrap .section11 .section_inner .investor .leijun {
  display: flex;
  display: -webkit-flex;
}
#mei_wrap .section11 .section_inner .investor .describe {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 42px;
}
#mei_wrap .section11 .section_inner .investor .describe p {
  line-height: normal;
}
#mei_wrap .section11 .section_inner .investor .describe .p1 {
  display: flex;
  align-items: center;
  font-size: 34px;
  color: #000;
}
#mei_wrap .section11 .section_inner .investor .describe span {
  margin-left: 42px;
  vertical-align: middle;
}
#mei_wrap .section11 .section_inner .investor .describe .p2 {
  font-size: 20px;
  color: #999;
}
#mei_wrap .section11 .section_inner .investor .describe .p3 {
  font-size: 24px;
  color: #333;
}
/*section12部分*/
#mei_wrap .section12 .links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 88px;
}
#mei_wrap .section12 .links a {
  display: inline-block;
  width: 545px;
  height: auto;
  margin-top: 60px;
}
#mei_wrap .section12 .links a img {
  width: 100%;
  height: auto;
}
/*section13部分*/
#mei_wrap .section13 .distribution {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#mei_wrap .section13 .distribution .ditu {
  width: 324px;
  height: 267px;
}
#mei_wrap .section13 .distribution .address {
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: left;
}
#mei_wrap .section13 .distribution .address .city {
  font-size: 37px;
  font-weight: 500;
  color:  #ff4526;
}
#mei_wrap .section13 .distribution .address .add {
  font-size: 37px;
  font-weight: 300;
  color:  #555555;
}
#mei_wrap .section13 .logo_wall {
  max-width: 1200px;
  margin: 60px auto 100px auto;
}
/*底部部分*/
#mei_wrap .footer{
    height:205px;
    background:#fff;
}
#mei_wrap .footer .f_bk_i{
    background:#fff;
    margin-top:30px;
    margin-bottom:30px;
}
#mei_wrap .footer .f_bk_i .f_bk{
    margin:0 auto;
    width:1197px;
    height:51px;
    background:url('https://www.mttart.com/images/footer.png') no-repeat;
}
#mei_wrap .footer .footer_i_w{
        z-index: 99999;
    background:rgba(0,0,0,0.7);
    width:100%;
    position: fixed;
    bottom:0;
}
#mei_wrap .footer .footer_inner{
    margin:0 auto;
    width:1200px;
    height:64px;
}
#mei_wrap .footer .footer_inner .text{
    margin-top:10px;
    float:left;
}
#mei_wrap .footer .footer_inner .text .p1{
    font-size: 16px;
    color: #fff;
}
#mei_wrap .footer .footer_inner .text .p2{
    font-size: 20px;
    color: #fff;
    margin-top:6px;
}
#mei_wrap .footer .footer_inner .mei_form{
    float:left;
    margin:15px 0;
    margin-left:189px;
}
#mei_wrap .footer .footer_inner .mei_form .phone{
    width: 278px;
    height: 46px;
    line-height:46px;
    border-radius: 35px 0 0 35px;
    border: solid 1px #d9d9d9;
    box-sizing:border-box;
    padding-left:20px;
    font-size: 16px;
    color: #666;
    outline:none;
}
#mei_wrap .footer .footer_inner .mei_form button{
    width: 262px;
    height: 46px;
    line-height:46px;
    border-radius: 0 35px 35px 0;
    background-color:#ba1b22;
    text-align:center;
    font-size: 16px;
    color: #fff;
    outline:none;
    border:0;
    margin-left:-4px;
    cursor: pointer;
}
#mei_wrap .footer .footer_inner .seek{
    font-size: 16px;
    color: #fefefe;
    float:right;
    width: 170px;
    height: 46px;
    line-height:46px;
    text-align:center;
    background-color: #ff7e00;
    border-radius: 35px;
    margin-top:10px;
}
#mei_wrap .footer .other{
    width:1200px;
    margin:auto;
    text-align:center;
    padding:18px 0;
    
}
#mei_wrap .footer .other .words{
    font-size: 14px;
    color: #666;
}
#mei_wrap .footer .other .line{
    display:inline-block;
    width:1px;
    height:18px;
    background:#666;
    margin:0 16px;
    position:relative;
    top:4px;
}
/*右侧浮窗*/
#mei_wrap .online_service{
    position:fixed;
    top:160px;
    right:0;
    z-index:101;
}
#mei_wrap .online_service .service_cont{
    position:relative;
    box-sizing:border-box;
    font-size:14px;
    width:70px;
    height:73px;
    color: #313131;
    padding-top:10px;
    text-align:center;
    background:#fff;
    box-shadow:0 2px 12px 0 rgba(0,0,0,.2);
    cursor:pointer;
}
#mei_wrap .online_service .service_cont:first-child{
    border-radius: 8px 0 0 0;
}
#mei_wrap .online_service .service_cont.last-child{
    border-radius: 0 0 0 8px;
}
#mei_wrap .online_service .service_cont .icon{
    display:inline-block;
    width:32px;
    height:32px;
    background-size:100%;
    background:no-repeat center;
}
#mei_wrap .online_service .service_cont .icon-chat{
    background-image:url('https://www.mttart.com/images/icon-chat.png');
}
#mei_wrap .online_service .service_cont .icon-phone{
    background-image:url('https://www.mttart.com/images/phone_chat.png');
}
#mei_wrap .online_service .service_cont .icon-code{
    background-image:url('https://www.mttart.com/images/code_chat.png');
}
#mei_wrap .online_service .webchat .pop{
    background:#f24141;
}
#mei_wrap .online_service .phone .pop{
    background:#ffa32c;
}
#mei_wrap .online_service .service_cont.webchat .pop:after{
    border-left-color: #f24141;
}
#mei_wrap .online_service .service_cont.phone .pop:after{
    border-left-color: #ffa32c;
}
#mei_wrap .online_service .service_cont.code .pop:after{
    border-left-color: #8ddc47;
}
#mei_wrap .online_service .service_cont span{
    display:inline-block;
}
#mei_wrap .online_service .service_cont .pop{
    display:none;
    font-size:16px;
    position:absolute;
    top:25%;
    right:80px;
    white-space:nowrap;
    height:45px;
    line-height:23px;
    padding:10px 20px;
    color:#fff;
    box-shadow: 2px 2px 5px rgba(50,50,50,.1);
    border-radius: 5px;
    box-sizing:border-box;
}
#mei_wrap .online_service .service_cont.code .pop{
    max-width:200px;
    padding:10px;
    text-align:left;
    background:#8ddc47;
    margin-top:-120px;
    height:auto;
    white-space:normal;
}
#mei_wrap .online_service .service_cont.code .pop img{
    width: 130px;
    margin-bottom: 10px;
    border: 4px solid #fff;
    border-radius: 4px;
}
#mei_wrap .online_service .service_cont.code .pop:after{
    top:140px;
}
#mei_wrap .online_service .service_cont .pop:after{
    content:'';
    position:absolute;
    right:-18px;
    top:22px;
    margin-top:-8px;
    border: 9px solid transparent;
}
#mei_wrap .back_top{
    display:none;
}
#mei_wrap .online_service .service_cont a{
    display:inline-block;
    width: 100%;
    height: 100%;
}
#mei_wrap .online_service .service_cont a .back_wrap{
    width:32px;
    display:inline-block;
    line-height:63px;
}
#mei_wrap .online_service .service_cont a img{
    width:100%;
}
/* 验证弹出层 */
.popup_wrap{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background:rgba(0,0,0,.57);
    z-index:106;
}
.popup_wrap .popup{
    box-sizing:border-box;
    width: 628px;
    height: 403px;
    border-radius: 10px;
    border: solid 6px rgba(255,255,255,.23);
    position:relative;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
.popup_wrap .popup .title{
    width:100%;
    height:49px;
    line-height:49px;
    padding-left:18px;
    background-color: #f1f1f1;
    box-sizing:border-box;
    border-radius: 7px 7px 0 0;
    font-size: 16px;
    color: #666666;
    position:relative;
}
.popup_wrap .popup .title .closepop{
    position:absolute;
    width: 14px;
    height: 14px;
    top:17px;
    right:18px;
    background:url('https://www.mttart.com/images/closepop.png') no-repeat center;
}
.popup_wrap .popup .content{
    background:#fff;
    height:323px;
    margin-top:-1px;
    border-radius: 0 0 7px 7px;
    padding-top: 20px;
}
.popup_wrap .popup .content .gift{
    width: 175px;
    height: 143px;
    margin:0 auto 20px;
}
.popup_wrap .popup .content .gift img{
    width:100%;
}
.popup_wrap .popup .content .popup_msg{
    width: 396px;
    font-size: 18px;
    line-height: 30px;
    color: #666;
    text-align:center;
    margin:0 auto 25px;
}
.popup_wrap .popup .content .ensure{
    width: 190px;
    height: 54px;
    line-height:54px;
    text-align:center;
    background:url('https://www.mttart.com/images/popup.png') no-repeat center;
    border-radius: 27px;
    font-size: 20px;
    margin:auto;
    color:#fff;
    cursor:pointer;
}
.popup_wrap .popup .content .ensure:hover{
    background:url('https://www.mttart.com/images/popup_s.png') no-repeat center;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#page {
    position:relative;
    width:100%
}
.wrapper {
    width:100%;
    overflow:hidden;
    margin:0 auto
}
.section {
    overflow:hidden
}
.pageinner {
    width:100%;
    float:left;
    overflow:hidden
}
.banners {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}
.banners .header {
    position:absolute;
    height:222px;
    width:100%;
    top:0;
    left:0;
    z-index:99
}
.banners .banner {
    padding-top:150px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:920px;
    overflow:hidden;
    margin-top:-425px
}
.banners .banner .item {
    width:1920px;
    height:850px;
    float:left
}
.banners .banner .fss-wrapper {
    float:left
}
.banners .banner .item a {
    display:block;
    width:100%;
    height:100%
}
.banners .banner .item img.pbanner {
    width:100%
}
#html5zoo-1 {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-960px;
    width:1920px !important;
    height:850px;
    overflow:hidden;
    margin-top:-425px
}
.pagination {
    z-index:999;
    width:100%;
    position:absolute;
    bottom:40px;
    left:0;
    z-index:30;
    text-align:center;
    display:none !important
}
.pagination a {
    display:inline-block;
    background:url(https://www.mttart.com/images/quan2.png) no-repeat center;
    width:48px;
    height:20px;
    margin:0 5px;
    text-indent:-999px;
    overflow:hidden
}
.pagination a.selected {
    background:url(https://www.mttart.com/images/quan.png) no-repeat center
}
.index-course {
    float:left;
    width:100%;
    background:url(https://www.mttart.com/images/index_02.jpg) no-repeat center center
}
.index-news {
    float:left;
    width:100%;
    /*background:url(https://www.mttart.com/images/index_03.jpg) no-repeat center center*/
}
.index-teacher {
    float:left;
    width:100%;
    background:url(https://www.mttart.com/images/index_04.jpg) no-repeat center center
}
.index-works {
    float:left;
    width:100%;
    background:url(https://www.mttart.com/images/index_05.jpg) no-repeat center center
}
.index-course-top {
    position:relative;
    cursor:pointer
}
.swiper-container {
    padding:10px 0
}
.gallery-top {
    width:100%;
    margin:0 auto;
    overflow:hidden
}
.gallery-top .swiper-slide {
    padding:20px 0;
    width:170px;
    height:170px;
    float:left;
    margin:0;
    -moz-transition:-moz-transform 1s ease-out;
    -ms-transition:-ms-transform 1s ease-out;
    transition:transform 1s ease-out
}
.gallery-top .swiper-slide .li-con {
    height:100%;
    -moz-border-radius:85px;
    -webkit-border-radius:85px;
    border-radius:85px;
    border:5px solid #fff;
    overflow:hidden;
    box-sizing:border-box
}
.gallery-top .swiper-slide .li-con img {
    display:block;
    width:100%
}
.gallery-top .swiper-slide .li-con .color {
    display:none
}
.gallery-top .swiper-slide-active .li-con .color,.gallery-top .swiper-slide:hover .li-con .color {
    display:block
}
.gallery-top .selected .li-con .color,.gallery-top .active:hover .li-con .color {
    display:block
}
.gallery-top .swiper-slide-active,.gallery-top .swiper-slide:hover {
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    z-index:999
}
.gallery-top .selected,.gallery-top.selected:hover {
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    z-index:999
}
.gallery-top .swiper-slide-active .li-con .nocolor,.gallery-top .swiper-slide:hover .li-con .nocolor,.gallery-top .selected .li-con .nocolor {
    display:none
}
.gallery-thumbs {
    position:relative
}
.gallery-thumbs .swiper-slide {
    text-align:center;
    width:1200px;
    height:150px;
    float:left
}
.gallery-thumbs .swiper-slide a {
    display:block;
    width:100%;
    height:100%
}
.gallery-thumbs .swiper-slide .text {
    width:100%
}
.gallery-thumbs .swiper-slide .text h2 {
    font-size:16px;
    color:#000
}
.gallery-thumbs .swiper-slide .text p {
    font-size:14px;
    color:#666
}
.index-course-con .index-course-pre {
    width:30px;
    height:31px;
    margin-top:-15px;
    background-image:url(https://www.mttart.com/images/pre_01.png) !important;
    z-index:999;
    left:-30px
}
.index-course-con .index-course-pre:hover {
    background-image:url(https://www.mttart.com/images/pre_02.png) !important
}
.index-course-con .index-course-next {
    width:30px;
    height:31px;
    margin-top:-15px;
    right:-30px;
    z-index:99;
    background-image:url(https://www.mttart.com/images/next_01.png) !important
}
.index-course-con .index-course-next:hover {
    background-image:url(https://www.mttart.com/images/next_02.png) !important
}
.new-slider {
    position:relative
}
#carousel {
    position:relative
}
#carousel ul.slides li {
    padding:20px 0;
    width:170px;
    height:200px;
    float:left;
    margin:0 1px;
    -moz-transition:-moz-transform 1s ease-out;
    -ms-transition:-ms-transform 1s ease-out;
    transition:transform 1s ease-out;
    cursor:pointer
}
#carousel ul.slides li .li-con {
    height:100%;
    -moz-border-radius:85px;
    -webkit-border-radius:85px;
    border-radius:85px;
    border:5px solid #fff;
    overflow:hidden;
    box-sizing:border-box
}
#carousel ul.slides li .li-con img {
    display:block;
    width:100%
}
#carousel ul.slides li .li-con .color {
    display:none
}
#carousel ul.slides .flex-active-slide .li-con .color,#carousel ul.slides li:hover .li-con .color {
    display:block
}
#carousel ul.slides .flex-active-slide,#carousel ul.slides li:hover {
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    z-index:999
}
#carousel .flex-active-slide .li-con .nocolor,#carousel li:hover .li-con .nocolor {
    display:none
}
#slider {
    margin:0 auto
}
.flex-viewport {
    top:0;
    left:0
}
#slider li {
    float:left
}
#slider li .text {
    text-align:center;
    width:100%
}
#slider li .text h2 {
    font-size:16px;
    color:#000
}
#slider li .text p {
    font-size:14px;
    color:#666
}
.flex-direction-nav {
    position:absolute;
    top:50%;
    left:0
}
.index-more {
    margin:30px 0;
    text-align:center
}
.index-more a {
    margin:0 auto;
    display:inline-block;
    width:224px;
    height:140px;
    text-align:center;
    line-height:130px;
    color:#fff;
    background:url(https://www.mttart.com/images/index_more.png) center no-repeat;
    font-size:18px
}
.index-more a:hover {
    text-decoration:underline
}
.index-news-slider {
    position:relative
}
.index-news-slider ul {
    margin-right:0
}
.index-news-slider li {
    list-style: none;
    width:469px;
    float:left;
    margin:0 10px
}
.index-news-slider li a {
    display:block;
    color:#666
}
.index-news-slider li .pic {
    width:100%;
    height:220px;
    overflow:hidden
}
.index-news-slider li .pic img {
    display:block;
    width:100%
}
.index-news-slider li .title h2 {
    font-size:16px;
    color:#333;
    font-weight:bold
}
.index-news-slider li .title p {
    font-size:13px;
    color:#ba1b22
}
.index-news-slider li .more p {
    font-size:13px;
    color:#ba1b22
}
.index-teacher-slider {
    position:relative
}
.index-teacher-slider ul {
    margin-right:0
}
.index-teacher-slider li {
    width:241px;
    float:left;
    margin:0 20px;
    height:390px
}
.index-teacher-slider li a {
    display:block;
    color:#666
}
.index-teacher-slider li .li-con .li-top {
    width:100%;
    position:relative;
    height:267px;
    overflow:hidden
}
.index-teacher-slider li .li-con .li-top .pic img {
    width:100%;
    display:block
}
.index-teacher-slider li .li-con .li-top .pic_logo {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(https://www.mttart.com/images/huoquan_02.png) center no-repeat
}
.index-teacher-slider li .li-con .li-bottom {
    text-align:center;
    margin:20px 0
}
.index-teacher-slider li .li-con .li-bottom h2 {
    font-size:16px;
    color:#000
}
.index-teacher-slider li .li-con .li-bottom p {
    font-size:13px
}
.index-works-nav {
    margin-bottom:30px;
    text-align:center
}
.index-works-nav a {
    font-size:16px;
    color:#666;
    margin:0 15px
}
.index-works-nav span {
    padding:0 20px
}
.index-works-nav a:hover,.index-works-nav a.active {
    color:#ba1c23
}
.index-works-slider {
    position:relative;
    overflow:hidden;
    display:none
}
.index-works-slider.active {
    display:block
}
.index-works-slider li {
    width:280px;
    height:420px;
    float:left;
    overflow:hidden;
    margin:0 10px
}
.index-works-slider li .li-item {
    width:100%;
    height:200px;
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
    cursor:pointer
}
.index-works-slider li .li-item img {
    display:block;
    width:100%
}
.index-works-slider li .li-item .pic-top {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0
}
.index-works-slider li .li-item .pic-text {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:60px;
    text-align:center;
    opacity:1
}
.index-works-slider li .li-item .pic-text2 {
    bottom:76px
}
.index-works-slider li .li-item .pic-text h2 {
    color:#fff;
    font-size:33px
}
.index-works-slider li .li-item:hover .pic-top,.index-works-slider li .li-item:hover .pic-text {
    opacity:1
}
.silder-pre {
    position:absolute;
    left:0;
    top:50%;
    width:17px;
    height:30px;
    margin-top:-15px;
    cursor:pointer;
    background:url(https://www.mttart.com/images/pre_01.png) center no-repeat
}
.silder-pre:hover {
    background:url(https://www.mttart.com/images/pre_02.png) center no-repeat
}
.silder-next {
    position:absolute;
    right:0;
    top:50%;
    width:17px;
    height:30px;
    margin-top:-15px;
    cursor:pointer;
    background:url(https://www.mttart.com/images/next_01.png) center no-repeat
}
.silder-next:hover {
    background:url(https://www.mttart.com/images/next_02.png) center no-repeat
}
@media screen and (max-width:1440px) and (min-width:960px) {
    .gallery-thumbs .swiper-slide {
    width:960px
}
.header {
    /*position:fixed*/
}
.section .page-title {
    padding-top:30px;
    padding-bottom:20px
}
.gallery-thumbs {
    display:block
}
.gallery-thumbs .swiper-slide .text p {
    display:none
}
.gallery-thumbs .swiper-slide {
    height:30px
}
.swiper-container {
    padding:8px 0
}
.index-news-slider li .text {
    display:none
}
#slider li .text p {
    display:none
}
.index-more {
    margin:10px 0
}
.index-news-slider li .title p {
    display:none
}
.index-teacher-slider li .li-con .li-bottom p {
    display:none
}
.index-teacher-slider li {
    height:320px
}
.index-works-slider li {
    width:640px;
    height:200px
}
.index-works-slider li .li-item {
    width:280px;
    height:200px;
    float:left;
    margin:0 20px
}
.index-works-item {
    margin:20px 0
}
.banners .banner {
    padding-top:120px
}
}@media screen and (max-width:960px) {
    .banner-tag {
    left:50%;
    width:600px;
    margin-left:-300px;
    text-align:center
}
.banner-tag img {
    float:none;
    display:inline-block;
    width:100%
}
.gallery-thumbs {
    display:block
}
.gallery-thumbs .swiper-slide .text p {
    display:none
}
.gallery-thumbs .swiper-slide {
    height:30px
}
.swiper-container {
    padding:8px 0
}
#slider li .text p {
    display:none
}
}@media screen and (max-width:640px) {
    .index-course-con .index-course-next {
    right:0
}
.index-course-con .index-course-pre {
    left:0
}
#slider li .text h2 {
    font-size:26px
}
#carousel ul.slides li {
    margin:0 3px
}
}