@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:"微软雅黑";min-width:1200px;}
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: 260px;height:80px; position:relative;}
.t_logo img{ border:0px; position:absolute; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);width: 90px;height: 90px;}


.xn_n_14_wrap{position: relative;height:32px;text-align:center;float: left;margin-top: 16px;}
.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;font-size:16px;}
.xn_n_14_wrap_menu1>a{color:#333;display:block;width: 100px;text-decoration:none;font-size:16px;}
.xn_n_14_wrap_menu1 a:hover{ color:#b62626;}
.xn_n_14_wrap_menu1_2 {float:left; font-size:16px;}
.xn_n_14_wrap_menu1_2>a{color:#b62626;display:block;width: 100px;border-radius: 50px;font-size:16px;}
.xn_n_14_wrap_menu1_2>a:visited{color:#b62626;text-decoration:none;font-size:16px;font-weight: 660;}
.xn_n_14_wrap_menu1_cur {float:left;height:32px; font-size:14px;}
.xn_n_14_wrap_menu1_cur>a{color:#b62626;text-decoration:underline;display:block;line-height: 30px;width: 100px;height: 32px;text-decoration:none;}
.xn_n_14_wrap_menu1_cur>a:visited{color:#b62626;line-height: 30px;height: 32px;font-weight: 660;}
.xn_n_14_wrap_menu2 a{color:#666; font-size: 12px; font-weight:normal;line-height:30px !important;}
.xn_n_14_wrap_menu2 a:hover{ color:#165fe9;}
.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:#165fe9;}
.xn_n_14_wrap_main>ul>li>ul{width:130px;background:#f5f5f5; left:34%; z-index: 10; position: absolute; top:32px; padding: 15px 0; margin-left:-50px;border-radius: 0 0 3px 3px;}
.xn_n_14_wrap_main ul li ul li{}



.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(../images/xsearch.png) 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(../images/colse.png) center no-repeat; z-index: 34;}


.t_ver { float:right; width: 28px; height: 28px; overflow: hidden;border-radius: 50%; background: #333; margin-top: 27px;}
.t_ver li{ height: 28px; width: 28px; line-height: 28px; text-align: center;}
.t_ver li a{ font-size: 12px; color: #fff;}


.top{ width: 100%; z-index:99; position:fixed;; background:#fff;top:0; }
.t_t{position:relative; z-index:100; width:1200px; margin:0 auto; height:80px;}
#ea_ba{}



.about_banner_m img{height:400px;width: 100%;}
.about_banner img{height:400px;width: 100%;}

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



.xn_ba_js_10_main { width:100%; height:313px; position:relative; margin:0 auto; visibility:hidden ;  background: #f2f2f2;}
.xn_ba_js_10_element div { position:absolute; }
.xn_ba_js_10_element { position:absolute; }
.xn_ba_js_10_element img { border:0; cursor:pointer; width:550px; height:313px }
.xn_ba_js_10_bigSpr { position:absolute; overflow:hidden; }

.xn_ba_js_10_zt { white-space:nowrap; color:#FFFFFF; font-family:微软雅黑; overflow:hidden; position:relative; text-align:center; margin:0 auto; }
.xn_ba_js_10_A0 { left:93px; top:89px; color:#555353; font-size:16px; }
.xn_ba_js_10_A1 { left:312px; top:49px; color:#555353; font-size:16px; }
.xn_ba_js_10_A2 { left:383px; top:193px; color:#555353; font-size:12px; }
.xn_ba_js_10_B0 { left:392px; top:105px; color:#ffffff; font-size:30px; }
.xn_ba_js_10_B1 { left:392px; top:140px; color:#ffffff; font-size:30px; }
.xn_ba_js_10_B2 { left:392px; top:175px; color:#757575; font-family:Arial; font-size:11px; }
.xn_ba_js_10_B3 { left:392px; top:207px; color:#ffffff; font-size:14px; }
.xn_ba_js_10_B4 { left:392px; top:232px; color:#ffffff; font-size:14px; }
.xn_ba_js_10_C0 { left:92px; top:48px; color:#ffffff; font-size:14px; }
.xn_ba_js_10_C1 { left:15px; top:73px; color:#ffffff; font-size:38px; }
.xn_ba_js_10_D0 { left:227px; top:134px; color:#ffffff; font-size:30px; }
.xn_ba_js_10_D1 { left:469px; top:134px; color:#ffffff; font-size:30px; }
.xn_ba_js_10_D2 { left:227px; top:169px; color:#f6f952; font-size:18px; }
.xn_ba_js_10_D3 { left:227px; top:194px; color:#bedae4; font-size:10px; }
.xn_ba_js_10_E0 { left:101px; top:81px; color:#ffffff; font-size:45px; }
.xn_ba_js_10_E1 { left:101px; top:130px; color:#ffffff; font-size:45px; }
.xn_ba_js_10_E2 { left:101px; top:179px; color:#ffffff; font-size:45px; }
.xn_ba_js_10_E3 { left:101px; top:235px; color:#555353; font-size:12px; }




.bk1_xn_c_110_wrap{width:100%; }
.about_lc{ width:1200px; margin:0 auto; height:500px; background:#fff;}
.about_lc_tit{  width:1200px; margin:0 auto;   text-align:left;}
.lc_01{   display:block;  font-size:24px;  line-height:80px;  height:66px; color:#000000; text-align:Center;  font-weight:bold;}
.lc_01:after{ content: "";width: 110px;height: 1px;background: #999999;display: block;margin: -14px auto 7px;}
.lc_02{  padding-top:10px;text-align:Center;  color:#999; width:100%; display:block; height:30px; margin:0 auto;font-size:12px;}
.bk1_xn_c_index_110_head{text-align: center;padding-top: 85px;}
.bk1_xn_c_index_110_head2{display: block;font-family: "微软雅黑";font-size: 26px;color: #333;position: relative; }
.bk1_xn_c_index_110_head2:before{content: "";width: 80px;height: 2px;background: #333;display: block;position: absolute;left: 50%;margin-left: 70px;
    top: 15px; }
.bk1_xn_c_index_110_head2:after{content: "";width: 80px;height: 2px;background: #333;display: block; position: absolute;right: 50%;margin-right: 70px;
    top: 15px; }
.bk1_xn_c_index_110_head3{font-size: 16px;color: #999;margin-top: 15px;display: block;margin-bottom: 50px;}
.bk1_xn_c_110_box{width:1200px; height: 430px;margin: 0 auto; position: relative; overflow: hidden;margin-top:10px;}
.bk1_xn_c_110_innerBox{height: 330px;}
.bk1_xn_c_110_innerBox li{width: 1200px;}
.bk1_xn_c_110_img img{width: 1200px; height: 330px;}
.bk1_xn_c_110_Title{display: none;} 
.bk1_xn_c_110_context{display: none;}
.dotBox{margin-top: 30px;     text-align: center;} 
.dotBox:after{content:"";display:block; clear:both;}
.dotBox span{ width: 20px; height: 20px; border-radius: 50%; display: inline-block;margin: 0 14px 0 14px;cursor: pointer;  background-color: #d4d2d2;} 
.dotBox span:hover,.dotBox span.curr {width: 20px; height: 20px; background-color:#b72526; border:0;}
.bk1_xn_c_110_right,.bk1_xn_c_110_left{display: none;}



.n_content_right_name_r{position:absolute; top:-184px; right:420px; width:780px; height:102px; text-align:right;color: #eee;}
.n_r_ltr{padding-right: 70px;text-align: right;font-size: 36px;color: #eee;font-family: "Arial";font-weight: bold;height: 58px;line-height: 58px;padding-bottom: 1px;background: url(../images/n_r_ltr.jpg) bottom right no-repeat;text-transform: uppercase;}
.n_r_wz1,.n_r_wz2,.n_r_wz3,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_content_right_name_r ul li{float:right; line-height:42px;font-size: 14px;}
.n_content_right_name_r a{color: #eee;}
.n_content_right_name_r a:hover{color: #5dbbff;}
.n_r_wz1{display: none;}
.n_content_right_name_r ul li img{ margin-right:12px;display: none;}


.n_content_left_t{ width:1200px;overflow: hidden; text-align:center;padding-bottom: 4px;background: url(../images/n_content_left_t.jpg) bottom center no-repeat;margin-bottom: 20px;}
.n_content_left_t1{height: 48px;line-height: 48px;color: #020202;font-size: 24px;font-weight: bold;overflow: hidden;width: 100%;display: inline-block;margin-bottom: 2px;}
.n_content_left_t2{width: 90px;height: 23px;line-height: 24px;text-align: center;border: 1px solid #d0d0d0;overflow: hidden;color: #020202;font-size: 12px;font-family: "Arial";display: inline-block;margin:78px auto 0;text-transform: uppercase;}
.clapro_complex_body .n_content_left_t2,.claprod_view_body .n_content_left_t2,.claproducts_body .n_content_left_t2{width: 114px;}


.xn_c_solution_1_wrap{width: 100%;position: relative;margin-top: 10px;}
.xn_c_solution_1_col{font-size: 16px;font-weight: bold;border-bottom: 1px solid #ccc;padding:10px 0px;display: none;}
.xn_c_solution_1_li{float: left;width: 360px;height: 320px;background: #fff;margin-right: 40px;position: relative;overflow: hidden;margin-bottom: 50px;transition: all 0.5s;border: 1px #ccc solid;}
.xn_c_solution_1_img{width: 360px;height: 240px;overflow: hidden;margin-bottom: 16px;}
.xn_c_solution_1_img img{width: 360px;height: 240px;transition: all 0.5s;}
.xn_c_solution_1_title{width: 318px;margin: 0 auto;height: 24px;line-height: 48px;font-size: 16px;color: #333;text-align:center;}
.xn_c_solution_1_title a{display: block;height: 24px;line-height: 24px;width: 318px;color: #666;white-space: nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow:hidden;
	-moz-binding:url('ellipsis.xml#ellipsis'); }
.xn_c_solution_1_title a:hover{color: #5dbbff;}
.xn_c_solution_1_main{width: 1256px;}
.xn_c_solution_1_date{height: 20px;line-height: 20px;font-size: 12px;color: #999;font-family: "Arial";margin-left: 22px;}
.xn_c_solution_1_date>span{float: left;}
.xn_c_solution_1_cont,.xn_c_solution_1_more{display: none;}
.xn_c_solution_1_li:hover{box-shadow: 2.7px 4.33px 20px 0px rgba( 0, 0, 0,.27 );}
.xn_c_solution_1_li:hover .xn_c_solution_1_img img{transform: scale(1.1);}


.fy{ width:100%; height: 26px;line-height: 26px;overflow: hidden; text-align:center; font-size:12px;margin-bottom: 150px; }
.job_body .fy{margin-bottom: 30px;}
.fy span,.fy span a{ vertical-align:top; }
.fy_1{display: none;}
.fy_2{margin-left:8px; margin-right:8px;width: 26px;line-height: 26px;font-size: 0;background:url(../images/fy_2.png) no-repeat;display: inline-block;}
.fy_2:hover{background:url(../images/fy_2_hover.png) no-repeat;}
.fy_2 a{display: block;width: 100%;height: 100%;}
.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{margin-left:8px; margin-right:8px;width: 26px;line-height: 26px;font-size: 0;background:url(../images/fy_6.png) no-repeat;display: inline-block;}
.fy_6:hover{background:url(../images/fy_6_hover.png) no-repeat;}
.fy_6 a{display: block;width: 100%;height: 100%;}
.fy_7{ margin-left:5px; margin-right:5px;display: none;}
.fy_8{display: none;}
.fy_9{display: none;}
.fy_out{width: 26px;height: 26px;line-height: 26px;text-align: center;font-family: "Arial";color: #888;font-size: 13px; display: inline-block;margin: 0 1px;}
.fy_out a{display: block;width: 100%;height: 100%;color: #888;}
.fy_on{ width: 26px;height: 26px;line-height: 26px;text-align: center;font-family: "Arial";color: #333;font-size: 13px; display: inline-block;margin: 0 1px;}
.fy_on a{display: block;width: 100%;height: 100%;color: #333;}


.n_main{width: 100%; margin:0; padding:0;height:auto; z-index:5; position: relative;} 
.n_content{width:1200px; margin:0 auto;position: relative;}
.claproducts_body .n_content{z-index: 9;}
.login_body .n_main,.reg_body .n_main,.getpass_body .n_main,.getchapass_body .n_main,.member_body .n_main,.changepass_body .n_main,.balance_body .n_main,.cash_body .n_main{background: #f6f6f7;}
.success_body .n_main,.safe_body .n_main{background: #f6f6f7;overflow: hidden;}


.n_content_left{width:1200px; height: auto; position:relative;overflow: hidden;margin: 0 auto;}


.n_content_right{position:relative; width:1200px; height: auto;margin: 0 auto;}


.n_content_right_name{ width:92%; height:90px; margin:0 auto; position:relative; border-bottom:1px solid #DBDBDB;display: none;}


.n_content_right_m {width:100%; margin:0 auto;  position:relative;margin-top:30px;}




.fix:after,.xn_f_18_nrbox:after,.xn_f_18_xhbigbox:after{content:'\20';display:block;height:0;clear:both;}
.fix,.xn_f_18_nrbox,.xn_f_18_xhbigbox{*zoom:1;}
.xn_f_18_wrap{font-size: 14px;width: 1140px;margin: 0 auto;position: relative;padding-left: 60px;margin-bottom:20px;display: none;}
.xn_f_18_wrap a{color: #696969;line-height: 14px;}
.xn_f_18_wrap a:hover{color: #165fe9;}
.xn_f_18_xhbigbox{height: 30px;overflow: hidden;}
.xn_f_18_nrbox{width: 1031px;overflow: hidden;}
.xn_f_18_lbbox:after{content:'LINK';position:absolute;left:0px;top:-1px;display: block;font-size: 24px;font-family:'Arial';color: #333333;font-weight: bold;}
.xn_f_18_lbbox,.xn_f_18_nrbox,.xn_f_18_nrxh{float:left;}
.xn_f_18_nrxh{margin-bottom: 10px;margin-left: -1px;}
.xn_f_18_nrxh a{transition:all .2s ease-in;display: inline-block;padding: 0 18px;border-left: 1px solid #A8A8A8;margin: 8px 0;}
.xn_f_18_lbbox a{line-height: 30px;}
.down_arr{width: 21px;height: 20px;background: url(../images/arr_down.png) no-repeat;position: absolute;right: 0;top:5px;cursor: pointer;}
.down_arr_h{background: url(../images/arr_down_h.png) no-repeat;}
.index_body .xn_f_18_wrap{display: block;}


.foot_nav2{float: left;width: 900px;text-align:left;padding-top: 40px;margin-bottom: 10px;}
.foot_nav2_ul{ float:left; margin:0px; padding:0px;}
.foot_nav2 ul li{margin-right: 78px;float:left;}
.foot_nav2 ul li:nth-last-child(1){ margin-right:0;}
.foot_nav2 ul li a{line-height:25px;font-weight:bold;font-size: 14px; display: block; padding-bottom: 15px;background-position:0 20px;}
.foot_nav2 ul li a:hover{ color:#165fe9; text-decoration: none; background: url(../images/foot_b.jpg) center bottom no-repeat;}
.foot_nav2 ul li ul li a{line-height:25px; font-weight: normal !important;}
#foot_type2Li_n7{ display:none;}
.foot_up_btn{ width:52px; height:94px;background: url(../images/cgage1o6hqcaekmiaaa_o0ctcye506.png) no-repeat;position: absolute;left: 50%; bottom: 70px; margin-left: -26px; cursor: pointer;}


.foot_copy{position:absolute;left: 50%;bottom: 0;height: 45px;line-height: 45px;font-size: 14px;color: #fff;transform: translateX(-50%);}
.foot_copy_name,.foot_copy_ba{float:left;}
.foot_copy_name{margin-right: 12px;}
.foot_copy_ba a{color: #fff !important;}
.foot_copy_ba a:hover{text-decoration: underline;}


.foot{  width:100%; position:relative; text-align:center; font-size:12px; color:#666666; line-height:25px; }
.foot a{ font-size:12px; color:#333; text-decoration:none; }
.foot a:hover{ text-decoration: underline;}
.foot_c{position:relative; width:1200px; height: 360px;margin:auto; text-align:left;}
.foot{ height: 360px;background: #F2F2F2 url(../images/cgage1o6hf6ab3asaaedyabhk9w785.jpg) no-repeat; overflow: hidden;}
.foot_c{position:relative;width:1200px;margin:0 auto;height:360px;}


.foot_tel{float: left;width: 650px;font-size: 14px;margin-top:16px;}
.foot_phone span{margin-bottom: 14px; font-family: Arial; font-size: 36px;color: #333;border-right: 1px solid #d2d2d2;line-height: 28px;display:inline-block;padding-right:10px;position:relative;margin-top: 18px;}
.foot_phone span:after{content:'服务热线';position:absolute;right: -112px;top: 5px;display: block;font-size: 18px;color: #333333;font-family: "宋体";background: url(../images/photo.png) right 1px no-repeat;padding-right: 27px;}
.foot_phone_1 span{margin-bottom: 14px; font-family: Arial; font-size: 36px;color: #333;border-right: 1px solid #d2d2d2;line-height: 28px;display:inline-block;padding-right:10px;position:relative;margin-top: 18px;}
.foot_phone_1 span:after{content:'招商热线';position:absolute;right: -112px;top: 5px;display: block;font-size: 18px;color: #333333;font-family: "宋体";background: url(../images/photo.png) right 1px no-repeat;padding-right: 27px;}
.foot_add{color: #696969 !important;font-weight: bold;}
.foot_fax{color: #696969;line-height: 20px;}
.foot_zip{ display: none;}
.foot_add{ font-weight: bold;    margin-bottom: 10px;}


.xn_f_13_hidden{display: none;}
.xn_f_13_wrap{position: absolute;right: 0;top:45px;}
.xn_f_13_pic{width: 124px;height: 124px;display: block;}
.xn_f_13_pic img{width: 124px;height: 124px;display: block;}
.xn_f_13_msKeimgBox ul{float:left;width: 124px; margin-left:50px;}
.xn_f_13_msKeimgBox ul li{text-align: center;width: 124px;}
.xn_f_13_title{margin-top: 10px;display: block;font-size: 14px;color: #696969;}


.foot_fx{position:absolute;bottom:62px;left: 0;}
.foot_fx #bdshare a{width: 36px;height: 36px;padding-left: 0;margin: 0 10px 0 0;border-radius: 50%;}
.foot_fx .bds_sqq{background: #fff url(../images/bds_sqq.png) center no-repeat !important;}
.foot_fx .bds_weixin{background: #fff url(../images/bds_weixin.png) center no-repeat !important;}
.foot_fx .bds_tsina{background: #fff url(../images/bds_tsina.png) center no-repeat !important;}
.foot_fx .bds_tieba{background: #fff url(../images/bds_tieba.png) center no-repeat !important;}
.foot_fx .bds_more{background: #fff url(../images/icon_pt.png) center no-repeat !important;}


.xn_f_2_warp{position: absolute;right: 0;bottom:16px;display: none;}






.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:50px !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(../images/er.png) 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(../images/img_loading.png) center no-repeat;display:block;font-size: 0;overflow: hidden;}
.xn_m_6_xlwb_weibo a{width: 50px;height: 50px;background: #333 url(../images/you.png) center no-repeat;display:block;font-size: 0;}
.xn_m_6_ali_li a{width: 50px;height: 50px;background: #333 url(../images/text.png) center no-repeat;display:block;font-size: 0;}
.xn_m_6_mailwz a{width: 50px;height: 50px;background: #333 url(../images/xn_m_6_orderid.png) 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(../images/top.png) center no-repeat;display:block;cursor:pointer; position: relative;right:-40px;}
.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;}