@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";}
a{ text-decoration: none; }
input[type="text"],textarea{outline: none;}
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    
a{-webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
#type1Ul_t301{ height:auto !important; }
#type1Ul_t301>li>a>span{ text-align:left !important }
#type1Ul_t301>li{float:none; border:none; width:100% !important;}
#type1Ul_t301 #type1Ul_t32032>li>ul{ height:auto !important;width:100%;} 
#type1Ul_t301 #type1Ul_t32032>li>ul>li{float:left !important;} 
#type1Ul_t32032{ width:100% !important; }
#type1Ul_t301 ul li{ border:none; }
#type1Ul_t301 #type1Ul_t32032>li{border:none;height:none;float:none;width:100%;}
#type1Ul_t301 #type1Ul_t32032>li>ul>li{ border:none; float:left;}
#type1Ul_t301 #type1Li_t32032_3>ul { height : none !important}
#type1Ul_t301>li>ul{ height:auto !important; width:100% !important;}
#type1Ul_t301 #type1Ul_t32032>li>a{ background:none;font-size:14px;font-weight:800; }
#type1Li_n3>div>ul>li>a{color: #fff;display: block;font-size:15px;}
#type1Li_n3>div>ul>li>ul>li>ul>li{ width:140px; }
.xn_n_14_wrap_main ul li ul li{float: left;width: 110px;margin-top: 10px !important;overflow: hidden;border-right: 1px solid #fff;}
.xn_n_14_wrap_main ul #type1Li_n3 ul {position: relative;background: #000;height: 800px; margin: 0 auto; z-index: 999;padding-bottom: 5px !important;}
#qrcode,#qrAPPAndroid,#qrAPPIOS{display: none;}



ul#xn_n_14_VMenu1 ul {display: block !important;}
.xn_h_12_wrap{position: absolute;top: 42px;right: 0;}
.xn_h_12_redlogin li{height: 20px;float: left;line-height: 18px;letter-spacing: 2px;padding-right: 3px;margin-left: 4px;color:#fff;}
.xn_h_12_onlogin{width:200px;height:30px;color: #fff;font-size: 14px;}
.xn_h_12_onlogin li{width:65px; height:30px;float: left;}
.xn_h_12_wrap ul li a{font-size: 14px;color:#FFF;}
.xn_h_12_rllogin{border-right:1.5px solid rgb(0,84,167);}


#ea_h{height:80px;position: fixed;background: rgba(0,0,0,0.4);width: 100%;z-index: 99;top:0;}
.t_logo{ position:absolute;top:18px;left:0;}
.t_logo img{border:0;width:120px;}


.xn_n_14_wrap{position: relative;height:80px;width: 100%;margin:0 auto;text-align:center;}
.xn_n_14_wrap_main{margin:0 auto;width: 800px;height:80px;}
.xn_n_14_wrap_menu1 {float:left;width:98px; height:80px; font-size:14px;}
.xn_n_14_wrap_menu1 a{color:#FFF; line-height:105px; text-decoration:none;letter-spacing:1px;}
.xn_n_14_wrap_menu1_2 {float:left;width:98px; height:80px; font-size:14px;background:rgb(0,84,167);}
.xn_n_14_wrap_menu1_2 a{color:#FFF; line-height:105px; text-decoration:none;letter-spacing:1px;}
.xn_n_14_wrap_menu1_cur {float:left;width:98px; height:80px; font-size:14px;background:rgb(0,84,167);}
.xn_n_14_wrap_menu1_cur a{color:#FFF; line-height:105px; text-decoration:none;letter-spacing:1px;}
.xn_n_14_wrap_menu2 a{color:#FFF;font-weight:normal;line-height:30px !important;letter-spacing:1px;}
.xn_n_14_wrap_menu2 a:hover{color:#0054A7; text-decoration:none;}
.xn_n_14_wrap_main ul li ul{width:1200px;position:relative;background:#000;height: auto;margin:0 auto;z-index:999;padding-bottom: 30px;}
.xn_n_14_wrap_main ul>li>div{width: 100%;position: absolute;left: 0;top:80px;background: #000;height:0;overflow:auto;transition:all 0.2s;opacity:0.8;}
.xn_n_14_wrap_main ul #type1Li_n3 ul {
    position: relative;
    background: #000;
    height: 800px;
    margin: 0 auto;
    z-index: 999;
    padding-bottom: 30px;
}
.xn_n_14_wrap_main ul>li:hover div{height:400px;}
#type1Li_n3:hover div{height: 600px !important;}
li#type1Li_t301_8 {}
.xn_n_14_wrap_main ul li ul li{float: left;width: 110px;margin-top: 16px;overflow: hidden;border-right: 1px solid #fff;}
.xn_n_14_wrap_main ul li ul li+li{padding:0 5px;}
.xn_n_14_wrap_main ul li ul li a{color: #fff;display: block;font-size:14px;}
.xn_n_14_wrap_main ul li ul li ul{width:110px;margin-top:10px;}
.xn_n_14_wrap_main ul li ul li ul li:nth-child(1){margin-top: 10px;margin-left:0;padding: 0 5px;border:none;}
.xn_n_14_wrap_main ul li ul li ul li a{border:0;height:auto !important;color: #fff;text-align: left;font-size: 12px;background: url(https://1.rc.xiniu.com/rc/Heads/49437/images/menu_bg2.png?d=20181213190243335) 0px 4px no-repeat;padding-left:12px;line-height: 15px !important;overflow: hidden;}
.xn_n_14_wrap_main ul li ul li ul li ul{display:none !important;}
#type1Li_n3>div>ul>li{width: 123px;}
#type1Li_n3>div>ul>li>ul{width: 129px;}
#type1Li_n3>div>ul>li>ul>li{width: 119px;}
ul#type1Ul_t301>li>a>span {
    display: block;
    text-align: center;
}
#xn_n_14_VMenu1>li>div>ul>li>a{font-weight:bold;}
li#type1Li_n8 li:nth-child(11) {
    padding: 0;
}
li#type1Li_n26 ul li {
    width: auto;
    padding: 0 25px;
}


#qrAPPAndroid,#qrAPPIOS{display:none;}
.top{ width: 100%; z-index:99; position:relative;}
.t_t{position:relative; z-index:100; width:1200px; margin:0 auto;}




.about_banner{width:100%; height:320px; overflow: hidden; position:relative; margin:0 auto;}
.about_banner_m{Z-INDEX:0; width:1920px; height:320px; position:absolute; left:50%; margin-left:-960px;}





.n_content_left_t{background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/n_content_left_t.png?d=20190711145510421) no-repeat;width: 230px; height: 143px; text-align: center;overflow: hidden;}
.n_content_left{clear:both;}
.n_content_left_t1{display:block; font-size: 30px; color: #007db8; width: 100%; height: 40px; line-height: 40px; overflow: hidden; margin-top: 38px;}
.n_content_left_t2{display:block;font-size:18px; color: #007db8; width: 100%; height: 28px; line-height: 28px; text-transform: uppercase; font-weight:normal; font-family: "黑体";margin-top: 1px;}


.n_content_left_cnt{width:230px; height: auto; background:#f6f6f6; padding-top:48px; min-height:100px;padding-bottom: 59px;}
.n_content_left_cnt>ul>ul>li{width: 230px;height: auto; text-align: center; font-size: 14px;}
.n_content_left_cnt>ul>ul:first-child{border-top: 1px solid #e7e7e7; border-bottom: 0;}
.n_content_left_cnt>ul>ul>li>a{width: 230px; height: 54px;line-height: 54px; display: block; color: #484848; border-bottom: 1px solid #e7e7e7;}
.n_content_left_cnt>ul>ul>li.left_menu1_cur{background: url(https://0.rc.xiniu.com/g1/M00/1A/D4/CgAGS106oYSAIXl0AAAEbT9VDuA777.jpg) left top no-repeat #fff;}
.left_menu1_cur>ul{border-top: 1px solid #0054a7!important;}
.products_body .left_menu1_cur>ul,.video_complex_body .left_menu1_cur>ul{border-top: 0px!important;}
.n_content_left_cnt>ul>ul>li:hover{background: url(https://0.rc.xiniu.com/g1/M00/1A/D4/CgAGS106oYSAIXl0AAAEbT9VDuA777.jpg) left top no-repeat #fff;}
.n_content_left_cnt>ul>ul>li>ul{width: auto; height: auto;overflow: hidden;}
.n_content_left_cnt>ul>ul>li>ul>li{width: 230px;height: auto; text-align: center; font-size: 13px; }
.n_content_left_cnt>ul>ul>li>ul>li>a{width: 230px; height: 54px;line-height: 54px; display: block; color: #484848; border-top: 1px solid #e7e7e7;}
.n_content_left_cnt>ul>ul>li>ul>li:first-child>a{border-top: 0px;}
.n_content_left_cnt>ul>ul>li>ul>li>a:hover{background: url(https://0.rc.xiniu.com/g1/M00/1A/D4/CgAGS106oYSAIXl0AAAEbT9VDuA777.jpg) left top no-repeat #fff;}
.n_content_left_cnt>ul>ul>li>ul>li>ul{width: auto; height: auto;overflow: hidden;}
.n_content_left_cnt>ul>ul>li.left_menu1_2{background: url(https://0.rc.xiniu.com/g1/M00/1A/D4/CgAGS106oYSAIXl0AAAEbT9VDuA777.jpg) left top no-repeat #fff;}
.left_menu1_2>a{border-bottom: 1px solid #e7e7e7!important;}
.left_menu2_cur>a{border-bottom: 1px solid #e7e7e7!important;}
.left_menu2_2>a{border-bottom: 1px solid #e7e7e7!important;}
.n_content_left_cnt>ul>ul>li>ul>li>ul>li{width: 230px;height: auto; text-align: center; font-size: 13px; }
.n_content_left_cnt>ul>ul>li>ul>li>ul>li>a{width: 230px; height: 54px;line-height: 54px; display: block; color: #484848; border-top: 1px solid #e7e7e7;}
.n_content_left_cnt>ul>ul>li>ul>li>ul>li:first-child>a{border-top: 0px;}
.n_content_left_cnt>ul>ul>li>ul>li>ul>li>a:hover{background: url(https://0.rc.xiniu.com/g1/M00/1A/D4/CgAGS106oYSAIXl0AAAEbT9VDuA777.jpg) left top no-repeat #fff;}


.left_gg_wrap{width: 230px; height: 305px; margin-top: 31px;}
.left_gg_wrap img{width: 100%; height: 100%;}


.n_content_right_name_r{width:400px; height:70px; line-height: 70px; float: right; color:#939393; font-size:12px; text-align:right;}
.n_r_wz1,.n_r_wz2,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_r_wz3,.n_r_wz5,.n_r_wz7{padding: 0 9px;}
.n_content_right_name_r ul li{float:right; line-height:70px; height:70px; overflow: hidden;}
.n_content_right_name_r ul li img{ margin-right:8px; margin-top: 28px; *margin-top:0px; width: 15px; height: 13px;}
.n_content_right_name_r ul li a{ color:#939393;}
.n_content_right_name_r ul li a:hover{ color:#3b3b3b;}


.xn_c_75_wrap{width: 100%; height: 55px; border-bottom: 1px solid #f2f2f2;overflow: hidden;}
.about_complex_body .xn_c_75_wrap,.about_body .xn_c_75_wrap,.solution_body .xn_c_75_wrap,.solution_complex_body .xn_c_75_wrap{width: 100%;background: #f6f6f6; height: 55px;overflow: hidden; border-bottom: 0;}
.about_complex_body .xn_c_75_typename,.about_body .xn_c_75_typename,.solution_body .xn_c_75_typename,.solution_complex_body .xn_c_75_typename{font-size: 18px;color: #1e1e1e; display: block;width: auto; height: 24px; line-height: 24px; margin-left: 34px; margin-top: 18px;}
.xn_c_75_typename{font-size: 24px;color: #414141; display: block;width: auto; height:24px; line-height: 24px; margin-top: 10px;}
.xn_c_75_ename{display: none;}


.xn_c_honor_7_wrap{width:910px; margin:0px auto; padding-top: 38px; overflow: hidden; margin-bottom: 13px;}
.xn_c_honor_7_wrap>div{width: auto; height: 167px; overflow: hidden; margin-bottom: 30px; background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/xn_c_honor_left.png?d=20190711145510421) 326px center no-repeat;}
.xn_c_honor_7_hnwbox2,.xn_c_honor_7_hnwbox4{background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/xn_c_honor_left.png?d=20190711145510421) 326px center #f6f6f6 no-repeat !important;}
.xn_c_honor_left{width: 219px; height: 167px; float: left; overflow: hidden; background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/xn_c_honor_7_box_bj.png?d=20190711145510421) 34px 48px no-repeat; padding-left: 107px;}
.xn_c_honor_7_hnneirong{width:508px; height: 96px; float: right;overflow: hidden; font-size: 13px; color: #777777; line-height: 24px; padding: 36px 37px 35px 39px;  overflow: hidden;}
.xn_c_honor_7_hnneirong>span{height: 96px; line-height: 24px; overflow: hidden; display: block;}
.xn_c_honor_7_hntitle{font-size: 16px; color: #343333; height: 24px; line-height: 24px; overflow: hidden; margin-top: 43px;}
.xn_c_honor_7_hntime{font-size: 12px; color: #bebebe; background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/xn_c_honor_7_hntime.png?d=20190711145510421) left center no-repeat; line-height: 24px; height:24px;overflow: hidden; padding-left: 22px; margin-top: 5px; }
.xn_c_honor_7_hnimg{display: none;}


.fy{ width:100%; text-align:center; font-size:12px; height: 40px; line-height: 40px; }
.fy span a{ color:#666; vertical-align:middle; }
.fy span.fy_7{display: inline-block;*display: inline;*zoom: 1; position: relative; height: 37px; line-height: 48px; width: 130px;font-size: 24px; color: #b2b2b2; font-family: "Courier New"; vertical-align: middle; overflow: hidden;}
.fy span.fy_2,.fy span.fy_6{font-size: 0; display: inline-block;*display: inline;*zoom: 1; width: 19px; height: 37px;}
.fy_2 a{ background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/fy_2.png?d=20190711145510421) center no-repeat; display: block; width: 19px; height: 37px;}
.fy_2 a:hover{ background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/fy_21.png?d=20190711145510421) center no-repeat;}
.fy_6 a{ background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/fy_6.png?d=20190711145510421) center no-repeat; display: block; width: 19px; height: 37px;}
.fy_6 a:hover{ background: url(https://1.rc.xiniu.com/rc/Contents/15502/images/fy_61.png?d=20190711145510421) center no-repeat;}
.fy span{display: none;}
.teachers_body .fy,.teachres_complex_body .fy{margin-bottom: 30px;}


.n_main{width: 100%; margin:0; padding:0; background:url(https://1.rc.xiniu.com/rc/Contents/15502/images/n_content.png?d=20190711145510421) center 73px repeat-x; height:auto; overflow:hidden; margin-top:-73px;z-index:5; position: relative;} 
.n_content{width:1200px; margin:0 auto; margin-bottom: 100px;}


.n_content_left{width:230px; height: auto; float:left; position:relative;}


.n_content_right{position:relative; width:910px; height: auto; float:right;}


.n_content_right_name{ width:100%; height:70px; margin:0 auto; position:relative; margin-top: 73px;}


.n_content_right_m {text-align:left; width:100%; margin:0 auto; line-height:24px; color:#737373; font-size:12px; position:relative; margin-top: 48px;}
.video_view_body .n_content_right_m,.news_view_body .n_content_right_m,.case_view_body .n_content_right_m,.teachers_view_body .n_content_right_m,.solution_body .n_content_right_m,.solution_complex_body .n_content_right_m{background:#f6f6f6;} 



.xn_c_index_235_wrap{width: 1200px;height: 60px;margin: 5px auto 0;}
.xn_c_index_235_wrap div:first-child{margin-right:10px}
.xn_c_index_235_xhbox{float:left;margin-right:40px;line-height:60px;overflow:hidden;color: #525252;text-align:center;font-size: 14px;}
#xn_c_index_235_xhbox_a{border-left:0px transparent;color:#147ac2;text-align:left;}
.xn_c_index_235_xhbox a{color: #7f7f7f;font-size: 14px;line-height:60px;}


.foot_nav{width: 100%;top:180px;left:0px;text-align:left;background:url(https://0.rc.xiniu.com/g3/M00/9A/FF/CgAH6F_bGgiADzf9AACNG3MrnQs531.png) top center no-repeat;}
.foot_nav>ul{margin: 0 auto;width:950px;height:auto;overflow:hidden;padding: 150px 0 90px 0;}
.foot_nav_ul{ float:left; margin:0px; padding:0px;}
.foot_nav>ul>li{width: auto;float:left;padding: 0 15px;}
.foot_nav>ul>li>a{line-height:30px;font-weight:bold;font-size: 14px;color:#d6d6d6;display: block;margin-bottom: 15px;}
.foot_nav ul li ul li a{line-height:25px;font-weight: normal !important;display: block;width: 100%;margin-right: 44px;color:#acacac;font-size: 12px;}


.foot_copy{width:1200px;text-align: center;display:inline-block;height: 60px;color: #686868;line-height: 60px;}
.foot_copy_name{width:1200px;text-align:center;margin:0 auto;border-top:1px solid}
.foot_copy_name span{margin-right:10px;color: #686868;font-size:12px;}


.xn_f_2_warp {position:absolute;top: 25px;left:250px;width:100px;height:auto;}
.xn_f_2_box{width:30px;height:20px;margin:0 auto;}


.foot{  width:100%; position:relative; text-align:center; font-size:12px; height:auto;color:#666666; line-height:25px; }
.foot a{ }
.foot a:hover{ color:#0054A7;}
.foot_c{position:relative; width:1200px; margin:auto; text-align:left;display:none;}


.bottom_ewm{position:absolute;right:0px;top: 115px;text-align:left;width:230px;height:auto;overflow:hidden;color:#d6d6d6;}
.bottom_ewm_r span{display:block;}
.bottom_ewm_ra{font-size:14px;}
.bottom_ewm_rb{font-size:12px;line-height: 25px;}
.bottom_ewm_rc{font-size:30px;line-height: 37px;}
.bottom_ewm_r img{display:block;margin-top: 10px;}
.bottom_ewm_rd{text-align:center;width:100px;line-height: 28px;}


.foot_copy_r{width:100%;height:auto;background: #333434;}
.foot_copy_r_a{width:1200px;margin:0 auto;position:relative;}

.foot_copy{width:1200px;text-align: center;display:inline-block;height: 60px;color: #686868;line-height: 60px;}
.foot_copy_name{width:1200px;text-align:center;margin:0 auto;border-top:1px solid}
.foot_copy_name span{margin-right:10px;color: #686868;font-size:12px;}


.xn_f_2_warp {position:absolute;top: 25px;left:250px;width:100px;height:auto;}
.xn_f_2_box{width:30px;height:20px;margin:0 auto;}







.orlogin_body .xn_m_6_wrap{ display:none;}
.xn_m_6_head{width: 100%;height: 20px;color:#fff;display:none;}
.xn_m_6_wrap{position:fixed;height:auto;width: 50px;z-index: 10001;right:20px !important;top:50% !important;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.xn_m_6_mbox{width: 50px;margin-bottom: 1px;}
.xn_m_6_mbox h4{ display:none;}
.xn_m_6_mbox img{clear:both;}
.xn_m_6_mbox ul li{
    position: relative;
}
.xn_m_6_tel_box img{width: 40px;}
.xn_m_6_head .close{cursor:pointer;text-align: left;padding-left:10px;}
.xn_m_6_mbox ul{}
.xn_m_6_markrt_code{position:relative;}
.xn_m_6_markrt_code .xn_m_6_orderId{}
.xn_m_6_markrt_code img{width: 100px;}
.xn_m_6_small_but { width:20px; height:50px; background:#000; position:absolute; top:50%; margin-top:-25px; right:0px; cursor:pointer; color:#fff; font-size:12px; display:none; text-align:center; line-height:24px; }
.xn_m_6_mbox .xn_m_6_markrt_code_li{
    display: block;
    background: #333 url(https://1.rc.xiniu.com/rc/Marketings/38533/images/er.png?d=20181205141257633) center no-repeat;
    width: 50px;
    height: 50px;
    font-size: 0;
}
.xn_m_6_wrap:hover .xn_m_6_markrt_code_li{ display:block;}
.xn_m_6_wrap .xn_m_6_markrtimg img{width:95px;height:95px;position: absolute;top: 0;left: -95px;display: none;}
.xn_m_6_wrap img{width:100px;height:100px;position: absolute;top: 0;left: -262px;display: none;}
.xn_m_6_markrtimg:hover .xn_m_6_code_box img{display: block;}
.xn_m_6_orderId,.xn_m_6_markrt_sky,.xn_m_6_xlwb_img,.xn_m_6_tel_tel,.xn_m_6_telephone,.xn_m_6_qq_img,.xn_m_6_markrt_mail{display:none;}
.xn_m_6_qq_author,.xn_m_6_author{
    position: absolute;
    width: 0px;
    top:0;
    background: #333;
    height: 50px;
    line-height: 50px;
    text-indent: 22px;
    left: 0px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    }
.xn_m_6_ali_li .xn_m_6_author{}
.xn_m_6_wrap:hover .xn_m_6_qq_author{ width:158px; left:-158px;}
.xn_m_6_wrap:hover .xn_m_6_author{ width:158px; left:-158px;}
.xn_m_6_mbox .xn_m_6_qq_li{}
.xn_m_6_qq_li:last-child{}
.xn_m_6_qq_li:last-child .xn_m_6_qq_author{}
.xn_m_6_qq_li a{width: 50px;height: 50px;background: #333 url(https://1.rc.xiniu.com/rc/Marketings/38533/images/img_loading.png?d=20181205141257633) center no-repeat;display:block;font-size: 0;overflow: hidden;}
.xn_m_6_xlwb_weibo a{width: 50px;height: 50px;background: #333 url(https://1.rc.xiniu.com/rc/Marketings/38533/images/you.png?d=20181205141257633) center no-repeat;display:block;font-size: 0;}
.xn_m_6_ali_li a{width: 50px;height: 50px;background: #333 url(https://1.rc.xiniu.com/rc/Marketings/38533/images/text.png?d=20181205141257633) center no-repeat;display:block;font-size: 0;}
.xn_m_6_mailwz a{width: 50px;height: 50px;background: #333 url(https://1.rc.xiniu.com/rc/Marketings/38533/images/xn_m_6_orderId.png?d=20181205141257633) center no-repeat;display:block;font-size:0;}
.xn_m_6_telephone{position:absolute;bottom:-40px;}
.xn_m_6_foot{width: 50px;height: 50px;background: #333 url(https://1.rc.xiniu.com/rc/Marketings/38533/images/top.png?d=20181205141257633) center no-repeat;display:block;cursor:pointer; position: relative;}
.xn_m_6_tel_img img{ display:none;}
.xn_m_6_xlwb_weibo span {
    position: absolute;
    width: 0px;
    height: 50px;
    line-height: 50px;
    text-indent: 22px;
    background: #333;
    top: 0;
    left: 0px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}
.xn_m_6_wrap:hover .xn_m_6_xlwb_weibo span{ width:158px; left:-158px;}
.xn_m_6_markrtimg {
    position: absolute;
    width: 0px;
    top: 0;
    background: #333;
    height: 50px;
    line-height: 50px;
    text-indent: 22px;
    left: 0px;
    display: block;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}
.xn_m_wrap:hover .xn_m_6_markrtimg {}
.xn_m_6_wrap:hover .xn_m_6_markrtimg {
    width: 158px;
    left: -158px;
}
.xn_m_6_foot>span{
    position: absolute;
    width: 0px;
    top: 0;
    background: #333;
    height: 50px;
    line-height: 50px;
    text-indent: 22px;
    left: 0px;
    display: block;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    }
.xn_m_6_wrap:hover .xn_m_6_foot>span{ width: 158px; left:-158px;}