﻿/*public*/
/* Public */
@charset "utf-8";
/* CSS Document */
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; /* Ã¨Â°Â·Ã¦Â­Å’Ã¤Â¸ÂÃ¦â€Â¯Ã¦Å’Â12pxÃ¤Â»Â¥Ã¤Â¸â€¹Ã¥Â­â€”Ã¥ÂÂ· */ font-family:"Microsoft Yahei";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   /*  Ã¥Å½Â»Ã¦Å½â€°IEÃ¤Â¸â€¹Ã©â€œÂ¾Ã¦Å½Â¥Ã¨â„¢Å¡Ã§ÂºÂ¿Ã¦Â¡â€  */
a:focus { outline: none; }    /* Ã¥Å½Â»Ã¦Å½â€°Ã§ÂÂ«Ã§â€¹ÂÃ¤Â¸â€¹Ã©â€œÂ¾Ã¦Å½Â¥Ã¨â„¢Å¡Ã§ÂºÂ¿Ã¦Â¡â€  */
/* end_Public */


.Consulting{width: 100px;position: fixed;right: 5px;top: 50%;margin-top: -302px;z-index:1999;/* min-height: 604px; */}
 .Consulting ul{position: relative;border: 1px solid #FFF;margin-top:5px;border-radius: 4px;box-shadow: 0px 2px 27px 0px rgba(0, 0, 0, 0.14);background: #FFF;}
.Consulting_img{position: relative;}
.niu_img2{display: none;}
.niu_img2 img{position: relative;left: -20px;}
    
.close{position: absolute;top:5px;right:0px;cursor: pointer;}

.Consulting ul li{position: relative;transition:all 0.6s;width: 70px;padding: 0 10px;}
.Consulting ul li a{display: block;text-align: center;transition:all 0.6s;/* font-size: 0; */border-bottom: 1px solid #eeeeee;padding: 6px 0;color: #505050;}
.Consulting ul li a i{display: inline-block; width: 26px; height: 26px; background-repeat: no-repeat; }
.Consulting ul li a p{display: block;/* margin-top: 4px; */line-height: 1;font-size: 13px;}

.phone_consult{border-radius: 4px;}
.phone_consult i{background-image: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/dianhua_2.png);}
.phone_box {width: 240px; height: 58px; line-height: 58px; background: #c7000b; border-radius: 3px; position: absolute; right: 95px; top: 0; font-size: 0; letter-spacing: -3px; display: none; }
.phone_box i {display: inline-block; width: 27px; height: 25px; background: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/dianhua_3.png) no-repeat 0 center; margin-left: 20px; margin-right: 8px; }
.phone_box span {display: inline-block; font-size: 21px; font-weight: bold; color: #fff; letter-spacing: normal; }

.phone_consult:hover a p{color:#FFF;}
.phone_consult:hover{background: #c7000b;border-radius: 4px;}
.phone_consult:hover i{background: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/dianhua_3.png) no-repeat 0 center;}
.phone_consult:hover .phone_box{display: block;}
.phone_consult:hover a{ border-bottom: 1px solid #c7000b;}

.qq_consult i{background-image: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/QQ_1.png);}
.qq_consult:hover a p{color:#FFF;}
.qq_consult:hover{background: #c7000b;}
.qq_consult:hover i{background: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/QQ_2.png) no-repeat 0 center;}
.qq_consult:hover a{ border-bottom: 1px solid #c7000b;}

.Wechat_li i{background-image: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/weixin_1.png);}
.weixin_box{position: absolute;left: -170px;top: -58px;background: #c7000b;width: 160px;height: 190px;display: none;}
.weixin_box img {height: 140px;margin: 10px auto;text-align: center;display: block;}
.weixin_box p{color: #FFF;font-size: 16px;text-align: center;}
.qq_consult i{background-image: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/QQ_1.png);}
.Wechat_li:hover a p{color: #FFF;}
.Wechat_li:hover{background: #c7000b;}
.Wechat_li:hover i{background: url(https://1.rc.xiniu.com/plugin/marketing/site.xiniu.com/images/weixin_2.png) no-repeat 0 center;}
.Wechat_li:hover .weixin_box{display: block;}
.Wechat_li:hover a{ border-bottom: 1px solid #c7000b;}

/* .Extension {background-color:#fff !important;width: 90px !important;}
.Extension img{position: relative;width: 100%;} */
.Consulting ul .Extension{
    background-color: #fff;
}
.Consulting ul .Extension a i{
    background: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/zxtd1-2.png) no-repeat;
}
.Consulting ul .Extension a p{color:#FFF;}
.Consulting ul .Extension{background-color: #c7000b;}
/* .Consulting ul .Extension:hover a i{background: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/zxtd1-2.png) no-repeat 0 center;} */
.Consulting ul .Extension a{ border-bottom: 1px solid #c7000b;}
    
.Website_z i{background-image: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/wzjs.png);}
.Website_z:hover a p{color:#FFF;}
.Website_z:hover{background: #c7000b;}
.Website_z:hover i{background: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/wzjs_1.png) no-repeat 0 center;}
.Website_z:hover a{ border-bottom: 1px solid #c7000b;}

#Consulting_ul .Small_procedures i{background-image: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/szyx.png);}
#Consulting_ul .Small_procedures:hover a p{color:#FFF;}
#Consulting_ul .Small_procedures:hover{background: #c7000b;}
#Consulting_ul .Small_procedures:hover i{background: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/szyx_1.png) no-repeat 0 center;}
#Consulting_ul .Small_procedures:hover a{ border-bottom: 1px solid #c7000b;}

.addappico i{
    background: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/hydz.png);
}
.addappico:hover a p{color:#FFF;}
.addappico:hover{background: #c7000b;}
.addappico:hover i{background: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/hydz_1.png) no-repeat 0 center;}
.addappico:hover a{ border-bottom: 1px solid #c7000b;}

.seo_optimization i{background-image: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/rjkf.png);}
.seo_optimization:hover a p{color:#FFF;}
.seo_optimization:hover{background: #c7000b;}
.seo_optimization:hover i{background: url(https://1.rc.xiniu.com/xiniu/www/marketing/images/rjkf_1.png) no-repeat 0 center;}
.seo_optimization:hover a{ border-bottom: 1px solid #c7000b;}
.xn_site_ftboxrit li {position: relative;}


.Consultation{position: absolute;width: 250px;height:26px;right:0;top:24px;padding-top: 3px;}
.Consultation a{width: 88px;height: 17px;border: 1px solid #FFF;font-size: 16px;text-align: center;display: block;color: #FFF;border-radius: 20px;line-height: 17px;float: left;overflow: hidden;margin-left: 15px;}
.Consultation img{width:14px;height: 17px;float: left;}

.Consultation1{position: relative;width: 100%;height:26px;right:0;padding-top: 3px;}
.Consultation1 a{width: 88px;height: 17px;border: 1px solid #FFF;font-size: 16px;text-align: center;display: block;color: #FFF;border-radius: 20px;line-height: 17px;float: left;overflow: hidden;margin-left: 15px;}
.Consultation1 img{width:14px;height: 17px;float: left;}

@media screen and (max-width: 768px) {
    #Consulting {
        display: none;
    }
}