﻿

@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;
}
#qrcode,#qrAPPAndroid,#qrAPPIOS{display: none;}



.top{ width:100%; z-index:98; position:relative; height:80px; background: url(http://1.rc.xiniu.com/rc/Heads/1747/images/top_bg.png?d=20201225142301508) repeat;}
.t_t{position:relative; z-index:98; width:1000px; margin:0 auto;}


.t_logo{ position:absolute;left:0px; width:200px;}
.t_logo img{ width:287px; height:77px; border:0px;}
#ea_l{position:relative;top:2px;left:22px;width:287px;height:77px;}


.t_ver{ position:absolute;right:0;font-size:12px;top:10px; z-index:9999 !important ;}
.t_ver ul{}
.t_ver ul li{ float:left; padding-right:8px;margin-left:5px;}
.t_ver ul li a{ text-decoration:none;color:#999999;}
.t_ver ul li a:hover{ text-decoration:none;color:#0097AA;}



.nav{ position: relative; width:100%; z-index:98;text-align:center; width:1000px; margin:auto; }
.nav_main{ float:right; height:50px; position:absolute; right:0px; margin-top:30px; }
.nav_menu1 {float:left;  width:90px; height:50px; font-size:14px;}
.nav_menu1 a{color:#0097aa; width:90px; height:50px; line-height:50px; text-decoration:none; display:inline-block;}
.nav_menu1 a:hover{color:#FFF; line-height:50px; text-decoration:none; background:#0097AA;}
.nav_menu1_2 {float:left; width:90px; height:50px; font-size:14px; background:#0097AA; color:#FFFFFF;}
.nav_menu1_2 a{ width:90px; height:50px; display:inline-block; color:#ffffff; line-height:50px; text-decoration:none; text-align:center !important; }
.nav_menu1_2 a:hover{ width:90px; color:#FFF; line-height:50px; text-decoration:none; background:#0097AA; text-align:center !important; }
.nav_menu1_cur {float:left; background:#0097AA; width:90px; height:50px; font-weight:bold; font-size:13px;}
.nav_menu1_cur a{color:#FFF; line-height:50px; text-decoration:none; text-align:center !important; }
.nav_menu1_cur a:hover{color:#FFF; line-height:50px; text-decoration:none; background:#0097AA; text-align:center !important; }
.nav_menu2{ width: 120px !important; height:34px; line-height:34px; color:#FFFFFF; text-align:center !important; background:#0097aa;  }
.nav_menu2 a{text-align:center !important; color:#ffffff;font-weight:normal; width: 120px !important; height:34px; line-height:34px !important; display: block !important;}
.nav_menu2 a:hover{color:#006572; width: 120px !important; height:34px; line-height:34px;text-align:center !important;}
.nav_main ul li ul{width:120px; filter:Alpha(opacity=80); text-align:center !important;}
.nav_main ul li ul li{ height:34px; line-height:34px; background:#0097AA !important; border-bottom:1px solid #FFFFFF; text-align:center !important;}
.nav_main ul li ul li ul{ float:left;  text-align:center !important;}






.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_sv_cont .text {     color: #828282; line-height: 30px;     margin-top: 30px;}

.xn_c_100_wrap{width: 1200px; height: 558px; border: 1px solid #e5e5e5; box-sizing: border-box;margin: 0 auto 10px;}
.xn_c_100_box{width:1200px; height: 558px; position: relative; overflow: hidden;}
.xn_c_100_box::before{content:"最新公告"; display: block; color: #333; font-size: 24px; position: absolute; top:60px; left: 40px;}
.xn_c_100_box::after{content:"THE LATEST NOTICE"; display: block; color: #828282; font-size:12px; position: absolute; top:96px; left: 40px;}
.xn_c_100_innerBox{ position: absolute; top:0; left:0;}
.xn_c_100_innerBox li{width:1200px; padding:42px 40px; box-sizing: border-box; float: left;position: relative;}
.xn_c_100_img {float: right;width:710px; height: 472px; overflow: hidden;}
.xn_c_100_img img{width:710px; height: 472px;-webkit-transition: all 0.5s; transition: all 0.5s;}
.xn_c_100_img img:hover{ -webkit-transform: scale(1.02);transform: scale(1.02);}
.xn_c_100_con { position: absolute; top:138px; left:5px; width:585px; height:229px; background:rgba(255,255,255,0.5); padding:40px 35px; box-sizing: border-box;}
.xn_c_100_Title{width: 100%;height: 36px;line-height: 36px;color: #333;font-weight: bold;font-size: 14px; transition:all 0.5s; margin-bottom: 10px;}
.xn_c_100_Title a{color: #333;}
.xn_c_100_Title a:hover{ color: #1560e8;}
.xn_c_100_context{ font-size: 12px; color: #333; line-height: 20px; height: 60px; overflow: hidden;}
.xn_c_100_time{ color: #696969; font-size: 12px; margin-top:25px;}
.dotBox{position: absolute; right:0; bottom:10px; width:80px; display: none;}
.dotBox span{display: inline-block; width: 12px; height: 12px; margin: 0 4px; border-radius: 6px; background-color: #999; cursor: pointer;}
.dotBox span.curr{background-color: #F35B5B;}
.xn_c_100_innerBox li.curr .xn_c_100_Title{
bottom:0; transition:all 0.5s; transition-delay: 0.4s;
}
.xn_c_100_right,.xn_c_100_left{ width: 42px; height: 42px; background: #1560e8 url(https://1.rc.xiniu.com/rc/Contents/38538/images/sv_left.png?d=20180517201159860) center no-repeat; position: absolute; top:384px; left: 410px; z-index: 3; font-size: 0;}
.xn_c_100_right{background: #fff url(https://1.rc.xiniu.com/rc/Contents/38538/images/sv_right_h.png?d=20180517201159860) center no-repeat; left: 450px;}
.xn_c_100_btn:hover .xn_c_100_left{background: #fff url(https://1.rc.xiniu.com/rc/Contents/38538/images/sv_left_h.png?d=20180517201159860) center no-repeat;}
.xn_c_100_btn:hover .xn_c_100_right{background: #1560e8 url(https://1.rc.xiniu.com/rc/Contents/38538/images/sv_right.png?d=20180517201159860) center no-repeat;}
.xn_c_100_more{width: 66px;height: 20px; overflow: hidden;position: absolute; top: 310px;}
.xn_c_100_more a{width: 66px;height: 20px;display: block;background: #c9c9c9 url(https://1.rc.xiniu.com/rc/Contents/38538/images/jiantou.png?d=20180517201159860) center no-repeat;}
.xn_c_100_more a:hover{ width:88px; height:20px; background-color: #1560e8;}


.xn_c_sv_2_warp{width:1200px;margin:10px auto; border: 1px solid #e5e5e5; box-sizing: border-box;}
.xn_c_sv_2_box{ padding:40px;}
.xn_c_sv_2_boxw{width: 100%;margin:0 auto;overflow: hidden;border-bottom: 1px dashed #d2d2d2;margin-bottom: 30px;position: relative;padding-bottom: 30px;}
.xn_c_sv_2_boxw:nth-of-type(6){ border: none; margin:0;}
.xn_c_sv_2_img{width: 336px;height: 240px;float:left;margin-right: 30px; overflow: hidden;}
.xn_c_sv_2_boxw::before{ width: 127px; height: 1px; background:#1560e8; content:""; position: absolute; bottom:63px; left: 284px; z-index:2;}
.xn_c_sv_2_img img{width: 100%;height: 100%; float:left;-webkit-transition: all 0.5s; transition: all 0.5s;}
.xn_c_sv_2_img img:hover{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.xn_c_sv_2_time{width: 600px;float: left;font-size: 12px;color: #696969;}
.xn_c_sv_2_title{width: 600px;float: left; line-height: 40px;}
.xn_c_sv_2_title a{ color:#333; font-size:14px; font-weight:bold;}
.xn_c_sv_2_title a:hover{ color: #1560e8;}
.xn_c_sv_2_cont{width: 600px;float: left;line-height: 20px;font-size: 12px;color: #333;height: 60px;overflow: hidden; margin: 15px 0 30px;}
.xn_c_sv_2_more a{position: absolute;right:0;bottom: 120px;width: 66px;height: 20px;border-left:1px solid #c9c9c9;background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/jiantou_r.png?d=20180517201159860) center no-repeat;box-sizing: border-box;font-size: 0;}
.xn_c_sv_2_more a:hover{border:1px solid #1560e8;background:#1560e8 url(https://1.rc.xiniu.com/rc/Contents/38538/images/jiantou.png?d=20180517201159860) center no-repeat;}


.fy{ width:100%; text-align:center; font-size:0px; clear: both; background:#fff; padding:50px 0 0px;}
.video_body .fy{ padding: 20px 0 0;}
.products_body .fy{ padding: 30px 0 0;}
.fy span{margin-right: 4px;}
.fy span,.fy span a{ color:#666666; vertical-align:top; }
.fy_1{display: none;}
.fy_2{display: inline-block;font-size: 12px;}
.fy_2 a{display: block;border: 1px solid #d2d2d2;line-height:26px;width:60px;height:26px;background: #d2d2d2;color: #fff !important;}
.fy .fy_2 a:hover{color: #fff !important;background: #1560e8;border: 1px solid #1560e8;}
.fy_3{margin-left:5px; margin-right:5px;display: none;}
.fy_4{display: none;}
.fy_5{margin-left:5px; margin-right:5px;display: none;}
.fy_6{display: inline-block;font-size: 12px;}
.fy_6 a{display: block;width:60px;height:26px;border: 1px solid #d2d2d2;line-height:26px;color: #fff !important;background: #d2d2d2;}
.fy .fy_6 a:hover{color: #fff;background: #1560e8;border: 1px solid #1560e8;}
.fy_7{ margin-left:5px; margin-right:5px;display: none;}
.fy_8{display: none;}
.fy_9{display: none;}
.fy_out{display: inline-block;font-size: 12px;}
.fy_out a{display: block;width:26px;height:26px; line-height:26px;border: 1px solid #ddd;}
.fy_on{display: inline-block;font-size: 12px;}
.fy .fy_on a,.fy .fy_out a:hover{display: block;background: #1560e8;border: 1px solid #1560e8;color: #fff;height:26px;width:26px;line-height:26px;}


.n_main{width: 100%; margin:0; padding:0; background:url(https://1.rc.xiniu.com/rc/Contents/38538/Images/incsp1_index_cbg.png?d=20180517201159860) center 47px repeat-x; height:auto; overflow:hidden;  position: relative;}
.n_content{width:1200px; margin:0 auto 100px; position: relative;}
.about_view_body .n_main{background:url(https://1.rc.xiniu.com/rc/Contents/38538/images/about_view.jpg?d=20180517201159860) top center no-repeat;}
.teachers_view_body .n_content{ margin: 0;}


.n_content_right_name_r{ color:#828282; font-size:12px; text-align:left; }
.n_content_right_name_r ul{ overflow:hidden;}
.n_r_wz1,.n_r_wz2,.n_r_wz3,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_r_wz1{ display:none;}
.n_content_right_name_r ul li{float:left;line-height: 60px;}
.n_content_right_name_r ul li a{ color:#828282;}
.n_content_right_name_r ul li a:hover{ color:#165fe9;}
.n_content_right_name_r ul li img{margin-right:10px;margin-top: 22px;}


.n_content_right_name_l{width:220px;height: 60px;margin: 0px auto;color: #333;font-size: 18px;line-height: 75px; background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/xn_c_97_t1.png?d=20180517201159860) top center no-repeat; text-align: center;}
.video_body .n_content_right_name_l{background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/video_name.png?d=20180517201159860) top center no-repeat;}
.case_complex_body .n_content_right_name_l{background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/case_name.png?d=20180517201159860) top center no-repeat;}
.pro_body .n_content_right_name_l,.products_body .n_content_right_name_l,.prod_view_body .n_content_right_name_l,.solution_body .n_content_right_name_l,.solution_view_body .n_content_right_name_l,.teachers_body .n_content_right_name_l,.teachers_view_body .n_content_right_name_l{background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/pro_name.png?d=20180517201159860) top center no-repeat;}
.news_body .n_content_right_name_l,.news_view_body .n_content_right_name_l{background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/news_name.png?d=20180517201159860) top center no-repeat;}
.recruitment_body .n_content_right_name_l{background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/recruitment_name.png?d=20180517201159860) top center no-repeat;}
.sv_body .n_content_right_name_l,.sv_view_body .n_content_right_name_l{background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/sv_name.png?d=20180517201159860) top center no-repeat;}
.contact_body .n_content_right_name_l{background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/contact_name.png?d=20180517201159860) top center no-repeat;}
.n_content_right_name_l1{color:#CCCCCC;font-variant:small-caps;display: none;}


.n_content_left_cnt{width:1200px;margin:0 auto;padding:20px 0 30px;background:#fff;text-align: center;}
.n_content_left_cnt>ul>ul{text-align: center;display: inline-block;}
.n_content_left_cnt>ul>ul>li{margin-left:-5px;padding: 4px 0;}
.n_content_left_cnt>ul>ul>li:last-child{ border:none; background:none;}
.n_content_left_cnt>ul>ul>li>ul{ display:none !important;}
.n_content_left_cnt .left_menu1{font-size: 14px;height:24px;display: inline-block;background: url(https://1.rc.xiniu.com/rc/Contents/38538/images/left_menu1.jpg?d=20180517201159860) center right no-repeat;}
.n_content_left_cnt .left_menu1 a{height:24px;padding: 0 24px;text-align: center;color: #333;line-height: 22px;display:inline-block;}
.n_content_left_cnt .left_menu1 a:hover{ color:#fff;background: #1560e8;}
.n_content_left_cnt .left_menu1_2 {font-size: 14px;display: inline-block;}
.n_content_left_cnt .left_menu1_2 a{height:24px;padding: 0 24px;text-align: center;color:#fff;background: #1560e8;line-height:22px;display:inline-block;}
.n_content_left_cnt .left_menu1_2 a:hover{color:#fff;background: #1560e8;}
.n_content_left_cnt .left_menu1_cur{font-size: 14px;display: inline-block;}
.n_content_left_cnt .left_menu1_cur a{height:24px;padding: 0 24px;text-align: center;color:#fff;background: #1560e8;line-height:22px;display:inline-block;}
.n_content_left_cnt .left_menu2{ width:193px;}
.n_content_left_cnt .left_menu2 a{ text-indent:10px; color:#333; background:none !important;}
.n_content_left_cnt .left_menu2 a:hover{ color:#000; background:none !important;  color:#333;}
.n_content_left_cnt .left_menu2_2{ width:193px;}
.n_content_left_cnt .left_menu2_2 a{text-indent:10px; background:none !important;  color:#C00;}
.n_content_left_cnt .left_menu2_2 a:hover{ color:#000; background:none !important;  color:#333;}
.n_content_left_cnt .left_menu2_cur{ width:193px;}
.n_content_left_cnt .left_menu2_cur a{text-indent:10px; color:#C00; background:none !important;}
.n_content_left_cnt .left_menu2_cur a:hover{ color:#000; background:none !important;}
.n_content_left_cnt .left_menu3{ width:193px;}
.n_content_left_cnt .left_menu3 a{  color:#000; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.n_content_left_cnt .left_menu3 a:hover{ color: #F00; height:20px; background:none !important; font-weight:normal;}
.n_content_left_cnt .left_menu3_2{ width:193px;}
.n_content_left_cnt .left_menu3_2 a{  color:#C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.n_content_left_cnt .left_menu3_2 a:hover{ color:#F00; height:20px; background:none !important; font-weight:normal;}
.n_content_left_cnt .left_menu3_cur{ width:193px;}
.n_content_left_cnt .left_menu3_cur a{  color: #C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.n_content_left_cnt .left_menu3_cur a:hover{ color:#F00; background:none !important; font-weight:normal;}


.n_content_left{ height: auto; float:left; position:relative;}


.n_content_right{position:relative; height: auto; float:right; }


.n_content_right_name{ width:92%; margin:0 auto; position:relative; }


.n_content_right_m {text-align:left; width:92%; margin:0 auto; line-height:24px; color:#737373; font-size:12px;  position:relative;}








.foot{  width:100%; margin:auto; position:relative; text-align:center;font-family:"微软雅黑";font-size:12px; height:153px;color:#f39700; text-decoration:none; line-height:25px; background:url(http://1.rc.xiniu.com/rc/Bottoms/2758/images/ifcsp1_foot_bg.jpg?d=20201230134336746) 0 0 #eaeaea repeat-x ; }
.foot a{font-family:"微软雅黑";font-size:12px; color:#f39700; text-decoration:none; line-height:25px;}
.foot a:hover{ color:#f39700;}
.foot_c{position:relative; width:1000px; margin:auto; height:153px; text-align:left;}


.foot_c_add{position:absolute; width:600px;top:27px; left:0px; height:51px; }
.foot_jmrxt{width:130px; height:28px; line-height:28px; padding-left: 39px; font-size: 25px;  background:url(http://1.rc.xiniu.com/rc/Bottoms/2758/images/b_bg.png?d=20201230134336746) 0 0 no-repeat; position: absolute;;top: 0; left: 0; color: #ff7f00;}
.foot_jmrx{ color:#008040; width:340px; height:28px; font-size:25px; float:left;position:absolute; top:2px; left:170px; }
.foot_gsname{width:600px; height:18px; font-size:12px; line-height:18px;  color:#ff7f00; float:left; position: absolute; top:37px; left:0;}


.foot_fxwz{position:absolute; top:36px; right:140px;}
.foot_fxwz span{color:#8fc31f}


.foot_copy{position:absolute; width:356px;top:64px; line-height: 14px; left:638px; }
.foot_copy_ba{float:right;}
.foot_copy_name{text-align: right; }


.foot_tel{position:absolute; width:600px;top:80px; left:0px;}
.foot_tel_f{}
.foot_tel a{color:#999; }
.foot_add{width:600px; height:22px; color:#ff7f00; padding-right:10px; position: absolute;left: 0px;}
.foot_phone{display: none;}
.foot_fax{display: none;}
.foot_zip{display: none;}


.foot_fx{position:absolute; top:34px; right:0;}


.xn_f_2_warp {position: absolute; top:43px; right:200px;}







.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=20180517201159891) 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=20180517201159891) 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=20180517201159891) 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=20180517201159891) 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=20180517201159891) 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=20180517201159891) 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;}





