﻿

@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;}




.t_logo{ float: left; width: 375px;height:80px; position:relative;}
.t_logo img{ border:0px; position:absolute; top: 50%; width:192px;-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}

body { min-width:1200px !important;}

.xn_n_14_wrap{position: relative;height:32px;text-align:center;float: left;margin-top: 25px;}
.xn_n_14_wrap_main{height:32px; margin:0 auto;}
.xn_n_14_wrap_main>ul>li{position:relative; width: 100px; margin: 0 4px;}
.xn_n_14_wrap_menu1 {float:left;height:32px; font-size:14px;}
.xn_n_14_wrap_menu1>a{color:#333;line-height: 30px;height: 32px;display:block;width: 100px;text-decoration:none;}
.xn_n_14_wrap_menu1 a:hover{ color:#fe0000;}
.xn_n_14_wrap_menu1_2 {float:left; height:32px; font-size:14px;}
.xn_n_14_wrap_menu1_2>a{color: #fff;display:block;height: 32px;width: 100px;line-height: 30px;background:url(https://rc0.zihu.com/g2/M00/6C/2B/CgAGfFqd-vmAWV2IAAALgF0QbzQ170.png) center no-repeat;border-radius: 50px;}
.xn_n_14_wrap_menu1_2>a:visited{color:#fff;line-height: 30px;height: 32px;text-decoration:none;}
.xn_n_14_wrap_menu1_cur {float:left;height:32px; font-size:14px;}
.xn_n_14_wrap_menu1_cur>a{color:#fff;text-decoration:underline;display:block;line-height: 30px;width: 100px;height: 32px;background:url(https://rc0.zihu.com/g2/M00/6C/2B/CgAGfFqd-vmAWV2IAAALgF0QbzQ170.png) center no-repeat;border-radius: 50px;text-decoration:none;}
.xn_n_14_wrap_menu1_cur>a:visited{color:#fff;line-height: 30px;height: 32px;}
.xn_n_14_wrap_menu2 a{color:#666; font-size: 12px; font-weight:normal;line-height:30px !important;white-space: nowrap;}
.xn_n_14_wrap_menu2 a:hover{ color:#fe0000;}
.xn_n_14_wrap_menu2_2 a{color:#666; display:block; font-size: 12px; font-weight:normal;line-height:30px !important; white-space: nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    -moz-binding:url('ellipsis.xml#ellipsis');}
.xn_n_14_wrap_menu2_2 a:hover{ color:#fe0000;}
.xn_n_14_wrap_main>ul>li>ul{width:130px;background:#f5f5f5; left:50%; z-index: 10; position: absolute; top:32px; padding: 15px 0; margin-left:-65px;border-radius: 0 0 3px 3px;}
#type1Li_n26,#type1Li_n25,#type1Li_n6,#type1Li_n34{display:none;}


.xn_h_2_wrap{float: right;margin-top:30px; margin-left:20px;}
.xn_h_2_Search{width:auto;}
.xn_h_2_Search_lb{height: 20px;width: 20px;position:relative;cursor:pointer;}
.xn_h_2_Search_img{width:16px;height:16px;background:url(https://rc1.zihu.com/rc/Heads/38510/images/XSearch.png?d=20180124164416276) left top no-repeat;position: absolute;right: 0;top: 4px;}
.xn_h_2_Search_HVbox{width: 264px;height: 30px;font-size:14px;line-height: 30px;color:#333;text-align:center;  display:none; position:absolute;top:30px;right:0px;background:#FFF;border:1px solid #ccc;z-index:9;}
.xn_h_2_Search_HVbox td{ float: right;}
.xn_h_2_Search_text{width:220px;height: 30px;border:0px;background-color: transparent;color:#999;text-indent:10px;}
.img_xn_h_2_Search{width:30px;height:30px;}
#img_xn_h_2_Search{ margin: 8px 4px 8px 8px;}
.xn_h_2_Search_colse{position:absolute; top:0px; right:0; width:30px; height: 30px; background: url(https://rc1.zihu.com/rc/Heads/38510/Images/colse.png?d=20180124164416276) center no-repeat; z-index: 34;}


.t_ver { float:right; width: 28px; height: 28px; overflow: hidden; margin-top: 27px;transition:0.5s;}
.t_ver li{ height: 28px; width: 28px; line-height: 26px;border-radius: 50%; background: #e60012;  text-align: center;}
.t_ver li:hover{ height: 28px; width: 28px; line-height: 26px;background: #fe0000;  text-align: center;}
.t_ver li a{ font-size: 12px; color: #fff;}


.top{ width: 100%; z-index:99; position:fixed;; background:#fff; }
.t_t{position:relative; z-index:100; width:1200px; margin:0 auto; height:80px;}
#ea_ba{padding-top: 80px;}




.about_banner_m img{height:450px;width: 100%;}
.about_banner img{height:450px;width: 100%;}


.about_banner{width:100%; height:450px; overflow: hidden; position:relative; margin:0 auto;}
.about_banner_m{Z-INDEX:0; width:1920px; height:450px; position:absolute; left:50%; margin-left:-960px;}




.xn_c_pro_251_wrap{width: 100%;margin:60px auto 0;}
.xn_c_pro_251_xhbox{float:left;width: auto;margin: 0 20px 28px 0;}

.xn_c_pro_251_pic{width: auto;height: auto;overflow:hidden;}
.xn_c_pro_251_pic img{width: auto;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.xn_c_pro_251_pic img:hover{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.xn_c_pro_251_con{ width:100%; height: 120px; border: 1px solid #e5e5e5; background:#f2f2f2; box-sizing: border-box; padding:18px 35px; position: relative;-webkit-transition: all 0.8s; transition: all 0.8s;}
.xn_c_pro_251_con:hover{background-color: #cb151d; color:#fff; border-color:#cb151d;}
.xn_c_pro_251_name a{ display:block; color:#333; font-size:18px; text-align:left;-webkit-transition: all 0.8s; transition: all 0.8s;}
.xn_c_pro_251_con:hover a{ color:#fff;}
.xn_c_pro_251_coent{ max-width:308px;font-size:14px; color: #828282; line-height: 20px; height: auto; overflow: hidden;-webkit-transition: all 0.8s; transition: all 0.8s;}
.xn_c_pro_251_con:hover .xn_c_pro_251_coent{ color:#fff;}
.xn_c_pro_251_zt{width:200px;height:66px;line-height:22px;overflow:hidden; display:none;}
.xn_c_pro_251_bh{ font-size: 12px; color:#999; font-family: Arial; border-top:1px solid #e5e5e5; margin-top:20px; line-height: 60px;-webkit-transition: all 0.8s; transition: all 0.8s;display:none;}
.xn_c_pro_251_con:hover .xn_c_pro_251_bh{ color: #fff;}
.xn_c_pro_251_bh2{ color:#f2f2f2;}
.xn_c_pro_251_con:hover .xn_c_pro_251_bh2{ color: #fff;}
.xn_c_pro_251_more{width: 66px;height: 20px; overflow: hidden; position: absolute; top:30px; right: 35px;display:none;}
.xn_c_pro_251_more a{width: 66px;height: 20px;display: block;background: #f2f2f2 url(https://rc1.zihu.com/rc/Contents/38547/images/jiantou_s.png?d=20180124164417120) center no-repeat; font-size: 0;}
.xn_c_pro_251_more a:hover{ width:88px; height:20px; background-color: #fff;}


.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: #fe0000;border: 1px solid #fe0000;}
.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: #fe0000;border: 1px solid #fe0000;}
.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: #fe0000;border: 1px solid #fe0000;color: #fff;height:26px;width:26px;line-height:26px;}


.n_main{width: 100%; margin:0; padding:0; background:url(https://rc1.zihu.com/rc/Contents/38547/Images/incsp1_index_cbg.png?d=20180124164417120) 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://rc1.zihu.com/rc/Contents/38547/images/about_view.jpg?d=20180124164417120) 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:#fe0000;}
.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://rc0.zihu.com/g2/M00/AC/E5/CgAGe1tZWv-AFMNdAAAMCT-bwmc286.png) top center no-repeat; text-align: center;}
.video_body .n_content_right_name_l{background: url(https://rc1.zihu.com/rc/Contents/38547/images/video_name.png?d=20180124164417120) top center no-repeat;}
.case_complex_body .n_content_right_name_l{background: url(https://rc1.zihu.com/rc/Contents/38547/images/case_name.png?d=20180124164417120) top center no-repeat;}
.news_body .n_content_right_name_l,.news_view_body .n_content_right_name_l{background: url(https://rc1.zihu.com/rc/Contents/38547/images/news_name.png?d=20180124164417120) top center no-repeat;}
.recruitment_body .n_content_right_name_l{background: url(https://rc1.zihu.com/rc/Contents/38547/images/recruitment_name.png?d=20180124164417120) top center no-repeat;}
.sv_body .n_content_right_name_l,.sv_view_body .n_content_right_name_l{background: url(https://rc1.zihu.com/rc/Contents/38547/images/sv_name.png?d=20180124164417120) top center no-repeat;}
.contact_body .n_content_right_name_l{background: url(https://rc1.zihu.com/rc/Contents/38547/images/contact_name.png?d=20180124164417120) top center no-repeat;}
.n_content_right_name_l1{color:#fe0000;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://rc1.zihu.com/rc/Contents/38547/images/left_menu1.jpg?d=20180124164417120) 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: #fe0000;}
.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: #fe0000;line-height:22px;display:inline-block;}
.n_content_left_cnt .left_menu1_2 a:hover{color:#fff;background: #fe0000;}
.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: #fe0000;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_cnt2{width: 100%;height: auto;background:#FFFFFF;min-height:100px;border-top: 1px solid #e5e5e5;z-index: 3;margin:0px auto;display:none;}
.n_content_left_cnt2 ul li ul li ul{border-bottom:none !important;}
.n_content_left_cnt2>ul>ul{ position:relative;padding-left: 50px;}
.n_content_left_cnt2>ul>ul>li{ display:inline-block; text-align:center;}
.n_content_left_cnt2>ul>ul::before{content:"";position:absolute;top: -3px;left:0px;width:17px;height:50px;background:url(https://rc1.zihu.com/rc/Contents/38547/images/f_list.png?d=20180124164417120) no-repeat;}
.n_content_left_cnt2>ul>ul>a{ position: absolute; top:-3px; right: 0;width:50px;height:50px;background:url(https://rc1.zihu.com/rc/Contents/38547/images/l_list.png?d=20180124164417120) no-repeat;}
.n_content_left_cnt2>ul>ul>li>ul{ display: none !important;}
.n_content_left_cnt2 .left_menu1 {margin:0 auto;width: 136px;background: #FFFFFF;font-size: 14px;position: relative;}
.n_content_left_cnt2 .left_menu1:before{content:"";position:absolute;top: -3px;left:67px;width:5px;height:30px;background:url(https://rc1.zihu.com/rc/Contents/38547/images/list.png?d=20180124164417120) no-repeat;}
.n_content_left_cnt2 .left_menu1 a{display: block;padding-top: 30px;color: #696969;text-decoration:none;text-indent: 0;}
.n_content_left_cnt2 .left_menu1 a:hover{text-decoration:none;color: #fe0000;background: none;}
.n_content_left_cnt2 .left_menu1_2 {width: 136px;position: relative;}
.n_content_left_cnt2 .left_menu1_2:before{content:"";position:absolute;top: -3px;left:67px;width:5px;height:30px;background:url(https://rc1.zihu.com/rc/Contents/38547/images/list_h.png?d=20180124164417120) no-repeat;}
.n_content_left_cnt2 .left_menu1_2 a{font-size: 14px;display: block;text-indent: 0;color: #fe0000;text-decoration:none;background: none;padding-top: 30px;text-align: center;}
.n_content_left_cnt2 .left_menu1_cur{width: 136px;position: relative;}
.n_content_left_cnt2 .left_menu1_cur:before{content:"";position:absolute;top: -3px;left:67px;width:5px;height:30px;background:url(https://rc1.zihu.com/rc/Contents/38547/images/list_h.png?d=20180124164417120) no-repeat;}
.n_content_left_cnt2 .left_menu1_cur a{font-size: 14px;display: block;text-indent: 0;color: #fe0000;text-decoration:none;background: none;padding-top: 30px;}
.n_content_left_cnt2 .left_menu2{ width:193px;}
.n_content_left_cnt2 .left_menu2 a{ text-indent:10px; color:#333; background:none !important;}
.n_content_left_cnt2 .left_menu2 a:hover{ color:#000; background:none !important;  color:#333;}
.n_content_left_cnt2 .left_menu2_2{ width:193px;}
.n_content_left_cnt2 .left_menu2_2 a{text-indent:10px; background:none !important;  color:#C00;}
.n_content_left_cnt2 .left_menu2_2 a:hover{ color:#000; background:none !important;  color:#333;}
.n_content_left_cnt2 .left_menu2_cur{ width:193px;}
.n_content_left_cnt2 .left_menu2_cur a{text-indent:10px; color:#C00; background:none !important;}
.n_content_left_cnt2 .left_menu2_cur a:hover{ color:#000; background:none !important;}
.n_content_left_cnt2 .left_menu3{ width:193px;}
.n_content_left_cnt2 .left_menu3 a{  color:#000; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.n_content_left_cnt2 .left_menu3 a:hover{ color: #F00; height:20px; background:none !important; font-weight:normal;}
.n_content_left_cnt2 .left_menu3_2{ width:193px;}
.n_content_left_cnt2 .left_menu3_2 a{  color:#C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.n_content_left_cnt2 .left_menu3_2 a:hover{ color:#F00; height:20px; background:none !important; font-weight:normal;}
.n_content_left_cnt2 .left_menu3_cur{ width:193px;}
.n_content_left_cnt2 .left_menu3_cur a{  color: #C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.n_content_left_cnt2 .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%;height: 520px;line-height:25px;padding-top: 71px;position:relative;text-align:center;font-size:12px;border-top: #dfdfdf 1px solid;color:#777777;}
.foot_c{width:1200px;height: 520px;margin:0 auto;position:relative;text-align:left;}


.b_contact_text{width:330px;color:#333;position: absolute;right: 0px;top:0px;}
.b_contact_content{ width:100%; height:100%; color: #333; position:relative; }
.b_contact_title{ width: 160px; height: 30px; font-size: 14px; overflow: hidden;font-weight: bolder;}
.b_contact_hotline{ width:330px; height: 30px; overflow: hidden;}
.b_contact_switchboard{width:330px; height: 30px; overflow: hidden; }
.b_contact_fax{ width: 330px; height: 30px; overflow: hidden;}
.b_contact_address{ width: 330px; height: 30px;}
.b_contact_name1{ width: 26px; height: 30px;float: left;display: block;overflow: hidden;}
.b_contact_name2{ width: 33px; height: 30px;float: left;display: block;overflow: hidden;}
.b_contact_content_text1{width: 270px;height: 30px;float: left;display: block;overflow: hidden;}
.b_contact_content_text2{width: 290px;height: 30px;float: left;display: block;}


.foot_nav{width: 1000px;height: 520px;position: relative;overflow: hidden;}
.foot_nav_ul{ float:left; margin:0px; padding:0px; }
.foot_nav ul li{width: 200px;height: 30px;float:left;position: relative;}
.foot_nav ul li a{width: auto;display: block;color: #333;font-size: 14px;white-space: nowrap;overflow: hidden;font-weight: bold;}
.foot_nav ul li a:hover{ color: #fe0000; }
.foot_nav ul li ul{ padding-top: 10px; }
.foot_nav ul li ul li{width: 204px;height: 29px;padding: 0px;margin: 0px;border-right:0px;}
.foot_nav ul li ul li a{width: auto;display: block;line-height:25px;font-size: 12px;color: #333;font-weight: normal;overflow: hidden;}
.foot_nav ul li ul li a:hover{ color: #fe0000;text-decoration:underline; }
.foot_line{ height: 155px; border-right: #dfdfdf 1px solid; position: absolute; left: 100px; top:0px;display:none;}
#foot_type1Li_n19,#foot_type1Li_n27,#foot_type1Li_n14,#foot_type1Li_n8,#foot_type1Li_n15,#foot_type1Li_n7,#foot_type1Li_n1,#foot_type1Li_n3,#foot_type1Li_n4{ display: none;}


.foot_copy{width:960px;height: 25px;line-height: 12px;margin: 0 auto;color: #333;text-align: center;overflow: hidden;}
.foot_copy_name{width: 41%;float: left;text-align: right;overflow: hidden;}
.foot_copy_ba{ width: 14%; float: right; text-align: left; overflow: hidden; }
.foot_copy_ba2{ width: 30%; float: right; text-align: left; overflow: hidden; }
.foot_copy_ba a{ color: #333; }
.foot_copy_ba2 a{ color: #333; }

.xn_m_6_wrap{display:none !important;}

.xn_f_1_warp {}


.xn_f_2_warp { width: 60px; position: absolute; right: 250px; bottom: 0px; }






.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://rc1.zihu.com/rc/Marketings/38533/images/er.png?d=20180124164416995) 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://rc1.zihu.com/rc/Marketings/38533/images/img_loading.png?d=20180124164416995) center no-repeat;display:block;font-size: 0;overflow: hidden;}
.xn_m_6_xlwb_weibo a{width: 50px;height: 50px;background: #333 url(https://rc1.zihu.com/rc/Marketings/38533/images/you.png?d=20180124164416995) center no-repeat;display:block;font-size: 0;}
.xn_m_6_ali_li a{width: 50px;height: 50px;background: #333 url(https://rc1.zihu.com/rc/Marketings/38533/images/text.png?d=20180124164416995) center no-repeat;display:block;font-size: 0;}
.xn_m_6_mailwz a{width: 50px;height: 50px;background: #333 url(https://rc1.zihu.com/rc/Marketings/38533/images/xn_m_6_orderId.png?d=20180124164416995) 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://rc1.zihu.com/rc/Marketings/38533/images/top.png?d=20180124164416995) 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;}





