.overf{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*LAYOUT*/.pc-block{display: block;}
.mb-block{display: none;}
.w1520{max-width: 1620px;padding: 0 50px;margin: 0 auto;}
.w1340{max-width: 1440px;padding: 0 50px;margin: 0 auto;}
.w840{max-width: 880px;padding: 0 50px;margin: 0 auto;}
.w900{max-width: 1080px;padding: 0 50px;margin: 0 auto;}
@media (max-width:1540px){.w1520{max-width: 1420px;}
.w1340{max-width: 1240px;}
.w840{max-width: 940px;}}
@media (max-width:1340px){.w1340{max-width: 1140px;}
.w840{max-width: 940px;}}
@media (max-width:999px){.pc-block{display: none;}
.mb-block{display: block;}
.w1520{padding: 0 15px;}
.w1340{padding: 0 15px;}
.w840{padding: 0 15px;}}
.transition{-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s;}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.05);-ms-box-shadow:0 0 30px rgba(0,0,.05);-moz-box-shadow:0 0 30px rgba(0,0,0,.05);-webkit-box-shadow:0 0 30px rgba(0,0,0,.05);box-shadow:0 0 30px rgba(0,0,0,.05);}
.b-shadow2{-o-box-shadow:0 0 15px rgba(0,0,0,.03);-ms-box-shadow:0 0 15px rgba(0,0,.03);-moz-box-shadow:0 0 15px rgba(0,0,0,.03);-webkit-box-shadow:0 0 15px rgba(0,0,0,.03);box-shadow:0 0 15px rgba(0,0,0,.03);}
.b-shadow3{-o-box-shadow:0 0 30px rgba(0,0,0,.15);-ms-box-shadow:0 0 30px rgba(0,0,.15);-moz-box-shadow:0 0 30px rgba(0,0,0,.15);-webkit-box-shadow:0 0 30px rgba(0,0,0,.15);box-shadow:0 0 30px rgba(0,0,0,.15);}
.page-wrap{position: relative;overflow:hidden;background: #eeeeee;}
/* ==========*//* = PC-HEADER =*//* ==========*/.page-wrap{padding-top: 100px;}

@media (max-width:1500px){.nav li>a{padding:0 20px;}}
@media (max-width:1420px){.nav li>a{padding:0 15px;}
.nav-sub .link a{margin-right:18px;}}
@media (max-width:1340px){.pc-header .logo{margin-left: 30px;}
.pc-header .top .lan{padding-right: 15px;}
.nav li>a{padding:0 10px;}
.nav{padding-right: 5px;}
.nav-sub .link a{margin-right: 20px;padding-left: 18px;}}
@media (max-width:1120px){.nav li>a{padding:0 8px;font-size: 13px;}}
/* ==========*//* = PC-FOOTER =*//* ==========*/.pc-footer{background: #FFFFFF;}
.foot-box{border-bottom:1px solid #eeeeee;padding: 62px 0;display: flex;flex-flow: row inwrap;justify-content: space-between;}
.foot-box .item img{float: left;}
.foot-box .item div{margin-top: 8px;margin-left:75px;border-left: 1px solid #eeeeee;padding-left: 20px;line-height: 20px;letter-spacing: 1px;}
.foot-box .item div span{display: block;color: #be0000;}
.foot-box .item div p{margin-top: 5px;font-size: 16px;color: #333333;}
.foot-box .item div p a{color: #333333;}
.foot-box .item div p a:hover{color: #888888;}
.foot-content{padding: 55px 0;}
.foot-content li{float: left;width: 13.5%;}
.foot-content li a{display: block;}
.foot-content li:last-child{width:19%;padding-left: 4%;}
.foot-content li .erweima{text-align: center;font-size: 12px;line-height:30px;max-width: 140px;color: #999999;}
.foot-content li .erweima img{margin:25px 0 0;border:1px dashed #dcdcdc;}
.foot-content li .erweima .link-footer a{display: inline-block;width: 20px;height: 20px;margin: 0 2px;}
.foot-content li .erweima .link-footer a.footer_weibo{background: url(../image/ico_weibo.png);}
.foot-content li .erweima .link-footer a.footer_weibo:hover{background: url(../image/ico_weibo_hover.png);}
.foot-content li .erweima .link-footer a.footer_linkedin{background: url(../image/ico_linkedin.png);}
.foot-content li .erweima .link-footer a.footer_linkedin:hover{background: url(../image/ico_linkedin_hover.png);}
.foot-content li .erweima .link-footer a.footer_zhihu{background: url(../image/ico_zhihu.png);}
.foot-content li .erweima .link-footer a.footer_zhihu:hover{background: url(../image/icon_zhihu_hover.png);}
.foot-content li .erweima .link-footer a.footer_facebook{background: url(../image/ico_facebook.png);}
.foot-content li .erweima .link-footer a.footer_facebook:hover{background: url(../image/ico_facebook_hover.png);}
.foot-content li .erweima .link-footer a.footer_twitter{background: url(../image/ico_twitter.png);}
.foot-content li .erweima .link-footer a.footer_twitter:hover{background: url(../image/ico_twitter_hover.png);}
.foot-content li span{font-size: 16px;color: #333333;}
.foot-content li span a{color: #333333;}
.foot-content li span a:hover{color: #000000;}
.foot-content li div{margin-top: 20px;}
.foot-content li div a{line-height: 30px;color: #999999;font-size: 12px;}
.foot-content li div a:hover{color: #666666;}
.foot-content li p{margin-top:45px;border-top: 1px solid #eeeeee;max-width: 150px;}
.foot-content li p a{line-height: 60px;border-bottom: 1px solid #eeeeee;}
.copyright{padding:25px 0;background: #f4f4f4;font-size: 12px;line-height: 30px;color: #999999;letter-spacing: 1px;}
.copyright a{color: #999999;}
.copyright a:hover{color: #666666;}
.copyright .left{float: left;}
.copyright .left span{margin: 0 10px;display: inline-block;}
.copyright .right{float: right;text-align: right;}
.back-top{position: fixed;z-index:9999;bottom: 20px;right: 20px;width: 45px;height: 45px;font-size: 0;background: url(../image/back_top.png) no-repeat;}
.fixed-weixin{position: fixed;z-index:9999;bottom: 70px;right: 20px;width: 94px;height: 152px;font-size: 0;}
.fixed-weixin div{display:none;position: absolute;right:50px;top:-20px;width: 130px;}
.fixed-weixin:hover div{display: block;}
@media (max-width: 1340px){.foot-box .item div{margin-left: 60px;font-size: 12px;padding-left: 10px;}}
/* ==========*//* = MB-HEADER =*//* ==========*/.mb-header{position:fixed;width: 100%;background:#FFFFFF;top:0;right:0;width: 100%;padding: 0 0.4rem;z-index: 999;-o-box-shadow:0 0 15px rgba(0,0,0,.08);-ms-box-shadow:0 0 15px rgba(0,0,.08);-moz-box-shadow:0 0 15px rgba(0,0,0,.08);-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);box-shadow:0 0 15px rgba(0,0,0,.08);}

.mb-nav-ico{position: absolute;right:0.375rem;top: 50%;margin-top: -0.25rem;width:0.6875rem;height:0.5rem;cursor: pointer;}
.mb-nav-ico .line{position: absolute;left: 0;display: block;height:2px;width: 100%;background: #cfcfcf;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mb-nav-ico .line:nth-child(1){top: 0;}
.mb-nav-ico .line:nth-child(2){top: 50%;margin-top: -1px;}
.mb-nav-ico .line:nth-child(3){bottom: 0;}
.mb-nav-ico.active .line:nth-child(2){opacity: 0;}
.mb-nav-ico.active .line:nth-child(1){top: 50%;margin-top: -1px;transform: rotate(-45deg);}
.mb-nav-ico.active .line:nth-child(3){top: 50%;margin-top: -1px;transform: rotate(45deg);}
@media (max-width:999px){.page-wrap{position: relative;padding-bottom: 1.6rem;padding-top: 1.6rem;}}
/* ==========*//* = MENU =*//* ==========*/.shade{display: none;position: fixed;width: 100%;height: 100%;right: 0;top: 0;z-index: 999;display: none;background: transparent;}
.menu{position: fixed;left: 100%;top: 0;width: 70%;height: 100%;text-align: left;z-index: 11111;overflow-y: scroll;background: #FFFFFF;-webkit-box-shadow:0 0 30px rgba(26,24,24,.1) inset;box-shadow:0 0 30px rgba(26,24,24,.1) inset;}
.menu li{position: relative;}
.menu li>span{display: block;position: relative;padding: 0 0.666666rem 0 1.493333rem;height: 1.36rem;line-height: 1.36rem;color: #767676;font-size: 0.35rem;border-bottom: 1px solid #e9e9e9;}
.menu li:nth-child(1)>span{border-top: 1px solid #e9e9e9;}
.menu ul li>span::before{content: '';position: absolute;left: 0.666666rem;top: 50%;margin-top: -0.133333rem;width: 0.266666rem;height: 0.266666rem;border: 2px solid #05a4e3;border-radius: 100%;}
.menu ul li a{color: #322e2d;}
.menu ul li>span.default::after{content: '';position: absolute;right: 0.666666rem;top: 50%;width: 0.32rem;height: 0.32rem;margin-top: -0.16rem;background: url(../image/menu_bg.png) no-repeat;background-size: cover;}
.menu-slide a{color: #7c7d7d;}
.menu-slide{display: none;}
.menu-slide a{position: relative;display: block;padding: 0 0.666666rem 0 1.493333rem;height: 1.333333rem;line-height: 1.333333rem;font-size: 0.32rem;color: #7c7d7d;border-bottom: 1px solid #e9e9e9;}
.menu-slide a::before{content: '';position: absolute;left: 0.666666rem;top: 50%;margin-top:-0.10625rem;width:0.266666rem;height:0.266666rem;background: url(../image/menu_bg3.png) no-repeat;background-size: cover;}
.menu-slide a:hover,
.menu-slide a.active{background: #05a4e3;color: #FFFFFF;}
.menu li>span.active a{color: #05a4e3;}
.menu li>span.active::before{color: #fff;background: #05a4e3;border-color: #05a4e3;}
.menu li>span.active::after{content: '';position: absolute;right: 0.666666rem;top: 50%;width: 0.32rem;height: 0.32rem;margin-top: -0.16rem;background: url(../image/menu_bg2.png) no-repeat center;}
/* ==========*//* = MB FOOTER =*//* ==========*/.mb-copright{padding:0.46rem .4rem;background: #d9d9d9;color:#999999;font-size: 0.26666666rem;text-transform: uppercase;}
.mb-footer{position:fixed;bottom:0;right:0;width: 100%;height:1.6rem;background:#FFFFFF;z-index: 999;}
.mb-footer li{float: left;width: 25%;border-left: 1px solid #e5e5e5;}
.mb-footer li:first-child{border-left: none;}
.mb-footer li a{display:block;cursor: pointer;height: 1.6rem;padding-top: 0.15rem;color: #333333;text-align: center;}
.mb-footer li img{width: 0.8rem;}
.mb-footer li p{margin-top:0.1rem;font-size:0.3rem;height:0.32rem;line-height: 0.32rem;}
/* ==========*//* = ONLINE-BOX =*//* ==========*/.online-box{padding: 110px 0 120px;text-align: center;background-image: url(../image/online_bg.jpg);background-size:cover;background-attachment: fixed;}
.online-box .tit{margin-bottom: 30px;position: relative;}
.online-box .tit:after{content: "";position: absolute;bottom: 0;left:50%;margin-left: -280px;width: 560px;height: 1px;background: rgba(255,255,255,.1);}
.online-box .tit span{display: block;padding-bottom: 25px;font-size: 36px;color: #ffffff;letter-spacing:4px;position: relative;}
.online-box .tit span:after{content: "";position: absolute;bottom:-2px;margin-left: -18px;left:50%;width: 36px;height: 5px;background: rgba(255,255,255,.65);}
.online-box .des{font-size: 16px;line-height: 32px;color: rgba(255,255,255,.6);letter-spacing: 3px;}
.online-box .tel{margin: 10px 0;font-size: 48px;color: #ffffff;font-weight: bold;}
.online-box .button{margin-top: 40px;text-align: center;}
.online-box .button a{margin: 0 10px;display: inline-block;width: 230px;text-align: center;background: #05a4e3;color: #FFFFFF;}
.online-box .button a img{display:inline-block;vertical-align: middle;}
.online-box .button a span{margin-left: 10px;display:inline-block;vertical-align: middle;line-height:60px;font-size: 16px;letter-spacing: 2px;}
.online-box .button a:nth-child(2){background: #05a4e3;}
/* ==========*//* = HOME-WHAT-UL =*//* ==========*/.home-what-ul{margin: 0 -15px;position: relative;z-index: 1;}
.home-what-ul li{float: left;width: 25%;padding: 0 15px;}
.home-what-ul li a{display: block;}
.home-what-ul li .img{position: relative;overflow: hidden;}
.home-what-ul li .img img{width: 100%;}
.home-what-ul li .con{display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.6);border:5px solid #07a5e3;font-size: 16px;line-height: 24px;color: #FFFFFF;padding:0 50px;letter-spacing: 1px;text-align: justify;}
.home-what-ul li .con div{display: inline-block;vertical-align:middle;text-align: justify;}
.home-what-ul li .con i{display:inline-block;vertical-align: middle;height: 100%;}
.home-what-ul li p{font-size: 20px;color: #333333;letter-spacing:1px;height: 78px;line-height: 76px;position: relative;}
.home-what-ul li p:after{content: "";position: absolute;bottom:0;left:0;width: 40px;height: 2px;background: #ce1e1a;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s;}
.home-what-ul li p em{display: none;position:absolute;top:0;right:0;line-height: 76px;color: #d70000;font-size: 20px;}
.home-what-ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.home-what-ul li a:hover .con{display: block;}
.home-what-ul li a:hover p{color: #d70000;}
.home-what-ul li a:hover p:after{width: 100%;}
.home-what-ul li a:hover p em{display:block;}
@media (max-width:1540px){/* ==========*//* = HOME-WHAT-UL =*//* ==========*/.home-what-ul li .con{padding: 0 30px;letter-spacing: 0;}}
@media (max-width:999px){/* ==========*//* = ONLINE-BOX =*//* ==========*/.online-box{padding: 40px 0;}
.online-box .tit span{font-size: 22px;}
.online-box .des{font-size: 12px;line-height:22px;letter-spacing:1px;}
.online-box .tel{font-size: 26px;}
.online-box .button a{width: 130px;margin: 0 5px;}
.online-box .button a img{width: 30px;}
.online-box .button a span{margin-left:2px;}
.online-box .button a span{height: 50px;line-height: 50px;font-size: 14px;}
/* ==========*//* = HOME-WHAT-UL =*//* ==========*/
.home-what-ul{margin: 0 -8px;}
.home-what-ul li{margin-bottom: 30px;width:50%;padding: 0 8px;}
.home-what-ul li p{font-size: 16px;height:50px;line-height: 50px;}
.home-what-ul li a:hover .con{display:none;}}
.pop{display: none;position: fixed;top:0;left:0;height: 100%;width: 100%;background: rgba(0,0,0,.7);text-align: center;z-index:9999;}
.pop .content+i{display: inline-block;vertical-align: middle;height: 100%;}
.pop .content{max-width:780px;width: 90%;display: inline-block;vertical-align: middle;position: relative;}
.pop video{width: 100%;}
.pop .close{cursor: pointer;position: absolute;z-index: 1;top:0;right:-50px;width: 40px;height: 40px;background-image: url(../image/pop_close.png);background-size: cover;}
@media (max-width:999px){.pop .close{right:0;top:-32px;width:28px;height: 28px;}}
.fourOuter{position:relative;height:375px;background:linear-gradient(60deg,rgba(84,58,183,1) 0%,rgba(0,172,193,1) 100%);}
.fourInner{position:relative;z-index:2;width:1200px;margin:0 auto;}
.waves{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:85px;}
.parallax > use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;}
.parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s;}
.parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s;}
.parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s;}
.parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s;}
@keyframes move-forever{0%{transform:translate3d(-90px,0,0);}
100%{transform:translate3d(85px,0,0);}}
.fourInner .tit{height:75px;padding:15px 0;text-align:center;color:#fff;}
.fourInner .tit h2{font-size:32px;font-weight:normal;}
.fourInner .tit p{font-size:20px;}
.fourInner li{float:left;width:285px;margin-right:20px;}
.fourInner a{display:block;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.fourInner li:last-child{margin-right:0;}
.fourInner li p{padding:10px;text-align:center;font-size:16px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.fourInner a:hover{box-shadow:0 0 18px rgba(0,0,0,0.55);}
.fourInner a:hover p{color:#333;background-color:#fff;}
.fourOuter.sub{height:445px;}
.fourOuter.sub .tit{height:120px;padding:30px 0 15px;}
.fourOuter.sub i{display:block;font-style:normal;font-weight:normal;font-size:16px;color:#91c5e9;}
.fourOuter.sub .tit h2{display:inline-block;line-height:48px;}
.fourOuter.sub .word{position:relative;font-weight:bold;}
.fourOuter.sub .word:before,
.fourOuter.sub .word:after{content:'';position:absolute;width:16px;height:16px;background-color:#fff;top:50%;margin-top:-8px;}
.fourOuter.sub .word:before{left:-4em;}
.fourOuter.sub .word:after{right:-4em;}
.fourOuter.sub .ld{position:absolute;left:-4em;width:3.5em;height:1px;background-color:#fff;top:50%;}
.fourOuter.sub .rd{position:absolute;right:-4em;width:3.5em;height:1px;background-color:#fff;top:50%;}

.fyxw{width: 100%;margin: 0 auto;float: left;}
.detail .img img{width:80px;height:60px;border: 1px solid #ddd;}

/* 客服插件 css 代码块 */
.jinni8_kefu_style{position: fixed;width:78px;top: 50%;transform: translateY(-50%);right: 0;font-size: 13px;color: #fff;z-index:100000000000000000;background-color: #0474a0;cursor:pointer;}
.jinni8_kefu_nth{display:block;position: relative;text-align: center;padding: 15px 10px;padding:15px 0;border-top: rgb(0, 0, 0) 1px solid;transition:all 0.3s;color:#fff !important;}
.jinni8_kefu_nth a{color:#fff !important;}
.jinni8_kefu_nth:before{content:"";position: absolute;left: 0;top: -1px;width: 100%;/*height: 1px;*/background-color: #FFFFFF;z-index: 10;}
.jinni8_kefu_nth:hover{background-color: #0474a0;}
.jinni8_kefu_nth:nth-child(1){border:0;}
.jinni8_kefu_nth:nth-child(1):before{display:none;}
.jinni8_kefu_mipimgs{height:32px;}
.jinni8_kefu_xx .jinni8_kefu_mipimgs{background:url(../image/jinni8_kefu_xx.png) no-repeat center;}
.jinni8_kefu_qq .jinni8_kefu_mipimgs{background:url(../image/jinni8_kefu_qq.png) no-repeat center;}
.jinni8_kefu_sj .jinni8_kefu_mipimgs{background:url(../image/jinni8_kefu_sj.png) no-repeat center;}
.jinni8_kefu_ma .jinni8_kefu_mipimgs{background:url(../image/jinni8_kefu_ma.png) no-repeat center;}
.jinni8_kefu_top .jinni8_kefu_mipimgs{background:url(../image/jinni8_kefu_top.png) no-repeat center;}
.jinni8_kefu_nth span{display:block;margin-top:8px;}
.jinni8_kefu_nth .tips{display:none;opacity:0;transition: all 0.3s;position: absolute;right: 78px;top: 0;width: 300px;height: 100%;box-shadow: 0 5px 10px rgba(72, 139, 255, 0.38);background-color: rgba(255, 255, 255, 1);color: #0474a0;line-height: 90px;text-align: center;text-indent: 10px;font-size: 21px;text-shadow: 0 0 1px #C5DAFF;z-index:1000000;}
.jinni8_kefu_nth:hover .tips{display:block;opacity:1;}
.jinni8_kefu_ma .tips{top: inherit;bottom: 0;height: inherit;width: 200px;padding: 10px;margin: 10px;}
.jinni8_kefu_ma .tips:before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;}
.jinni8_kefu_ma .tips a{display:none;}
.jinni8_kefu_style mip-fixed{position: relative !important;right: inherit !important;bottom: inherit !important;left: inherit !important;top: inherit !important;}
.jinni8_kefu_style mip-fixed mip-gototop{background-image:none;width:auto !important;height:inherit;background:none !important;border:none;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth{border-top: rgb(0, 0, 0) 1px solid;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth:before{display:block;}

/*iphone 5 5s 5se */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #0474a0 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #0474a0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;}
}
/*三星GS5*/
@media (min-device-width:360px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #0474a0 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #0474a0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;}
}
/*iphone 6/7/8 */
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-device-pixel-ratio:2){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #0474a0 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #0474a0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;}
}
/*iphone 6p/7p/8p */
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-device-pixel-ratio:3){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #0474a0 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #0474a0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;}
}
/*iphone x */
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #0474a0 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left:0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;}
}
@media screen and (max-width:767px){ 
.jinni8_kefu_style{width:100%;bottom:0!important;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #0474a0 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left: 1px solid #0474a0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;}
}
/* 客服插件 代码块 END */