@font-face {
    font-family: 'PFDINTEXTPRO-THIN_1';
    src:url('../font/PFDINTEXTPRO-THIN_1.TTF'),
    	url('../font/PFDINTEXTPRO-THIN_1.eot');
   
}
/*手机模式*/
#plugin-contact-ring2{ display:none;}
#plugin-contact-ring{position:fixed;left:10px;bottom:10px;opacity:.8;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;z-index:9;}
#plugin-contact-ring.open{opacity:1}
#ring-list .item,#ring-toggle-button{position:absolute;width:50px;height:75px;border-radius:50%;background:rgba(0,0,0,.8);left:0;bottom:0}
#ring-toggle-button{z-index:10}
#ring-toggle-button:after,#ring-toggle-button:before{content:' ';position:absolute;left:50%;top:50%;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:2px;-webkit-transition:-webkit-transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;transition:transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear}
#ring-toggle-button:before{width:50%;height:4px}
#ring-toggle-button:after{height:50%;width:4px}
#plugin-contact-ring.open #ring-toggle-button:after,#plugin-contact-ring.open #ring-toggle-button:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
#ring-list{position:relative}
#plugin-contact-ring.open #ring-list.r3{width:150px;height:150px}
#plugin-contact-ring.open #ring-list.r4{width:175px;height:175px}
#plugin-contact-ring.open #ring-list.r5{width:200px;height:200px}
#ring-list .item{overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;transition:transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;opacity:0}
#plugin-contact-ring.open #ring-list .item,#plugin-contact-ring2 #ring-list li{opacity:1}
#ring-list .item:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}
#ring-list .item:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}
#ring-list .item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}
#ring-list .item:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}
#ring-list .item:nth-child(5){-webkit-transition-delay:.5s;transition-delay:.5s}
#ring-list.r3 .item:nth-child(n+4),#ring-list.r4 .item:nth-child(n+5),#ring-list.r5 .item:nth-child(n+6){display:none}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(1){-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(2){-webkit-transform:translate(70.71px,-70.71px);transform:translate(70.71px,-70.71px)}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(3){-webkit-transform:translate(100px,0);transform:translate(100px,0)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(1){-webkit-transform:translate(0,-125px);transform:translate(0,-125px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(2){-webkit-transform:translate(62.5px,-108.25px);transform:translate(62.5px,-108.25px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(3){-webkit-transform:translate(108.25px,-62.5px);transform:translate(108.25px,-62.5px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(4){-webkit-transform:translate(125px,0);transform:translate(125px,0)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(1){-webkit-transform:translate(0,-150px);transform:translate(0,-150px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(2){-webkit-transform:translate(57.4px,-138.58px);transform:translate(57.4px,-138.58px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(3){-webkit-transform:translate(106.07px,-106.07px);transform:translate(106.07px,-106.07px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(4){-webkit-transform:translate(138.58px,-57.4px);transform:translate(138.58px,-57.4px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(5){-webkit-transform:translate(150px,0);transform:translate(150px,0)}
#ring-list .item .icon{display:block;width:40px;height:40px;margin:6px auto 2px;background:url(../images/marketing.png) no-repeat;-webkit-background-size:auto 40px;background-size:auto 40px}
#ring-list .item-phone .icon{background-position:0 0}
#ring-list .item-flush .icon{background-position:-240px 0}
#ring-list .item-sms .icon{background-position:-40px 0}
#ring-list .item-map .icon{background-position:-80px 0}
#ring-list .item-weibo .icon{background-position:-75px 0}
#ring-list .item-weixin .icon{background-position:-100px 0}
#ring-list .item-qq .icon{background-position:-125px 0}
#ring-list .item .title{display:block;font-size:12px;color:#fff;width:100%;text-align:center;overflow:hidden;margin:0 auto;/*line-height:1*/}
@font-face{font-family:icon;src:url(./font/icon.eot);src:url(./font/icon.eot?#iefix) format('embedded-opentype'),url(./font/icon.woff2) format('woff2'),url(./font/icon.woff) format('woff'),url(./font/icon.ttf) format('truetype'),url(./font/icon.svg#icon) format('svg');font-weight:400;font-style:normal}
#plugin-contact-ring2 #ring-toggle-button{width:60px;height:60px;background:#fff;background:-webkit-linear-gradient(top ,#fff ,#D9D9D9 100%);border-radius:77px;display:block;position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 0 1px 3px rgba(0,0,0,.4);box-sizing:border-box;color:#515151}
#plugin-contact-ring2 #ring-toggle-button:after{display:block;font-family:icon;/*content:"A";*/position:absolute;z-index:1;font-size:50px;line-height:4px;text-indent:-18px;background:0 0;top: 30px; -ms-transform: translate(-2px, 0px);}
#plugin-contact-ring2 #ring-toggle-button:before{display:block;content:'首页';position:relative;z-index:2;width:100%;text-align:center;line-height:5px;font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;font-size:1.5rem}
#plugin-contact-ring2{position:fixed;bottom:0;height:75px;width:100%;background:#515151;left:0}
#plugin-contact-ring2 li{display:block}
#plugin-contact-ring2 #ring-list{position:initial}
#plugin-contact-ring2 #ring-list li:active{background:rgba(0,0,0,.3);border-radius:initial}
#plugin-contact-ring2 #ring-toggle-button:after,#plugin-contact-ring2 #ring-toggle-button:before{background:0 0}
#plugin-contact-ring2 #ring-list .item{width:20.7%;background:0 0;display:block;float:left;position: static;position:initial;}
#plugin-contact-ring2 #ring-list .item a{display:block;height:100%;width:100%;margin:0;padding:0}
#plugin-contact-ring2 #ring-list .item:nth-of-type(3){margin-left:17.2%}
#plugin-contact-ring2 #ring-list .item:nth-of-type(5){display:none}
#plugin-contact-ring2,#plugin-contact-ring2 #ring-toggle-button{color:#515151;z-index:9;}
/*手机模式*/
@media screen and (max-width:1100px) {
	#plugin-contact-ring2{ display:block !important;}
}



/* 后加代码 */

/* 后加代码 end */