@charset "utf-8";


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

em,i{font-style: normal;}

/*公共样式部分*/
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Hmos";overflow-x: hidden; font-size:14px;min-width:1400px;}

#copy { display: none;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
a {color: #666; text-decoration: none;}
a:hover { color:#f31313;text-decoration: none; border-bottom-style:}

.bg{width: 100%;min-width:1400px;}
.box{margin:0 auto;width:75%;min-width:1400px;box-sizing: border-box;}
.page{width: 1400px;margin: 0 auto;}


.t{text-align:center;margin-bottom:40px;}
.t p{font-size:40px;font-weight:bold;color: #222;padding-bottom: 5px;position:relative;}
.t dd{font-size: 18px;}


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

/*左右浮动清除*/
.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;}
.top140 {padding-top: 140px;}
.top170 {padding-top: 170px;}

@font-face{font-family:OPPOSans2;font-weight:400;src:url(https://dsfs.oppo.com/store/public/font/OPPOSans-Regular.woff2) format("woff2"),url(https://dsfs.oppo.com/store/public/font/OPPOSans-Regular.woff) format("woff"),url(https://dsfs.oppo.com/store/public/font/OPPOSans-Regular.ttf) format("truetype")}@font-face{font-family:OPPOSans2;font-weight:500;src:url(https://dsfs.oppo.com/store/public/font/OPPOSans-Medium.woff2) format("woff2"),url(https://dsfs.oppo.com/store/public/font/OPPOSans-Medium.woff) format("woff"),url(https://dsfs.oppo.com/store/public/font/OPPOSans-Medium.ttf) format("truetype")}





/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3817190 */
  src: url('//at.alicdn.com/t/c/font_3817190_b5c96yhajis.woff2?t=1670892247087') format('woff2'),
       url('//at.alicdn.com/t/c/font_3817190_b5c96yhajis.woff?t=1670892247087') format('woff'),
       url('//at.alicdn.com/t/c/font_3817190_b5c96yhajis.ttf?t=1670892247087') format('truetype');
}

.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


/*抬头*/
.top_bg{height:46px;line-height: 46px;background: #f31313;position: relative;z-index: 999;}
.top{width:90%;}
.top_fl p{font-size: 14px;color:rgba(255,255,255,0.8);}
.top_fl p a{color:rgba(255,255,255,0.8);}
.top_fr p{float:left;height: 46px;font-size: 14px;color:rgba(255,255,255,0.8);display: flex;align-items: center;}
.top_fr p img{float: left;margin:0px 12px 0  0;}
.top_fr p:first-child{width:124px;cursor:pointer;position:relative}
.top_fr p:first-child:after{display:block;content:"";width:100px;height:0px; padding:10px; background: #fff url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20221022/20221022180911_669591911.jpg)no-repeat center;background-size: 90%;transition: all 0.3s;position:absolute;box-shadow: 0 0 10px rgba(0,0,0,.1);display:none; transition: 0.3s ease all;    top: 46px;}
.top_fr p:first-child:hover:after{height:100px;display:block;}
.top_fr p b{font-size:24px;color:#fff;font-family:"Century Gothic";}



.header{height: 120px;width:100%;border-bottom: 1px solid rgba(255,255,255,0.1);z-index: 999;transition: 0.3s ease all;background:#fff;}
.head{display: flex;align-items: center;justify-content: space-between;width: 90%;margin: 0 auto;}

.logo{}

/*导航*/
.nav{height:120px;display: flex;align-items: center;}
.nav>li{ float: left; display: block;height:120px;    position: relative;}
.nav>li+li{margin-left: 70px;}
.nav>li>a{ display: block; color: #666; font-size: 16px; text-align: center;position: relative; z-index: 2;   line-height: 120px;transition: 0.3s ease all; }

.nav>li:after{content:'';width:0%;height:3px;background:#f31313;position:absolute;left:0px;bottom:0px;transition: .3s all ease-in-out;}

.nav> li.navcurrent:after, .nav>li:hover:after{width: 100%;}
@media (max-width:1700px)  {
    .nav>li+li{margin-left: 60px;}
}
@media (max-width:1600px)  {
    .nav>li+li{margin-left: 40px;}
}





/*button*/
.btn_more {    margin-left: 80px;}
.btn_more ul {display: flex;justify-content: space-around;}
.btn_more li {display:  flex;}
.btn_more li i {width: 36px;height: 36px;border-radius: 50%;font-size: 21px;display:  flex;justify-content:  center;align-items:  center;overflow:hidden;position:relative;z-index: 5;transition:0.5s;border: 1px solid #f2960f;color: #f2960f;}
.btn_more li:hover i {color:#333;}
.btn_more li:hover i:after {transform:scale(0);}
/*search*/
.search {position:absolute;transform: rotateX(90deg);transition:0.5s;opacity: 0;background: #fff;border: 1px solid #fff;padding:30px 50px;top: 160px;right: 0;transform-origin: top;box-shadow:  0 0 20px #ddd;border-radius: 10px;    z-index: 55;}
.head_s {display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form {display: flex;justify-content: space-between;align-items: center;border: 1px solid #ddd;padding: 0 12px;margin-top: 0px;width: 100%;}
#search-bg {width: 140px;height: 38px;line-height: 38px;overflow: hidden;box-sizing: border-box;}
#search-i {box-sizing: border-box;position: relative;    z-index: 5;margin-left: 50px;}
#search-i:after {content: '';width: 33px;height: 33px;border-radius: 50%;position: absolute;top: -6px;left: -6px;z-index: -1;}
#infoname {border: none;background: none;outline: none;}
.search-text{ font-size:15px;color: #666; display: flex;justify-content: center;align-items: center; letter-spacing: 1px;}
.search-text a{ font-size:15px; color: #666 !important; font-weight: 100;}
.search-text span{color:#333;font-size: 15px;font-weight:  bold;}
.search_con {display: flex;flex-direction: column;align-items: center;width: 68%; padding-top:10px;}
.btn_more li:hover .search {transform: rotateX(0deg);opacity:1;}





.dropmenu{ position:absolute; top:150%; max-height:0; transition:all .3s ease; width:220%;left: -59%;z-index:99; transition:all .3s ease; background:#fff; border-radius:0px; opacity:0; visibility:hidden; padding: 0px 0px}
.dropmenu a{ display:block; line-height:46px !important; text-align:center; font-size:15px !important; color:#666 !important; transition:all .5s ease; border-bottom: 1px #f8f8f8 solid;}
.dropthree{ position:relative;}
.dropthree>div{ position:absolute; left:105%; visibility:hidden; opacity:0; transition:all .3s ease; border-radius:5px;width:100%; background:#f9f9f9; top:0;}
.dropthree:hover>div{ opacity:1; left:100%; visibility:visible; }
.nav li:hover .dropmenu{ max-height:1000px;  top:100%; opacity:1; visibility:visible;}
.dropmenu a:hover{ background:#f31313; color:#fff !important;}
.head_nav li {    position: relative;}
.head_nav li .prolist2021 {position:relative;}
.head_nav li .prolist2021 ul {position:relative;}
.head_nav li .prolist2021 li {position:relative;left: -100%;}
.head_nav li .prolist2021 li dl {position:absolute;top:0;left:100%; transition: 0.5s;}
.nav li:hover dl {    opacity: 1; transition: 0.5s;}
.head_nav li .prolist2021  a {display: block;padding: 0 0px;width:284%;height: 42px; border-bottom: none;background: #fff; color: #666; font-weight: 100; font-size: 14px; line-height: 42px;position: relative;}

.nav_c>ul>li:hover .nav2 {transform: rotateX(0deg);}
.head_nav li .prolist2021 li:hover dl { transform: rotateY(0deg);}
.head_nav li .prolist2021 li dl {position: absolute;top: 0; left: 100%;transition: 0.5s; transform-origin: left; transform: rotateY(90deg);}



/*幻灯片*/
.banner_box,.banner_box .bd li{height:700px;background: #fff;}
.banner_box .banner-btn a.prev,.banner_box .banner-btn a.next{top:330px;background-image:url(https://memberpic.114my.com.cn/0379281/uploadfile/image/20230530/20230530094625_2138536942.png);}
.banner_box .hd ul li.on{background:#fa3030;}
.banner_box{min-width:1400px;position:relative;overflow:hidden;}
.banner_box .bd{ width:100% !important;}
.banner_box .bd li{width:100%;background-position: center;background-repeat: no-repeat;}
.banner_box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-54px;background-repeat:no-repeat;background-position:0 0;} 
.banner-btn a.next{right:-54px;background-repeat:no-repeat;background-position:-49px 0;}
.banner_box:hover .banner-btn a.prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner_box:hover .banner-btn a.next{ right: 54px; 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_box .hd {position:absolute;bottom:20px;width: 100%;display: block;}
.banner_box .hd ul{ text-align: center}
.banner_box .hd ul li{ width:10px; height:10px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out;}
.banner_box .hd ul li.on{width:10px;}



/*about*/
.ab_bc { padding: 100px 0;background:#f8f8f8 }
.ab_c { display: flex; align-items: center; justify-content: space-between; position: relative; }
.ab_lc { width: 50%; position: relative; z-index: 99; overflow: hidden;}
.ab_lc video { width: 100%; height: 445px; }
.ab_lc>p { top: 50%; left: 50%; margin-top: -38px; display: flex; align-items: center; justify-content: center; position: absolute; margin-left: -38px; }
.ab_rc { width: 40%; }
.ab_ti { font-size: 34px; color: #222; font-weight: 500; margin-bottom: 50px;margin-top: 10px;}
.ab_ti>b { display: inline-block;color: #222;  font-weight: 500;}
.ab_rc>p {color: #f31313;text-transform: uppercase;font-size: 50px;font-weight: bolder;}
.ab_wz { font-size: 15px; color: #666; line-height: 30px; margin: 36px 0 100px; }
.ab_rc img { width: 100%; }
.ab_rc i { margin-top: 40px; }
.ab_rc a{display:block;width:160px;height:40px;line-height:40px;background:#f31313;text-align:center;color:#fff;    border-radius: 5px;position: relative;overflow: hidden;}
.ab_rc a:before{content:'';width: 0%;height:100%;display:block;background:#222;position: absolute;left:0;top:0; transition:0.3s all ease-in-out;}
.ab_rc a:hover:before{width:100%;}
.ab_rc a span{position: relative;z-index:9;}
.num_c>ul { display: flex;flex-wrap: wrap;margin-top: 50px;justify-content: space-between;}
.num_c>ul span{height: 70px;width: 1px;background: #ccc;display:block;margin-top: 20px;}
.num_c>ul>li { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.num_c>ul>li:nth-child(1) {padding-left:0px; }
.num_c>ul>li+li:after { position: absolute; content: ""; height: 100%; width: 1px; background: #e5e5e5; top: 0; left: 0; }
.num_c>ul>li:nth-child(5):after { display: none; }
.num_c b { font-size: 54px; align-items: flex-end; display: flex; margin: 0 auto;color:#222;}
.num_c em { font-size: 18px; padding-bottom: 9px; }
.num_c p { font-size: 18px; margin-top: 12px; }
.sl_tit { text-align: center;}
.sl_tit>b { display: block; font-size: 45px; }
.sl_tit>p { font-size: 18px; margin-top: 15px; }

.product{width: 100%; background: #f8f8f8; padding: 80px 0 80px; transition: ease .3s;}
.product .index_title p::after{width: 20px;}
.product .product_content{margin: 0 auto; background: #fff; overflow: hidden; transition: ease .3s;}
.product .product_top{overflow: hidden;border-bottom: 1px dashed #ddd;transition: ease .3s;position: relative;display: flex;align-items: center;justify-content: space-between;padding: 0 40px;}
.product .index_title{margin-top: 50px;text-align: left;}
.product .product_nav{background: #f31313;padding: 0 10px;margin: 30px auto;transition: ease .3s;overflow: hidden;width: 100%;text-align: center;}
.product .product_nav ul{overflow: hidden; position: relative; padding: 9px 0;}
.product .product_nav ul p{width: 20px; height: 10px; position: absolute; left: 0; top: 0; transition: ease .3s; overflow: hidden; opacity: 0;}
.product .product_nav ul p.on{opacity: 1;}
.product .product_nav ul p:nth-last-child(2) i{background: #fff; width: 20px; height: 20px; transform: rotate(45deg); display: block; margin-left: 0px; margin-top: -16px;}
.product .product_nav ul p:nth-last-child(1) i{background: #fff; width: 20px; height: 20px; transform: rotate(45deg); display: block; margin-left: 0px; margin-top: 4px;}
.product .product_nav ul p:nth-last-child(1){top: unset; bottom: 0;}
.product .product_nav ul span{display: block; width: 50px; height: 50px; background: url(https://memberpic.114my.com.cn/076923180225/uploadfile/image/20221210/20221210172645_1965037818.png) center no-repeat; position: absolute; right: 0; top: 5px; transform: rotate(90deg); transition: ease .3s; opacity: 0; visibility: hidden;}
.product .product_nav ul span.on{transform: rotate(-90deg);}
.product .product_nav ul li{float: left; /* padding: 0 50px; */ box-sizing: border-box; transition: ease .3s; text-align: center; width: calc(100% / 3);}
.product .product_nav ul li+li{ border-left: 1px dashed rgba(255, 255, 255, 0.2);}
.product .product_nav ul li:nth-child(4n){border-right: 0;}
.product .product_nav ul li a{display: block; height: 50px; line-height: 62px; color: #fff; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.product .product_nav ul li a b{font-weight: bold;}
.product .product_nav ul li.on:after{content:'';width:0px;height:0px;display:block;border-right: 12px solid transparent;border-left: 12px solid transparent;border-bottom: 8px solid #fff;margin: 0 auto;position: relative;top: 9px;}


.prod_r{padding:40px;}
.prod_r ul{width:100%;float: left;}
.prod_r .progdwz2021{width:100%;}
.prod_r .progdwz2021 li{float:left; width:calc((100% - 60px) / 4); border:1px solid #f4f4f4; box-sizing:border-box; overflow:hidden;     display: block;}
.prod_r .progdwz2021 li+li{margin-left:20px;}
.prod_r .progdwz2021 li > a{display:block; width:100%;  overflow:hidden; }
.prod_r .progdwz2021 li > a img{width:100%; transition-duration:0.8s; height: auto;}
.prod_r .progdwz2021 li:hover > a img{transform:scale(1.1);}
.prod_r .progdwz2021 li > br{display:none;}
.prod_r .progdwz2021 li span a{display:block; text-align:center; font-size:16px; line-height:54px; color:#666; text-decoration:none; background:#fff; transition-duration:0.8s;border-top:1px solid #eee;}
.prod_r .progdwz2021 li:hover span a{color:#FFF; background:#1051b5;}
.prod_r .progdwz2021 ul+ul{margin-top: 20px;}
.prod_r>div>ul>li{width:100%;}

/* product-end */

/*brand*/
.brand_wrap{width:100%;background:#15172c url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20221212/20221212150628_1011527244.png) no-repeat calc(50% - 960px) center;padding:100px 0;animation:brandBg 60s  infinite linear;}
.bran_tit p,.bran_tit p b{color:#fff;}
.bran_tit dd{color:rgba(255,255,255,0.6);}
.bran_tit p:before{    filter: brightness(5);}
.bran_tit span{color:rgba(255,255,255,0.8);}
.barnd_con .new_web_div2021{border-collapse:collapse;border:none;border-spacing: 0;}
.barnd_con ul{display: flex;position:relative;padding: 40px 40px 0;}
.barnd_con ul li{width: calc(100%/ 9);border: 1px solid #eee;position:relative;}
.barnd_con ul li+li{margin-left:-1px;}
.barnd_con ul li>a{display: block;position:relative;overflow: hidden;}
.barnd_con ul li:hover>a:before{transform:rotate(0deg);}
.barnd_con ul li img{width:100%;height:auto;position:relative;z-index:9;}
.barnd_con ul li:hover img{width:100%;filter:grayscale(0%);}
.barnd_con ul li br{display:none;}
.barnd_con ul li p {width:100%;height:32px;padding-top:0 !important;position:absolute;bottom:0;left:0;overflow:hidden;z-index:11;}
.barnd_con ul li p a{display:block;line-height:32px;color:#fff;width:80%;height:32px;background:rgba(12,150,237,0.6);position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);;z-index:11;transition:all 0.5s;text-align:center;}
.barnd_con ul li:hover p a{bottom:0;}
.barnd_con .btn{width:220px;height:52px;border-radius:52px;border:1px solid #f31313;display: block;margin:50px auto 0;text-align: center;line-height:50px;font-size:18px;color:#f31313;transition:all 0.5s;}
.barnd_con .btn:hover{width:320px;}




.solution_bg{width:100%;height:820px;position:relative;}
.solution_bbg{width:100%;height:100%;position:absolute;}
.solution_bbg:before{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);left:0;top:0;z-index:1;}
.solution_bbg li{width:100%;height:100%;position:absolute;left:0;top:0;}
.solution_bbg .tempWrap{width:100%;height:100%;}
.solution_bbg ul{display:block;width:100%;height:100%;}
.solution{position:relative;z-index:9;}
.solution_t {margin-bottom:80px;margin-top:-60px;}
.solution_t span{font-size:160px;color:rgba(255,255,255,0.1);font-family: 'Arial';font-weight: bold;}
.solution_t p{font-size:50px;font-weight:bold;color:#fff;margin-top:-80px;}
.solution_t dd{font-size:16px;color:rgba(255,255,255,0.8);display:block;margin-top:10px;line-height: 30px;}
.slt_list{width:30%;float:left;}
.slt_list li{font-size:18px;color:#fff;display:flex;align-items: center;opacity: 0.4;    cursor: pointer;}
.slt_list li:before{content:'';width:25px;height:2px;background:#fff;display:inline-block;margin-right:15px; transition:all .3s ease;}
.slt_list li+li{margin-top:30px;}
.slt_r {width:60%;float:right;padding-top:160px;}
.slt_r>div>ul>li>div>p{color:rgba(255,255,255,0.8);font-size:14px;line-height:30px;}
.slt_r>div>ul>li>div{width:100%;}
.solution_box{display:flex;justify-content: space-between;width:100%;align-items: center;}
.slt_case>a{width:168px;height:50px;background:rgba(255,255,255,0.68);font-size:16px;color:#222;border-radius:25px;display:block;line-height:50px;text-align:center;margin-top:30px;display:none;}

.slt_case .new_web_div2021{margin-top:20px; background: #fff;padding: 30px;overflow: hidden;border-radius: 10px;}
.slt_case ul {display:block;float:left;width:100%;}
.slt_case ul li {width: calc((100% - 30px) / 2);position: relative;    overflow: hidden;margin-right:30px;    float: left;}
.slt_case ul li>a{display:block;overflow: hidden;}
.slt_case ul li img {display: block; width: 100%; height: auto;transition: 0.3s ease all;}
.slt_case ul li:hover img{transform: scale(1.1);}
.slt_case ul li p{display:none;}
.slt_case ul li p a {display: block;position: absolute;bottom: -40px;left: 0;width: 100%;height: 40px;background: rgba(11,78,181,0.6);transition: .5s;color: #fff;font-size: 15px;display: flex;align-items: center;justify-content: center;}
.slt_case ul li:hover p a{bottom:0;} 

.slt_list li.on{opacity: 1;}
.slt_list li.on:before{width:40px;}

/*案例*/
.case{ padding:80px 0;}

.casecon{ margin:40px auto;}
.casecon li>a{ position:relative; overflow:hidden;}
.casecon li>a img{ transition:all .6s ease;height:auto;width:100%;}
.casecon li:hover>a img{ transform:scale(1.1);}
.casecon li>a:after{ transition:all .2s ease; content:''; display:block; position:absolute; opacity:0; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%;}
.casecon li>a i{ position:absolute; display:block; font-size:15px; color:#fff; top:0; left:0; right:0; bottom:0; opacity:0; transition:all .4s ease; width:120px; text-align:center; line-height:45px;height:45px; margin:auto; z-index:99;}
.casecon li:hover>a:after{ opacity:1;}
.casecon li:hover>a i{ opacity:1;}
.casecon li>a i:after,.casecon li>a i:before{ content:''; display:block; height:1px; width:0; background:#fff; transition:all .8s ease; position:absolute;}
.casecon li>a i:after{ top:0; left:0; right:auto;}
.casecon li>a i:before{ bottom:0; right:0; left:auto;}
.casecon li:hover>a i:after,.casecon li:hover>a i:before{ width:100%;}
.casecon li:hover p a:after{ transform: rotate(360deg);}
.casecon li{ display:inline-block; overflow:hidden; width:calc((100% - 40px) / 3); position:relative; padding:0 !important; margin-right:20px;}
.casecon li br{ display:none;}
.casecon li p{ padding:0 !important; margin-top:4px; background:#f3f5f6;}
.casecon li a{ display:block;}
.casecon li>a{ border:1px solid #eeeeee;}
.casecon li p a{line-height: 65px; position: relative; font-size: 16px; background: #f5f5f5; color: #333; text-align: center;}
.casecon li:hover p a{ color:#f31313;}
.casecon{ margin-top:40px;}
.casecon ul{ display:block; width:100%;}
.casebottom{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.casebottom .casejt{ display:inline-block; width:20px; height:40px; background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20221213/20221213174214_484574036.png) no-repeat left top; cursor:pointer;}
.casebottom .casejt.next{ background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20221213/20221213174214_1745118870.png) no-repeat left top;}
.casebottom .casejt:hover{ background-position-y:bottom;}
.casetitl{ margin:0 255px;}
.casetitl li{ display:inline-block; vertical-align:top; border-radius:50%; width:15px; height:15px; cursor:pointer; background:#dfdfdf; font-size:0;}
.casetitl li+li{ margin-left:30px;}
.casetitl li.on{ background:#f31313;}



/*优势*/
.adv_bg{padding:90px 0; background:#f8f8f8;}
.adv{margin-top: 50px;}
.adv_m{width: 100%; position: relative; background:#fff; box-shadow: 0 0 100px rgba(0,0,0,0.1); padding:60px;}
.adv_list{position: absolute; top:60px; width:calc(50% - 60px);    z-index: 3;}
.adv_list li{width:25%; float:left; border-right:1px #fff solid; padding:1.6vw 0 2vw 0; background: #f31313; color:#fff; font-size:18px; text-align:center; cursor: pointer; position: relative; }
.adv_list li.on{background: #ff7300; }
.adv_list li p:before{content: ""; width: 50px; height: 50px; margin: 0 auto; display: block; background-image:url(https://memberpic.114my.com.cn/023441/uploadfile/image/20230310/20230310095508_1505420988.png); background-repeat: no-repeat;}
.adv_list li:nth-child(1) p:before{  background-position: 0 0;}
.adv_list li:nth-child(2) p:before{  background-position: -50px 0;}
.adv_list li:nth-child(3) p:before{  background-position: -100px 0;}
.adv_list li:nth-child(4) p:before{  background-position: -150px 0;}

.adv_list li.on:after{content: ""; width: 0; height: 0; border-left: 12px solid transparent;border-right: 12px solid transparent; border-top: 15px solid #ff7300; position: absolute; top:99%; left:0; right:0; margin:auto; }
.adv_l{padding-top:12vw; width:46%;  }
.adv_l p{font-size: 30px; color:#f31313; font-weight: bold;}
.adv_l span{color:#999; font-family: "Arial"; text-transform: uppercase; display: block; padding-bottom: 1.5vw; }
.adv_l dd{font-size: 16px; line-height: 30px; padding-left: 30px; margin-top: 1vw; position: relative;}
.adv_l dd:before{content:""; width:10px; height: 10px; border: 2px #ccc solid; border-radius: 100%; position: absolute; left:0; top:8px;}
.adv_r{width:50%; }
.adv_r img{width:100%;}



/*厂家优势*/
.case_d { overflow: hidden; width: 100%; }
.case_d .convert { width: 1400px; position: relative; margin: auto; padding: 30px; }
.case_d .convert:before { content: ''; width: 1751px; height: 632px; background: #fff; position: absolute; top: 0; left: 0; z-index: 0; box-shadow: 0px 0px 10px rgba(238, 238, 238, 0.5); }
.custom_ww { width: 1400px; height: 80px; }
.case_d .convert .tab { width: auto; }
.case_d .convert .tab em { color: #000; font-size: 42px; text-align: left;position: relative;}
.case_d .convert .tab a.on em { color: #fff; }
.iconx { display: inline-block !important; float: left; color: #Fff !important; }
.case_d .convert .tab a, .more a { display: block; color: #333; font-size: 22px; width: 341px; height: 80px;text-align: center; float: left; border: 1px solid transparent; position: relative;    display: flex;    align-items: center;justify-content: center;}
.case_d .convert .tab a.on, .more a:hover { color: #ffffff; background: #f31313;}
.more a { margin: 0; }
.case_d .convert .tab i { font-size: 12px; font-family: Arial; color: #ccc; line-height: 12px;display:block;margin-top:5px;}
.case_d .convert .tab a p{display: flex;flex-direction: column;align-items: flex-start;margin-left: 20px;}
.case_d .convert .tab a.on i { color: #fff; }
.case_d .convert .content1 { overflow: hidden; width: 1400px; height: 475px; background: #fff; position: relative; margin-top: 0px; }
.case_d .convert .content1 ul { position: absolute; left: 0; top: 0; }
.case_d .convert .content1 ul li { width: 1400px; height: auto; float: left; }
.case_l { width: 610px; height: 441px; padding: 35px 0px; }
.case_l_bt i { font-size: 66px; font-weight: bold; color: #000; font-family: 'Arial'; float: left; padding-right: 15px; }
.case_l_bt span { font-size: 34px; font-weight: bold; color: #222; padding-top: 12px; display: block; }
.case_l_bt em { text-transform: uppercase; font-family: Arial; display: block; font-size: 14px; color: #999; line-height: 14px; }
.case_l_t { font-size: 18px; font-weight: 100; line-height: 40px; margin: 30px 0px 50px; display: block; color: #666666; }
.case_l a{width:200px;height:50px;line-height:50px;text-align:center;font-size:15px;color:#fff;display: block;background: #222;transition: all linear 0.3s;}
.case_l a:hover{background:#f31313;}


.hz_bc{background:url(https://memberpic.114my.com.cn/lvfeng88/uploadfile/image/20201224/20201224092231_117317818.jpg)no-repeat center bottom;}
.hz_c{margin: 0 auto;}
.par_list a{width:calc((100% - 120px) / 5);display:block;line-height:45px;text-align:center;font-size:16px;background:#f5f5f5;float:left;}
.par_list a+a{margin-left:30px;}
.par_list a.on{background:#f31313;color:#fff;}
.par_ic ul {display: flex;flex-wrap: wrap; margin-top: 30px;}
.par_ic ul li {width: calc((100% - 60px) / 3); border: 1px solid #eee; position: relative;    overflow: hidden;}
.par_ic ul li+li {margin-left:30px;}
.par_ic ul li img {display: block; width: 100%; height: auto;}
.par_ic ul li:nth-child(n+8) { margin-top: 10px;}
.par_ic ul li p{display:none;}
.par_ic ul li p a {
    display: block;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background: rgba(11,78,181,0.6);
    transition: .5s;
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.par_ic ul li:hover p a{bottom:0;} 
.hz_bc {padding: 80px 0;}
.par_ic {margin: 40px auto 0;}




/*简介*/
.about_bg{background: url(https://memberpic.114my.com.cn/jingxin98/uploadfile/image/20221009/20221009113100_699078146.png)no-repeat center top #f8f8f8;padding: 150px 0 0px 0;}
.about>p{font-size: 50px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.about>d{font-size: 28px;color: #fff;display: block;width: 70%;}
.about>dd{font-size: 15px;color: rgba(255,255,255,0.8);line-height: 30px;margin-top: 80px;width:95%;}
.about>a{width: 135px;height: 40px;background: #316eb7;color: #fff;display: block;border-radius: 5px;text-align: center;line-height: 40px;margin-top: 60px;}
.about>a:hover{background:#2665e5;}
.about_box{width: 100%;background:#fff;padding: 30px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);margin-top: 100px;}
.about_box .new_web_div2021{display:flex;}
.about_box .new_web_div2021 li{width:calc((100% - 60px) / 4);display:block;float:left;margin-right:20px;position: relative;overflow: hidden;}
.about_box .new_web_div2021 li img{width:100%;height: auto;transition: 0.3s all ease;}
.about_box .new_web_div2021 li:hover img{transform: scale(1.1);}
.about_box .new_web_div2021 ul{display:block;float:left;width:100%;}
.about_box .new_web_div2021 li p{background:rgba(0,0,0,0.5);position: absolute;bottom:0;left:0;width:100%;transition: 0.3s all ease;}
.about_box .new_web_div2021 li:hover p{background:rgba(38,101,229,0.5);}
.about_box .new_web_div2021 li p a{display:block;font-size:15px;color:#fff;width:100%;height:40px;line-height:40px;text-align:center;}



/*合作客户*/
.partner{margin-top:40px;}
.partner li{width: calc((100% - 60px) / 5);margin-right: 15px;border: 1px solid #eee;float: left;display: block;background: #fff;position: relative;}
.partner p{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;background: rgb(51 51 51 / 0.7);transition: 0.3s;transform: scale(0);}
.partner li:hover p{transform: scale(1);}
.partner p a{font-size: 16px;color: #fff;}
.partner li img{width:100%;height:auto;}
.partner .tempWrap{width:100% !important;overflow: hidden;}




.mes_bc{padding: 50px 0 0 0; background-repeat: no-repeat;background:#f8f8f8;position: relative;z-index: 2;}
.mes_c{    background: rgba(255,255,255,0.95);margin-top: -250px;padding: 50px;box-shadow: 1px 1px 50px rgb(8 48 147 / 10%);border-radius: 30px;}
.mes_c>ul{display: flex;justify-content: space-around;margin: 0px 0 50px;}
.mes_c>ul>li{width: 120px;height: 120px;border-radius: 100%;background: #fff;display: flex;align-items: center;justify-content: center;position: relative; flex-direction: column;transition: all .5s;}
.mes_c>ul>li:hover *{color: #01aef0;}
.mes_c>ul>li:hover{border-color: #fff;}
.mes_c>ul>li+li:after {position: absolute;content: "\eb93";font-size: 26px;color: #999;font-family: "iconfont";top: 50%;margin-top: -8px;left: -44px;transition: all .5s;}

.mes_c>ul>li>span{font-size: 28px;color: #333;transition: all .5s;}
.mes_c>ul>li:hover>span{transform: rotateY(360deg);}
.mes_c>ul>li>p{font-size: 18px;color: #333;margin-top: 10px;transition: all .5s;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.mess{margin:0 auto;position: relative;max-width:1500px;}
.adbt b{font-size: 50px;display: block;font-weight: normal;color: #333;text-align: center;}
.from_tab{width:100%;}
.from_tab>div{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col4{width: 48%;height: 60px;}
.col4 span{display: inline-block;font-size: 30px;color: #999;margin-top: 15px;margin-left: 24px;}
.col4 input{height: 100%;width: 100%;font-size: 16px;color: #e0e0e0;background: #f6f6f6;padding-left: 28px;}
.feedback_btn{float:right;width: 74%;height: 60px;text-align: center;}
.feedback_btn .btns{line-height: 60px;width: 99%;background: #f31313;color: #fff;font-size: 18px;cursor: pointer;}
.lyan textarea {width: 100%;height: 60px;line-height: 60px;outline: none;font-size: 16px;color: #333;padding: 0 0 0 12px;background: #fff;font-family: "Arial"}
.from_lc {width: 100%; }
.from_rc {width: 71%;flex-wrap: nowrap !important;}
.col4:nth-child(-n+3) {margin-bottom: 33px; }
.yzm_c {margin-bottom: 33px;height: 60px;width: 50%;display: flex;align-items: center;flex-direction: row;background: #fdfdfd;}
.yzm_c>input {width: 177px; height: 60px; background: #f6f6f6; padding-left: 28px; font-size: 16px; }
.mess input:focus{border:1px solid #1059a8;}
@media screen and (max-width: 1450px){
	.mes_c>ul>li+li:after{left: -38px;}
}
@media screen and (max-width: 1360px){
	.mes_c>ul>li+li:after{left: -33px;}
}
.feedback{background:#fff url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20230706/20230706155947_701119571.jpg)no-repeat right -150px bottom;box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);padding: 50px;margin-top: 80px;border-radius: 30px;background-size:auto 100%}
.fbk_l{width:50%;}
.fbk_t p{font-size:40px;color:#222;font-weight:bold;}
.fbk_t dd{font-size:18px;color:#666;}
.fbk_t{margin-bottom:40px;}
.froms_feedback>p{display:flex;font-size: 18px;color: #222;font-weight: 600;align-items: center;}
.froms_feedback>p img{margin-right:20px;}

/*probl*/
.probl{width: 100%;overflow:hidden;background:#fff url(https://memberpic.114my.com.cn/lvfeng88/uploadfile/image/20201224/20201224092231_117317818.jpg)no-repeat top center;padding-bottom: 80px;}
.probl .bt{padding-top: 22px;}
.probl .prob{margin-top:0px;width:calc(100% - 500px); float:right;}
.probl .prob dl{position:relative;}
.probl .prob dt{}
.probl .tit{width:420px; float: left;box-shadow:0px 0px 20px rgba(204, 204, 204, 0.3);border: 1px #e6e6e6 solid;}
.probl .tit ul{width:420px;margin: 0 auto;}
.probl .tit li{display: inline-block;width:420px;padding:18px 57px; transition: all 0.3s linear;cursor: pointer;height:120px;}
.probl .tit li .bt1{float:left;}
.probl .tit li .bt1 span{font-size:20px;font-weight: 500;margin-top: 6px;line-height:50px;}
.probl .tit li .bt1 p{transition:0.3s;font-size:16px;color:rgba(255, 255, 255, 0.6);color:#666; ont-weight:100;}
.probl .tit li.cur .bt1 p{color:#fff; font-weight:100;}
.probl .tit li.cur{background: #f31313; width:460px;position: relative;z-index: 99;}
.probl .tit li.cur span{color: #fff;}
.probl .tit li.cur .bt1{width:395px;}
.probl .tit li:after{content:"";width:300px;height:1px;background:#e6e6e6;display:block;position:relative;top:102px;}
.cbyb_conr1{width:100%;height:600px;background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20230602/20230602174849_1355896427.jpg)no-repeat center;display:flex;}
.cbyb_conr2{width:100%;height:600px;background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20230602/20230602174849_1996316530.jpg)no-repeat center;display:flex;}
.cbyb_conr3{width:100%;height:600px;background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20230602/20230602174849_666016927.jpg)no-repeat center;display:flex;}
.cbyb_conr4{width:100%;height:600px;background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20230602/20230602174849_1107015837.jpg)no-repeat center;display:flex;}
.cbyb_conr5{width:100%;height:600px;background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20230602/20230602174849_285586087.jpg)no-repeat center;display:flex;}
.cbyb_conrt{width:700px;background:rgba(255, 255, 255, 0.9);padding:60px 40px;border:1px #e6e6e6 solid;position: relative;margin: auto;font-size:16px; font-weight:100; line-height:30px;     text-align: center;}
.cbyb_tt{font-size:17px;line-height:35px;text-align:center;color:#666; margin-top: 15px;}
.cbyb_tt em{display: inline-block;font-size: 30px;font-family: "din"; color: #ff0000;}
.cbyb_mo{text-align:center;margin: 30px auto; transition: all 0.6s;}
.cbyb_mo a{font-size:17px;color:#fff;width:220px;height:40px;background:#f31313;line-height:40px;display: inline-block;}
.cbyb_conrt .cbyb_mo a:hover{width:260px; transition: all 0.6s;}


.dfs{display:flex;align-items: center;justify-content: space-between;}

.honor_bg{background:#f8f8f8;padding-bottom:80px;}
.honor_r{width:100%;}
.honor_r{}
.honor_r .tempWrap{width:100% !important;}
.honor_r ul{display:block;}
.honor_r li{float:left;overflow: hidden;transition: 0.3s ease all;display:block;width:calc((100% - 60px) / 4);text-align: center;}
.honor_r li+li{margin-left:20px;}
.honor_r li p a{color: #333;font-size: 16px;display:block;}
.honor_r li p{height:50px;line-height:50px;position: relative;z-index: 2;background: #f8f8f8;display:none;}


.honor_r li img{transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.5s;width:100%;height: 100%;display: block;}
.honor_r li:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}




/*新闻中心*/
.news_t p{font-size:55px;color:#f31313;margin-top: -60px;letter-spacing: 3px;}
.news_t dd{font-size:24px;color:#666;margin-top:20px;}
.news_list a{width:200px;display:block;border-bottom:1px solid #ccc;font-size: 18px;padding: 20px 0;background: url(https://memberpic.114my.com.cn/019656/uploadfile/image/20230608/20230608115033_1415212131.png)no-repeat right center;}
.news_list a+a{margin-top:40px;}
.news_list{margin-top:5vw;}
.news_r{width:60%;margin-top:-2.5vw;}
.news_r .news_div_item{width:100%;display: flex;position: relative;    flex-direction: row-reverse;justify-content: space-between;padding: 2vw 0; border-bottom:1px solid #eee;transition: 0.3s ease all;}
.news_r .news_div_item_date{position: absolute;left: 26%;    top: 3.8vw;transition: 0.3s ease all;}
.news_r .news_div_item_date>div{display:inline-block;font-size:15px;color:#222;}
.news_r .news_div_item_a{font-size:24px;color: #222;padding-left: 120px;}
.news_r .news_div_item_a:hover{color:#f31313;}
.news_r .news_div_item_pic{width:20%;float:left;transition: 0.3s ease all;}
.news_r .news_div_item_pic img{width:100%;height:auto;}
.news_r .news_div_item_content{width:60%;display: flex;flex-direction: column;margin-top:30px;}
.news_r .news_div_item_body{margin-top:10px;font-size:14px;color:#666;}
.news_r .news_div_item:before{content:'';width:50px;height:50px;background:url(https://memberpic.114my.com.cn/019656/uploadfile/image/20230608/20230608115033_1415212131.png)no-repeat center;margin-top: 50px;margin-right:30px;transition: 0.3s ease all;}
.news_r .news_div_item:last-child{border:none;}
.news_list a.on{color:#f31313;font-weight:bold;}
.news_r .news_div_item:hover{background:#fff;}
.news_r .news_div_item:hover:before{margin-right:0px;}
.news_r .news_div_item:hover .news_div_item_pic{margin-left:50px;}
.news_r .news_div_item:hover .news_div_item_date{margin-left:50px;}




/*footer*/
.footer {display: -webkit-box;display: -ms-flexbox;display: flex;}
.footer_bg{width: 100%; color: #fff;background: #131513;position: relative;overflow:hidden;padding: 80px 0 70px;}
.bq_item li{position: relative;}
.bq_item li{ float: left;position: relative;}
.bq_item li:before{content: '';position: absolute;width:12px;height: 1px;background: #f31313;top:24px;left: -22px;}
.bq_item li+li{margin-left:10%;}
.bq_item li a{ display: block;font-size: 15px; line-height: 36px; color: rgba(255,255,255,0.47);font-weight: lighter;}
.bq_item li a:hover{color:#fff;}
.footer_t{ font-size: 18px !important; color: #fff !important;  line-height: 48px !important; position: relative;font-weight: bold;}
.footer li p img{width:140px;border:10px #fff solid;}
.copy{line-height: 30px; font-size: 14px;color: #999; margin-top:20px;    padding-top: 10px;}
.copy a{font-size: 14px; color: #999;}
.copy a:hover{color: #ff0000;}
.copy_bg{height: 80px;background: #131513;line-height: 80px;overflow:hidden;border-top: 1px solid rgba(255,255,255,0.1);}
.copy_b{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.copy_bg div{color: rgba(255,255,255,0.47);}
.copy_b div:nth-child(1){width: 65%;}
.copy_bg div a{color: rgba(255,255,255,0.47);font-size:14px;}
.copy_bg div a:hover{color:#fff;}
.foo_icon li div p {margin-top: 3px;}
.cl {clear: both;}
.banq{width: 73%;}
.bq_cl>b, .bq_cr>b, .bq_r>b {font-size: 24px;color: #fff;display: block;line-height: 48px;}
.bq_ewm {display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 40px;position: relative;}
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 34px;color: #fff;background: #131513;border:1px solid rgba(255,255,255,0.3);}
.bq_ewm li span img{width: 100%;}
.bq_ewm li span:hover{background:#f31313;border-color:#f31313;}
.ewm_cc {position: absolute;top: -110px;left:0;display: none;}
.bq_r {width: 26%;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}
.bq_lx {line-height: 36px;}
.bq_lx li{font-size: 15px;color: rgba(255,255,255,0.47);}
.bq_ewm li+li {margin-left: 10px;}
.bq_item li:first-child {padding-left: 20px;}
.bq_item li:first-child:before {left: 0;}



.links{ background:#f31313; line-height:92px; font-size:18px; color:#fff;}
.links p.fl{ background:url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20221212/20221212144501_1926870989.png) no-repeat left center; padding-left:33px;}
.links p.fr a{ font-size:14px; color:#fff; font-weight:lighter;}
.end{ text-align:center;}
.end,.end a{ font-size:14px; color:#666; font-weight:lighter; line-height:70px;}
.links_r{width:90% !important; padding-left:1%;}
.linkTagcs{width:100% !important;}
.linkTagcs li a{font-size:15px;color:#fff !important;}





/*右侧浮动*/

.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(https://memberpic.114my.com.cn/076923187786/uploadfile/image/20230706/20230706165933_750231983.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; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #f31313; }/*颜色更改*/
.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: #f31313; border-color: #f31313; 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-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: #f31313; border-color: #f31313;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p { color: #fff; }
.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: #f31313; font-size: 18px; }/*颜色更改*/
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.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;}
.right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.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: 130px; height:130px; margin: 15px auto 7px; }
.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; }
/*邮箱*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #f31313; 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:#cc0105;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }