﻿/* Quick Links */
.quick_links{ position: fixed; top: 100px; right: 0; z-index: 11111;}
.quick_links ul{ margin: 0 0 1px 0; padding: 0; list-style: none;}
.quick_links .cn{ background: #028ed8; background: rgba(2,  142,  216, 0.8);}
.quick_links .us{ background: #2dbcaa; background: rgba(45, 188, 170, 0.8);}
.quick_links .last{ background: #122e44; background: rgba(18, 46, 68, 0.8); margin-bottom: 0;}
.quick_links ul li{ position: relative;}
.quick_links ul li a{ display: block; width: 60px; height: 60px; box-sizing: border-box; text-decoration: none;}
.quick_links .cn li a:hover{ background: #028ed8;}
.quick_links .us li a:hover{ background: #2dbcaa;}
.quick_links .last li a:hover{ background: #122e44;}
.quick_links ul li a span{ display: block;}
.quick_links ul li a .text{ display: none; position: absolute; left: -140px; top: 0; width: 140px; height: 60px; color: #fff; font-size: 13px; line-height: 60px; text-align: center;}
.quick_links ul li a:hover .text{ display: block;}
.quick_links .cn li a .text{ background: #028ed8;}
.quick_links .us li a .text{ background: #2dbcaa;}
.quick_links ul li a .icon{ margin: 0 auto; background: url(../images/quick_links.png) no-repeat left top;}
.quick_links .cn .facebook a{ padding: 18px 0 15px 0;}
.quick_links .cn .facebook a .icon{ width: 30px; height: 27px; background-position: -100px -5px;}
.quick_links ul .taobao a{ padding: 19px 0 18px 0;}
.quick_links ul .taobao a .icon{ width: 30px; height: 23px; background-position: -5px -183px;}
.quick_links ul .wangwang a{ padding: 15px 0 17px 0;}
.quick_links ul .wangwang a .icon{ width: 29px; height: 28px; background-position: -84px -183px;}
.quick_links .us .facebook a{ padding: 15px 0 17px 0;}
.quick_links .us .facebook a .icon{ width: 31px; height: 28px; background-position: -140px -5px;}
.quick_links ul .whatsapp a{ padding: 16px 0 15px 0;}
.quick_links ul .whatsapp a .icon{ width: 29px; height: 29px; background-position: -45px -183px;}
.quick_links ul .email a{ padding: 20px 0;}
.quick_links ul .email a .icon{ width: 29px; height: 20px; background-position: -61px -5px;}
.quick_links ul .to-top a{ padding: 17px 0;}
.quick_links ul .to-top a .icon{ width: 30px; height: 34px; background: url(../images/quick_links_wechat.png) left no-repeat;}
.quick_links ul .dianhua  a{padding: 15px 0 17px 0;}
.quick_links ul .dianhua  a .icon{width: 30px; height:34px;;background: url(../images/quick_links_tel.png) left no-repeat; }

@media screen and (max-width:1024px) {
.quick_links{ display:none !important;}

}