﻿/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/

body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;}

*{box-sizing: border-box;}

#copy{display: none;}

a{font: inherit;color:inherit;text-decoration: none;}
a:hover { color:#e71b20;text-decoration: none; border-bottom-style:}

.page{margin:0 auto;width: 1400px;position: relative;}
.bg{ width: 100%; min-width: 1400px;}
.box{margin: 0 auto;width:94%;}
.box2{margin: 0 auto;width:84%;position: relative;}

.fl { float: left;}
.fr {float: right;}

em,i {font-style: normal;}


/*隐藏右边滚动条
body::-webkit-scrollbar {  display: none;}*/


/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


/*英文样式*/
.font_en{font-family: "Arial, Helvetica, sans-serif";text-transform: uppercase;}
.font_en2{font-family:"Biko";text-transform: uppercase;}




html{font-size: 15px;}




/*标题*/
.title{text-align: center;padding:70px 0 35px 0;}
.title b{display: block;font-size:40px;color:#333;}
.title t{color:#e71b20;}
.title p{font-size: 18px;color:#999;line-height: 30px;}






/*抬头*/
.head_bg{height:120px;}
.head{display: flex;justify-content: space-between;}
.head_logo{display: flex;align-items: center;}
.head_logo a{display: flex;align-items: center;height: 120px;}
.head_logo li{margin-left:0.8vw;}
.head_logo b{font-size: 30px;color:#333;}
.head_logo p{font-size: 18px;color:#666;}
/*栏目*/
.NavCeshi li{float:left;padding: 0 2vw;position:relative;top: 0px;transition: 0.2s all ease-in-out;}
.NavCeshi li>a{display:block;position: relative;text-align: center;}
.NavCeshi li i{line-height:120px;font-style:normal;font-size:16px;color:#333;}
.NavCeshi li.navcurrent i,.NavCeshi > li:hover > a i{color:#e71b20;}
.NavCeshi > li.navcurrent > a:before,.NavCeshi > li:hover > a:before{ left: 12px !important}
.NavCeshi > li > a:after{ content: ''; display: block; width: 0%; height:2px;transition: 0.2s all ease-in-out; position: absolute; left:0%; bottom: 0; background: #e71b20;z-index: -1; }
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{ width: 100%}
/*下拉*/
.NavCeshi .nav2{width:190px;border-top: 4px #e71b20 solid;position: absolute;left:50%;top:100px;transform: translate(-50% );z-index: 9;transition: all 0.3s ease-out 0s;opacity: 0;}
.NavCeshi li:hover .nav2{opacity: 1;top:120px;z-index: 9999;}
.NavCeshi .nav2 a{display: block;height: 50px;line-height: 50px;background: #e71b20;color: #fff;text-align: center;transition:ease-out .3s;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 15px;}
.NavCeshi .nav2 a:hover{background: #fff;text-indent: 10px;color: #e71b20;}
.NavCeshi .nav2 a:hover{background: #fff;text-indent: 10px;color: #e71b20;}
.nav2 table{width: 100%;}
/*其他屏幕样式
@media (max-width: 1850px) and (min-width: 1781px){

}
@media (max-width: 1780px) and (min-width: 1681px){

}
@media (max-width: 1680px) and (min-width: 1600px){
.NavCeshi li i{font-size: 15px;}
}
@media (max-width: 1599px) and (min-width: 1500px){
.NavCeshi li i{font-size: 14px;}
}
@media (max-width: 1499px) and (min-width: 1400px){
.NavCeshi li i{font-size: 14px;}
}*/





/*搜索*/
.top_search{display: flex;align-items: center;height: 120px;cursor: pointer;}
.search_bg{height: 100px;overflow: hidden;border-bottom: 1px #eee solid;}
.search_nbg{position: absolute;z-index: 999;top: 620px;border: 1px solid #eee;background: #fff;}
.search_nbg .search{background: #fff;margin: 0 auto;}
.search-bg{width:300px;height:50px;overflow: hidden;margin-top:26px;}
.search{width: 100%;height: 100px;padding: 0 30px;background:#fff;position: absolute;top: 120px;left: 0;z-index: 22;box-shadow: 0 0 30px rgba(0,0,0,.08);transition: all 0.3s;transform: scale(0);}
.top_search:hover .search{transform: scale(1);}
.search_l{line-height: 100px;color: #c0c0c0;}
.search_l dd{font-size:18px;color: #333;display: inline-block;}
.search_l a{font-size:0.75vw;color: #666;}
.search_l a:hover{color:#13a75a;}
.search-bg #infoname{width:300px;background:#eee;outline:none;color:#ccc;border: none;height:50px;line-height:6;font-size: 14px;padding-left: 20px;font-weight: lighter;border: 1px solid #eee;border-top: none;border-bottom: none;border-radius: 23px;}
.search_nbg #infoname{width:278px;height: 50px;}
.search-bg{position: relative;}
.search-i{position: absolute;right: 0px;top: 0px;height:50px;}
.search-i input{outline:none;}






/*幻灯片*/
.banner{width:100%;overflow:hidden;position:relative;z-index: 1;background: #000;}
.banner-box{ min-width:1400px; height:825px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:825px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;    height: 80%;    position: relative;    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:330px; left: 0; margin-left: 0; height:450px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px;background-position: 0 0;} 
.banner-btn a.next{ right:-50px;background-position: -49px 0;}
.banner-btn a{background:url(img/20221029135140_1915676858.png) no-repeat;}
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #e71b20;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:80px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 80px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*内页*/
.banner-nbox{height:500px;}
.banner-nbox .bd li{height:500px;}
.banner-nbox .banner-btn{top: 160px;height: 250px;}




.imgbox{ display:block; position:relative;  }
.imgbox:before{content:""; display:block; padding-top:75%}
.imgbox img{ height:100% ; position:absolute; width:100%;top:0; left:0; display:block; width:100%;}

/*产品中心*/
.service_list .prolist2021{height: 60px;}
.service_list li{float: left;width: 20%;text-align: center;height: 60px;line-height: 60px;background: #f5f5f5;}
.service_list li a{font-size: 16px;}
.service_list li+li{border-left: 1px #eaeaea solid;}
.service_list .prolist2021 li dl{display:none;}

.service_list li.on{background: #e71b20;}
.service_list li.on a{display: block;color:#fff;}

.service_cont .progdwz2021 ul li{display: inline-block;position: relative;margin-left:1%;overflow: hidden;padding-left:0!important;text-align: center;}
.service_cont .progdwz2021 ul li br{display:none;}
.service_cont .progdwz2021 ul li{width:23.4%;height:100%;}
.service_cont .progdwz2021 ul li>a,.service_cont .progdwz2021 ul li>a>img{width:99.9%;height:auto;transition:0.5s;}
.service_cont .progdwz2021 ul li:hover img{transform: translate3d(0px, -50px, 0px);transition:0.5s;}
.service_cont .progdwz2021 ul li:nth-child(1){width:49.8% !important;height:100% !important;float: left;margin-left: 0px;}
.service_cont .progdwz2021 ul li:nth-child(1) >a{width: 100% !important;height: 100% !important;display: block;}
.service_cont .progdwz2021 ul li:nth-child(1) img{width: 100% !important;height:518 !important;}
.service_cont .progdwz2021 ul li:nth-child(n+4){margin-top:1%;}
.service_cont .progdwz2021 ul li span {padding-top: 0px !important;position: absolute;transition: 0.5s;bottom: 0;left: 0;width: 100%;background: #e71b20;height: 50px;transform: translateY(50px);transition:0.5s;}
.service_cont .progdwz2021 ul li:hover span{transform: translateY(0px);transition:0.5s;}
.service_cont .progdwz2021 ul li span a{color: #fff;font-size: 16px;line-height: 50px;}

.service .tempWrap{width:100% !important;height:518px !important;}
.service_cont .progdwz2021 li>a{display: block;position: relative;overflow: hidden;border: 1px #eee solid;}









/*好产品尽在智丰*/
.adv{position:relative;overflow:hidden;}
.adv:after{display:block;position:absolute;z-index:1;top:0;width:100%;height:61.4%;content:"";background:#f8f8f8;}
.adv_title{position: relative;z-index: 2;}
.adv .box{position:relative;z-index:3;}
.adv-list{position:relative;z-index:5;height:50rem;}
.adv-list .item{position:absolute;overflow:hidden;}
.adv-list .item .text{padding: 3.5rem 2.75rem;overflow:hidden;}
.adv-list .item .text .hd{padding-bottom:2rem;overflow:hidden;border-bottom: rgb(154 154 154 / 10%) solid 1px;}
.adv-list .item-2 .text .hd{border-bottom: rgb(255 255 255 / 20%) solid 1px;}
.adv-list .item .text .hd em{display:block;float:right;font-size:2rem;font-weight:bold;font-family: "MarkPro";font-style: normal;}
.adv-list .item .text .hd h3{font-size:1.75rem;font-weight:bold;}
.adv-list .item .text .bd{padding-top:2rem;line-height:34px;font-size:16px;overflow:hidden;color:#999;}
.adv-list .item-2 .text .bd{color: #e6c0c1;}
.adv-list .item-1{left:0;top:0;width:49%;height:50rem;background:#fff;}
.adv-list .item-1 .text{color:#333;height:25.625rem;}
.adv-list .item-1 .text .hd em{color:#bbb;}
.adv-list .item-1 .pic{overflow:hidden;}
.adv-list .item-1 .pic img{display:block;width:100%;}
.adv-list .item-2{left:49%;top:0;width:25.5%;height:25.625rem;background:#e71b20;}
.adv-list .item-2 .text{color:#fff;}
.adv-list .item-2 .text .hd em{color:#ff7073;}
.adv-list .item-3{right:0;top:0;width:25.5%;height:25.625rem;background:#fff;}
.adv-list .item-3 .text{color:#333;}
.adv-list .item-3 .text .hd em{color:#bbb;}
.adv-list .item-4{right:0;top:25.625rem;width:51%;height:25.625rem;background:#f5f5f5;}
.adv-list .item-4 .text,.adv-list .item-4 .pic{float:left;width:50%;height:25.625rem;}
.adv-list .item-4 .text{color:#333;}
.adv-list .item-4 .text .hd{border-color:#e8e8e8;}
.adv-list .item-4 .text .hd em{color:#bbb;}
.adv-list .item-4 .pic{position:relative;background:#e71b20;}
.adv-list .item-4 .pic img{display:block;width:100%;}
.adv-list .item-4 .pic:after{display:block;position:absolute;top:50%;left:-5px;width:5px;height:9px;content:"";background:url(img/20221029135254_1023438723.png) no-repeat;transform:translateY(-50%);}
.bg1{position:absolute;z-index:2;top:0;left:0;height:82%;background:#e71b20;}
.adv .bg1:after{display:block;position:absolute;top:28%;right:0;bottom:24%;width:1.875rem;content:"";background:url(img/20221029135254_563418842.png);}







/*客户案例*/
.apply_img ul{ display: flex;}
.apply_img ul+ul{margin-top:25px;}
.apply_img li{float:left;overflow: hidden;}
.apply_img li+li{margin-left: 25px;}
.apply_img li *{display: block;}
.apply_img li>a{position: relative;}
.apply_img li>a:before{content:"";display:block;width:0%;height:337px;background:rgb(0 0 0/0.7);position: absolute;top: 0;transition:all 0.3s;}
.apply_img li:hover>a:before{width:100%;}
.apply_img li>a:after{content:"了解更多";display:block;width:120px;height:40px;line-height:40px;background:#fff;font-size: 15px;color:#e71b20;text-align:center;position: absolute;top:-50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;transition: all 0.3s;}
.apply_img li:hover>a:after{top:50%;}
.apply_img li p{margin-top: 1px;height: 50px;line-height: 50px;background: #f5f5f5;text-align: center;font-size: 16px;color: #333;position:relative;}
.apply_img li p:before{content:"";display:block;width: 0%;height: 50px;background: #e71b20;position: absolute;top: 0;transition:all 0.3s;}
.apply_img li:hover p:before{width: 100%;}
.apply_img li p a{font: inherit;color: inherit;position: relative;z-index: 2;}
.apply_img li:hover p a{color:#fff;}             






/*选择智丰的四大优势*/
.bz{width: 100%;min-width: 1400px;background:#fafafa;overflow:hidden;position: relative;}
.bz .con{margin-top: 0px; width: 46.211%; float:right;}
.bz .con dl{position:relative;border-left: 10px #e71b20 solid;}
.bz .con dl img{width:100%;min-height:700px;}
.bz .tit{width:720px;float:left;margin-left:13%;position: absolute;left: 0;top: 0;}
.bz .tit .ht{margin-bottom:5vh;margin-top:10vh;}
.bz .tit .ht b{font-size:40px;font-weight:bold;color:#333;}
.bz .tit .ht t{color:#e71b20;}
.bz .tit .ht p{font-size: 18px;color:#999;}
.bz .nr ul{margin:0 auto;margin-top:8px;border-left:3px #ccc solid;}
.bz .nr li{display:inline-block;padding:4px 20px;transition:all 0.3s linear;cursor:pointer;position: relative;}
.bz .nr li:before{content:"";border-left:3px #e71b20 solid;height:70px;position:absolute;left:-3px;top:0px;opacity: 0;transition: all 0.3s;}
.bz .nr li .bt{float:left;}
.bz .nr li .bt span{font-size:24px;font-weight:bold;margin-top: 6px;line-height:35px;color:#333;}
.bz .nr li .bt p{margin-top:5px;font-size:16px;color:#666;line-height: 30px;}
.bz .nr li.cur:before{opacity:1;}
.bz .nr li.cur span{color:#e71b20;}
.bz .nr li+li {margin-top:5%;}
.bz .morex{width:150px;position:relative;z-index:0;margin-top:5vh;}
.bz .morex:before{content:"";width:50px;height:50px;position:absolute;background:#ececec;border-radius:50%;left:0px;top:0;z-index:-1;}
.bz .morex a{font-size:20px;color:#686868;display:block;padding-left:30px;float:left;line-height:50px;transition:all 0.5s;}
.bz .morex i{font-size:24px;float:right;color:#686868;line-height:50px;font-weight:bold;transition:all 0.5s;}
.bz .morex:hover i{transform:rotate(360deg);color:#e71b20;}
.bz .morex:hover a{color:#e71b20;}

@media screen and (max-width:1700px) {
.bz .tit{width: 610px;}
}

@media screen and (max-width:1570px) {
.bz .tit{margin-left: 8%;}
.bz .nr li+li{ margin-top: 3%;}
}



.worry_m{width: 954px;height: 220px; background:#e71b20; border-radius: 110px;box-shadow:0 0 13px 12px rgba(0, 0, 0, 0.1);text-align: center;margin: 0 auto;padding: 40px 0 0; font-size: 22px; color: #fff; position: relative; margin-top: -110px;}
.worry_m p{display: block;height: 60px;line-height: 52px;font-size:29px;color:#fff;}
.worry_m p b{font-weight: bold;}
.worry_m span{color: #fff;width: 638px;line-height:50px;background:#ff5a5e;border-radius: 100px;display: block;margin: 0 auto; font-size:20px;}







/*公司简介*/
.ab_all{background:url(img/20230907115356_711420215.jpg) no-repeat center;width: 100%;height:600px;position: relative;}
.abbox{width: 1200px;height: 260px;background: #fff;border-radius: 10px;position: absolute;bottom: -103px;left: 100px;box-shadow: 0px 0px 18px 0px #bfbfbf;padding: 50px;}
.abbox span{display: block;text-align: center;color: #333;font-size: 28px;font-weight: bold;}
.abbox p,.abbox a{font-size:15px;color: #999;line-height: 30px;padding-top: 20px;text-align: center;}
.abbox a:hover{color: #e71b20;}








/*新闻中心*/
.news{ background:#f5f5f5;}
.news .title i{ border-bottom-color:#f5f5f5;}
.newstab{ text-align:center; padding:0px 0 20px 0px; border-bottom:1px solid #e2e2e2; margin-bottom:50px;}
.newstab a{ display: inline-block;width:180px; height:50px; transition:all .3s ease; line-height:50px; font-size:16px; font-weight:lighter; color:#666666;}
.newstab a+a{ margin-left:10px;}
.newstab a.on{ border-radius:25px; color:#fff; background:#e71b20;}
.newsleft{ width:438px; height:520px; position:relative;}
.newsleft .news_div_item_pic a{display: block;width: 438px;height: 584px;overflow: hidden;}
.newsleft .news_div_item_pic img{height:584px;margin-left: calc(-50%);}
.newsleft .news_div_item_a{ display:block; background:#fff; width:418px; height:110px; line-height:110px; text-align:center; bottom:10px; left:10px; font-size:20px; color:#222222; position:absolute;}
.newsleft .news_div_item_a:hover{ color:#e71b20;}
.newscen{ margin:0px 9px;}
.newscen .news_div_item{ width:467px; height:256px; background:#fff; padding:35px 25px; position:relative;}
.newscen .news_div_item+.news_div_item{ margin-top:8px;}
.newscen .news_div_item_a{ font-size:18px; font-weight:lighter; color:#222222;}
.newscen .news_div_item_body{ font-size:14px; color:#bbb; line-height:32px; margin-top:15px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
.newscen .news_div_item_a:after{ content:''; display:block; position:absolute;width:22px; height:18px; background:url(img/20221029135435_509095235.png) no-repeat left top; transition:all .3s ease; top:205px; right:36px;}
.newscen .news_div_item_date{ position:absolute; top:180px; left:30px; padding-top:34px;}
.newscen .news_div_item_date>div{ float: left; font-size:16px; color:#cccccc; font-weight:lighter;}
.newscen .news_div_item_date .news_div_item_day{ font-size:33px; font-weight:bold; color:#888888; top:0px; left:0px; position:absolute;line-height: 33px; }
.newscen .news_div_item:hover .news_div_item_a:after{ background-position-x:-22px;}
.newscen .news_div_item:hover  .news_div_item_day{color:#e71b20;}
.newscen .news_div_item:hover  .news_div_item_a{ color:#e71b20; }
.newsright .news_div_item{ width:477px; height:168px; background:#fff; padding:20px; position:relative;} 
.newsright .news_div_item+.news_div_item{ margin-top:8px;}
.newsright .news_div_item_date{ padding-left:34px; height:127px; width:138px; padding-top:75px; float:left; border-right:1px solid #eeeeee; position:relative; font-size:16px; color:#cccccc; font-weight: lighter;}
.newsright .news_div_item_date>div{ float:left;}
.newsright .news_div_item_date .news_div_item_day{ position:absolute; top:18px; left:32px; font-size:32px; color:#888888; font-weight:bold; border-bottom:2px solid #cccccc;}
.newsright .news_div_item_content{ float:right; width:260px; padding-top:10px;}
.newsright .news_div_item_title{width: 216px;overflow: hidden;}
.newsright .news_div_item_a{ font-size:18px; color:#222222; font-weight:lighter;white-space: nowrap;height: 28px;text-align: center;overflow: hidden;text-overflow: ellipsis;}
.newsright .news_div_item_body{ margin-top:15px; font-size:12px; color:#cccccc; font-weight:lighter;}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute;width:22px; height:18px; background:url(img/20221029135435_509095235.png) no-repeat left top; transition:all .3s ease; top:107px; left:190px; }
.newsright .news_div_item:hover .news_div_item_a:after{ background-position-x:-22px;}
.newsright .news_div_item:hover  news_div_item_day{color:#e71b20;}
.newsright .news_div_item:hover  .news_div_item_a{ color:#e71b20; }






/*友情链接*/
.copyright{ background:#222; color:#fff; }
.links{ line-height:90px; background:#e71b20; color:#fff; font-size:18px;}
.linkTagcs li{ line-height:90px !important;}
.links p.fl{ padding-left:40px; background:url(img/20221029135528_31350395.png) no-repeat left center;}
.links p.fr{ font-size:25px; font-family:impact; text-transform:uppercase;}







/*版权*/
.bq{border-top: 1px solid #333;line-height: 80px;}
.end,.end a{ font-size:14px; color:#888;}
.end a:hover{ text-decoration:underline; color:#fff;} 
.crcon{ padding:60px 0; width:1400px; margin:0 auto;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; padding-left:25px; position:relative; vertical-align:top;}
.kslj li:after{content: "";display: block;width: 1px;height: 180px;background: #333;position: absolute;right: -100px;top: 0;}
.kslj li p{ font-size:18px; margin-bottom:25px; position:relative;}
.kslj li p:after{ content:''; display:block; position:absolute; top:0; bottom:0; height:1px; margin:auto 0; left:-25px; width:16px; background:#fff;}
.kslj li a{ display:block; font-size:14px; color:#888; line-height:32px;}
.kslj li a:hover{ text-decoration:underline; color:#fff;} 
.kslj li+li{ margin-left:180px;}
.crcode{ font-size:14px;text-align:center;}
.crcode img{ display:block; width:150px; height:150px; margin-bottom:10px;}
.crconcat{ text-align:center; height:218px; box-sizing:border-box; padding:0px 120px; }
.crphone{ font-size:33px; font-weight:bold;}
.cr_c{ font-size:14px; line-height:25px; margin:20px 0; color:#888;}
.crbtn a{ width:200px; line-height:38px; border-radius:20px; font-size:14px; color:#fff; display:inline-block; background:#e71b20; transition:all .3s ease;}
.crbtn a:hover{ box-shadow:0 0 5px #fff;}
.crbtn i{ display:inline-block;  color: #fff; padding-left:28px; background:url(img/20221029135555_1670986061.png) no-repeat left center;font-style: normal;}
.zhuying{line-height: 80px;}




/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(img/20221029104353_269239787.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #e00211; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #e00211; border-color: #e00211; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-mail>i{background-position: -3px -74px;    width: 22px;height:22px;}
.y-kefu-box01 .kf-mail:hover>i{background-position: -27px -74px;}
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #e00211; border-color: #e00211;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #e00211; font-size: 18px; }
y-kefu-box .right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
y-kefu-box .right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;
}
y-kefu-box .right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #e00211; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }