@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:100px;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%);height:76px;width:61px;}
#ea_l{position:relative;top:0px;width:100px;height:81px;}


.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: auto;margin: 0 4px;padding: 0 9px;}
.xn_n_14_wrap_menu1 {float:left;height:32px; font-size:14px;}
.xn_n_14_wrap_menu1>a{color:#808080;line-height: 30px;height: 32px;padding: 0 12px;display:block;width: auto;text-decoration:none;font-weight: bold;}
.xn_n_14_wrap_menu1 a:hover{ color:#165fe9;font-weight: bold;}
.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:auto;line-height: 30px;background:#165fe9;padding: 0 12px;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;font-weight: bold;text-decoration:underline;display:block;line-height: 30px;width:auto;height: 32px;background:#0080c0;padding: 0 12px;border-radius: 50px;text-decoration:none;}
.xn_n_14_wrap_menu1_cur>a:visited{color:#fff;font-weight: bold;line-height: 30px;height: 32px;}
.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{color:#fff; 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:100px;background:#f5f5f5; left:50%; 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{background:#fff;}
.xn_n_14_wrap_main ul li ul li:hover{background:#165fe9;color:#fff;}
.xn_n_14_wrap_main ul li ul li a:hover{color:#fff;}
#type1Li_n0{ display: none;}


.xn_h_2_wrap{float: right;margin-top:25px; 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://1.rc.xiniu.com/rc/Heads/38510/images/XSearch.png?d=20180429104303052) left top no-repeat;position: absolute;right: 0;top: 4px;}
.xn_h_2_Search_HVbox{display: block !important;width: 204px;height: 30px;font-size:14px;line-height: 30px;color:#333;text-align:center;  display:none; position:absolute;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:170px;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://1.rc.xiniu.com/rc/Heads/38510/Images/colse.png?d=20180429104303052) center no-repeat; z-index: 34;}


.t_ver { float:right; width: 28px; height: 28px; overflow: hidden;border-radius: 50%; background: #333; margin-top: 27px;display: none;}
.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:#ffffff; }
.t_t{position:relative; z-index:100; width:1200px; margin:0 auto; height:80px;}
#ea_ba{padding-top: 80px;}




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

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


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



.n_content_right_name_r{position:absolute; top:-32px; left:0px; width:auto; height:auto; color:#eaeaea; font-size:14px; text-align:left;}
.n_content_right_name_r a{ color:#eaeaea; font-size:14px; }
.n_content_right_name_r a:hover{color: #0072d4;}
.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:14px;}
.n_content_right_name_r ul li img{ margin-right:12px;display: none;}
.n_r_wz1{display: none;}


.n_content_left{clear:both;}
.n_content_left_t{ width:auto; height:40px;float: left;}
.n_content_left_t1{display: block;width: auto;position: relative;color: #000000; font-size: 24px;line-height: 26px;}
.n_content_left_t2{display: block;width: auto;position: relative;color: #666666; font-size: 14px;line-height: 14px;}


.n_content_left_cnt{width: auto;height: 30px;position: relative;float: right;}
.products_body .n_content_left_cnt,.pro_body .n_content_left_cnt,.prod_view_body .n_content_left_cnt{display: none;}
.n_content_left_cnt>ul>ul{float: left;}
.n_content_left_cnt>ul>ul:first-child li:first-child{background: none;}
.n_content_left_cnt ul li ul li ul{border-bottom:none !important;}
.left_menu1,.left_menu1_cur,.left_menu1_2{width: 100px;height: 30px;position: relative;float: left; background: url(https://1.rc.xiniu.com/rc/Contents/32824/images/left_menu1.png?d=20180524163136751) no-repeat left center;}
.left_menu1>a,.left_menu1_cur>a,.left_menu1_2>a{display: block;width: 100%; height: 100%;text-align: center;color: #444444;font-size: 12px;position: relative;line-height: 30px;transition: all ease-out .4s;}
.left_menu1 a:hover{background:#0072d4;color: #FFF; }
.left_menu1 a:hover::after,.left_menu1_cur a:hover::after,.left_menu1_2 a:hover::after{background:#0072d4;}
.left_menu1_cur>a,.left_menu1_2>a{background:#0072d4;color: #FFF;}
.left_menu1_cur a::after,.left_menu1_2 a::after{background:#0072d4}
.left_menu2{ width:193px;}
.left_menu2 a{ text-indent:10px; color:#333; background:none !important;}
.left_menu2 a:hover{ color:#000; background:none !important;  color:#333;}
.left_menu2_2{ width:193px;}
.left_menu2_2 a{text-indent:10px; background:none !important;  color:#C00;}
.left_menu2_2 a:hover{ color:#000; background:none !important;  color:#333;}
.left_menu2_cur{ width:193px;}
.left_menu2_cur a{text-indent:10px; color:#C00; background:none !important;}
.left_menu2_cur a:hover{ color:#000; background:none !important;}
.left_menu3{ width:193px;}
.left_menu3 a{  color:#000; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3 a:hover{ color: #F00; height:20px; background:none !important; font-weight:normal;}
.left_menu3_2{ width:193px;}
.left_menu3_2 a{  color:#C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3_2 a:hover{ color:#F00; height:20px; background:none !important; font-weight:normal;}
.left_menu3_cur{ width:193px;}
.left_menu3_cur a{  color: #C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3_cur a:hover{ color:#F00; background:none !important; font-weight:normal;}
.n_content_left_cnt>ul>ul>li ul{display: none !important;}
.left_menu1:hover +li{background: none;}
.left_menu1_cur:hover +li,.left_menu1_cur +li{background: none;}
.left_menu1_2:hover +li,.left_menu1_2 +li{background: none;}


.n_case_m{width:100%; height: auto;position: relative;}
.n_case_main{width:100%; height:320px; position:relative; margin: 0px 0px 50px 0px;}
.n_case_mainright{width: 280px;height: 320px;position: relative;float: left;}
.case_lb_date1{display: block;width: 120px;height: 37px;position: relative;margin: 15px 26px 0px 33px;float: left; color: #8a8a8a; font-size: 32px;border-bottom: 1px solid #e8e8e8;line-height: 33px;}
.case_lb_date2{display: none;}
.case_lb_date3,.case_lb_date4,.case_lb_date5{display: block;width: auto;float: left;margin: 8px 0px 0px 0px;color: #c5c5c5; font-size: 14px;line-height: 14px;}
.case_lb_date3{margin: 8px 0px 0px 33px;}
.n_case_mainleft{width: 890px;height: 320px; position: relative;float: left;}
.n_case_mainleft::before{content: ""; width: 100%; height: 1px;position: absolute;bottom: 0px;left: 0px;background: #d3d3d3;}
.n_case_img{width: 280px;height: 320px;}
.n_case_img img{width: 280px;height: 320px;}
.case_lb_date{width: 180px;height: 90px;position: absolute;z-index: 1;background: #FFF;box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);bottom: 20px;right: 0px;}
.n_case_main_name{width: 460px;height: 48px;border-bottom: 1px solid #d3d3d3; transition: all ease-out .3s;position: relative;float: left;margin: 40px 0px 0px 50px;  white-space: nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis;  overflow:hidden; -moz-binding:url('ellipsis.xml#ellipsis'); }
.n_case_main_name1{ color: #000; font-weight:bold;}
.n_case_main_name2 a{color: #000000; text-decoration:none; font-size: 18px;line-height: 18px;}
.n_case_main_cnt{width: 460px;height: 42px;position: relative;float: left;margin: 21px 300px 0px 50px;overflow: hidden;line-height: 21px;color: #333333; font-size: 14px; transition: all ease-out .3s; }
.n_case_main_cnt2{display: block;width: 460px;height: 42px;line-height: 21px;color: #333333; font-size: 14px; }
.n_case_main_cnt1{ color: #000; font-weight:bold !important;}
.n_case_main_more{width: 158px;height: 42px;position: relative;float: left; margin: 70px 0px 0px 50px; background: #0072d4;text-align: center; line-height: 42px;opacity: 0; transition: all ease-out .3s;}
.n_case_main:hover .n_case_main_more{margin: 70px 0px 0px 70px; opacity: 1; }
.n_case_main:hover .n_case_main_name{margin: 40px 0px 0px 70px;}
.n_case_main:hover .n_case_main_cnt{margin:21px 300px 0px 70px;}
.n_case_main:hover .n_case_main_name2 a{color: #0072d4;}
.n_case_main_more a{display: block;width: 100%;height: 100%;color: #FFF; font-size: 12px;}
.n_case_more{position:absolute; right:0; top:10px;}
.n_case_more a{background:url(https://1.rc.xiniu.com/rc/Contents/32824/Images/icpsp1_index_commore1.png?d=20180524163136751) no-repeat; width:44px; height:11px; display: block;}
.n_case_more a:hover{background:url(https://1.rc.xiniu.com/rc/Contents/32824/Images/icpsp1_index_commore2.png?d=20180524163136751) no-repeat; width:44px; height:11px;}
.details {
    display: block;
    position: absolute;
    z-index: 20;
    top: 100px;
    background-color: #ededed;
    width: 60px;
    height: 50px;
    margin: 0px;
    border-radius: 0px;
    line-height: 21px;
    text-indent: 100px;
    overflow: hidden;
    border: none;
    right: 0px;
    color: rgba(204, 204, 204, 0);
    font-size: 14px;
    transition: all 0.3s ease 0s;
    z-index: 5;
    background: url(https://1.rc.xiniu.com/rc/Contents/32824/images/ico_img01.png?d=20180524163136751)no-repeat -86px -2px;
}
#newsPage #newslist .newstitem i {
    text-indent: 0px;
    color: transparent;
    font-size: 20px;
    margin: 0;
    display: none;
}
.details i {
    text-indent: -10px;
    font-size: 24px;
    color: rgba(255,255,255,.0);
    transition: all ease-out .3s;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.n_case_main:hover .details i {
    text-indent: 110px;
    color: #707070;
}
.n_case_main:hover a.details {
    background: url(https://1.rc.xiniu.com/rc/Contents/32824/images/ico_img01.png?d=20180524163136751)no-repeat -86px -64px;
}


.fy{ width:100%; height: 36px;position: relative;margin: 0px 0px 130px 0px;text-align: right;}
.fy>div{width: 1170px;position: relative;margin: 0 auto;}
.fy a{color: #666666;font-size: 13px;line-height: 34px;}
.fy_1{display: none;}
.fy_2,.fy_6{cursor: pointer; display: inline-block;width: 68px; height: 34px;border: 1px solid #b9b9b9;margin: 0px 0px 0px 7px;text-align: center;transition: all ease-out .4s;}
.fy_2:hover,.fy_6:hover{background: #0072d4; border: 1px solid #0072d4;}
.fy_2:hover a,.fy_6:hover a{color: #FFF;}
.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:5px; margin-right:5px}
.fy_7{ margin-left:5px; margin-right:5px;display: none;}
.fy_8{}
.fy_9{display: none;}
.fy_out,.fy_on{cursor: pointer;display: inline-block;width: 34px; height: 34px;border: 1px solid #b9b9b9;margin: 0px 0px 0px 7px;text-align: center;transition: all ease-out .4s;}
.fy_out:hover,.fy_on:hover,.fy_on{background: #0072d4; border: 1px solid #0072d4;}
.fy_out:hover a,.fy_on:hover a,.fy_on a{color: #FFF;}


.n_main{width: 100%; margin:0; padding:0;  height:auto; z-index:5; position: relative;} 
.n_content{width:1170px; margin:0 auto;}
.video_view_body .n_content{padding: 0px 0px 160px 0px;}
.news_view_body .n_content{padding: 0px 0px 160px 0px;}
.case_view_body .n_content{padding: 0px 0px 160px 0px;}
.pro_zdy{width: 1170px;position: relative;padding: 60px 0px 0px 0px;height: auto;margin: 0px auto;}


.n_content_left{width:1170px; height: 40px; position:relative;padding: 90px 0px 0px 0px;}


.n_content_right{position:relative; width:100%; height: auto;padding: 50px 0px 0px 0px;}


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


.n_content_right_m {position: relative;width: 100%; height: auto;}
.n_content_right_m_left{width: 780px;position: relative;float: left;}
.news_view_body .n_content_right_m_left{width: 800px;}
.n_content_right_m_right{width: 350px;position: relative;float: right;}
.news_view_body .n_content_right_m_right{width: 320px;}




.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(https://1.rc.xiniu.com/rc/Bottoms/38532/images/arr_down.png?d=20180429104303207) no-repeat;position: absolute;right: 0;top:5px;cursor: pointer;}
.down_arr_h{background: url(https://1.rc.xiniu.com/rc/Bottoms/38532/images/arr_down_h.png?d=20180429104303207) 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: 70px;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(https://1.rc.xiniu.com/rc/Bottoms/38532/images/foot_b.jpg?d=20180429104303207) 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(https://1.rc.xiniu.com/rc/Bottoms/38532/images/foot_up_btn.png?d=20180429104303207) 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:#fff; line-height:25px; }
.foot a{ font-size:12px; color:#fff; 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: #0080c0; overflow: hidden;}
.foot_c{position:relative;width:1200px;margin:0 auto;height:360px;}


.foot_tel{float: left;width: 650px;font-size: 14px;}
.foot_phone span{margin-bottom: 14px; font-family: Arial; font-size: 36px;color: #fff;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: #fff;font-family: "宋体";background: url(https://1.rc.xiniu.com/rc/Bottoms/38532/images/photo.png?d=20180429104303207) right 1px no-repeat;padding-right: 27px;}}
.foot_add{color: #fff !important;font-weight: bold;}
.foot_fax{color: #fff;line-height: 20px;}
.foot_zip{ display: none;}
.foot_add{ font-weight: bold;}


.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: #fff;}


.foot_fx{position:absolute;bottom:90px;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(https://1.rc.xiniu.com/rc/Bottoms/38532/images/bds_sqq.png?d=20180429104303207) center no-repeat !important;}
.foot_fx .bds_weixin{background: #fff url(https://1.rc.xiniu.com/rc/Bottoms/38532/images/bds_weixin.png?d=20180429104303207) center no-repeat !important;}
.foot_fx .bds_tsina{background: #fff url(https://1.rc.xiniu.com/rc/Bottoms/38532/images/bds_tsina.png?d=20180429104303207) center no-repeat !important;}
.foot_fx .bds_tieba{background: #fff url(https://1.rc.xiniu.com/rc/Bottoms/38532/Images/bds_tieba.png?d=20180429104303207) center no-repeat !important;}
.foot_fx .bds_more{background: #fff url(https://1.rc.xiniu.com/rc/Bottoms/38532/images/icon_pt.png?d=20180429104303207) 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: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=20180429104303864) 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=20180429104303864) 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=20180429104303864) 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=20180429104303864) 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=20180429104303864) 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=20180429104303864) 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;}