html{overflow-y:scroll;overflow-x:hidden}
*{margin:0px;padding:0px;word-wrap:break-word}
img,input,select{vertical-align:middle}
ul,li{list-style:none}
a{text-decoration:none;color:#333}
a:hover,.fmenu li a:hover{color:#333;-webkit-transition:color ease 0.6s}
img{border:none}
.clear{clear:both;height:0px;margin:0;padding:0;width:0;border:none;overflow:hidden}
body{font-size:14px;font-family:"Microsoft YaHei";color:#777777;background:#fff}
.fl{float:left}
.fr{float:right}
#body{width:100%;overflow:hidden;background:#f0f0f0}
.body h4{font-size:14px;font-weight:normal;margin-bottom:10px;height:18px;line-height:18px;text-align:right;margin-right:20px}
.body h5{font-size:14px;font-weight:normal;margin-bottom:10px;width:100%;height:18px;line-height:18px;text-align:right}
.body{width:1215px;margin:68px auto 0 auto;position:relative;padding-bottom:100px}
.left{width:866px;background:#fff;margin-left:10px;padding:33px 0 0 38px;margin-bottom:16px;border-radius:10px;overflow:hidden;padding-bottom:30px;position:relative;box-shadow:rgba(0,0,0,.27) 0 1px 3px}
.left1{width:1165px;background:#fff;margin-left:10px;padding:33px 0 0 38px;margin-bottom:16px;border-radius:10px;overflow:hidden;padding-bottom:30px;position:relative;box-shadow:rgba(0,0,0,.27) 0 1px 3px}
.left .caselist h3,.left1 .caselist h3{font-size:20px;color:#272727;font-weight:normal;margin-bottom:23px}
.right{width:252px;min-height:50px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:rgba(0,0,0,.27) 0 1px 3px;margin-right:15px}
.right li{height:53px;line-height:53px}
.right li a{font-size:18px;padding-left:30px;display:block;border-bottom:1px solid #e5e5e5}
.right li a:hover{background:#c3d72d;color:#1a1a1a;border-bottom:none}
.submenu li{width:113px;height:39px;float:left;line-height:39px;font-size:16px;text-align:center}
.submenu li a:hover{background:#747474;color:#fff;display:block}
.scroll{position:absolute;bottom:20px;left:40%}
.page{width:1200px;background:#fff;margin-left:10px;padding:38px;margin-bottom:16px;border-radius:10px;overflow:hidden;box-shadow:rgba(0,0,0,.27) 0 1px 3px;padding-bottom:30px;position:relative}
.page p{line-height:24px;line-height:30px;font-size:14px;color:#333}
.pcto_bg{top:100px;width:100%;transition:all ease 0.3s;height:0px;background:rgba(0,0,0,0.9);transition:all ease 0.3s;position:absolute;z-index:99;left:0}
.pcto{width:100%;position:relative;height:100px;background-image:url(http://pic20_1.qiyeku.com/qiyeku_pic/2020/8/25/huodun/product/product_pic/image/2020_08_27/20200827100201002.png);  background-position:top center; }
.pcto_box{width:1200px;margin:0 auto;height:100px}
.pcto_box .pcto_logo{display:inline-block;margin-top:0px}
.pcto .pcto_menu{float:right}
.pcto .pcto_menu_xun{float:left;margin:10px 0px 0 75px;height:90px;text-align:center;min-width:56px;}
.pcto .pcto_menu_xun .pcto_menu_a{transition:all ease 0.3s;display:inline-block;height:87px;line-height:90px;font-size:16px;color:#fff;text-align:center;font-weight: bold;}
.pcto .pcto_menu_xun:hover .pcto_menu_a{transition:all ease 0.3s;color:#1fcdff;border-bottom:#1fcdff solid 3px}
.pcto .pcto_menu_xun.on .pcto_menu_a{color:#fff;border-bottom:#fff solid 3px}
.pcto_menu_a{}
.pcto_xl{position:absolute;z-index:100;height:0;overflow:hidden}
.pcto_xl a{margin-right:35px;float:left;display:inline-block;line-height:58px;font-size:13px;color:#fff;text-align:center}
.pcto_menu_xun:hover .pcto_bg{height:58px;transition:all ease 0.6s}
.pcto_menu_xun:hover .pcto_xl{height:58px;transition:all ease 0.6s}

.page{width:1200px;background:none;box-shadow:none;padding:0px}
.body{padding-bottom:0px;width:1200px}
.topadcs{width:100%;overflow:hidden;text-align:center;margin:0px auto}
.topadcs a img{width:100%;height:auto;display:block}
.topadcs a{display:block;margin:0 auto}
.topadcs a.fullad{height:600px}
.n_path{border-top:1px #4e88dc solid}
.n_path li{height:30px;line-height:30px;text-align:center;float:left;background:#4e88dc;padding:0 15px;font-size:14px;margin-left:10px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}
.n_path li a{display:block;color:#1a1a1a;}
.n_path li a:hover{color:#4e88dc}
.n_path li.current a,.n_path li.current,.n_path li:hover{background:#1a1a1a;color:#4e88dc}

.pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#9e9e9e;} 
.pager{font-size:14px; padding:0 10px;  color:#ffffff;  line-height:25px; display:inline-block;background-color:#9e9e9e; margin:0px 5px;}
.pager_hover,.pager:hover{font-size:14px; background-color:#4e88dc; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#fff; }
.first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#9e9e9e; display:inline-block; margin:0px 5px; font-size:14px; }
.clear{ clear:both;}

h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
.web{width:1200px;margin:0 auto;}
.mb35{margin-bottom:35px;}
.mt30{margin-top:30px;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; *display:none;}
.clearfix{*zoom:1;}
em,i,b{ font-style:normal;}
.pageslink{ float: right;}
.pagestitle h4 span{display:block; color:#1a1a1a;font-size:20px;line-height:20px;font-weight:bold;}
.pagestitle h4 em{font-size:36px;color:#c1e089;text-transform:capitalize;line-height:40px;font-family:"AvantGardeITCbyBT-Medium",Arial;}
.pageslink .indexicon{width:14px;height:19px; display:inline-block;background:url(../webimages/home.png) center 5px no-repeat; vertical-align:top;}

@font-face {font-family: "iconfont";
          src: url('/css/iconfont/iconfont.eot'); /* IE9*/
          src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
          url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }
@font-face {
  font-family: 'iconfont';  /* project id 781842 */
  src: url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.eot');
  src: url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.woff') format('woff'),
  url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_781842_kxz26gvjmfb.svg#iconfont') format('svg');
}
        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }
.header-top,.header-top ul{float:right;padding-top: 20px;padding-left: 15px;}
.header-top ul li{float:left;height:35px;line-height:35px;text-align:center;margin:0 10px;position:relative;color:#fff}
.header-top ul li a{color:#fff}
.header-top ul li img{display:none}
.header-top ul li:hover img{display:block;position:absolute;z-index:999;top:30px;left:0}


.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.wal{width:1200px; margin:0px auto;}
.pageBox{ padding: 60px 0 50px; }
.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .txtDiv{ position: absolute; left: 0px; width: 100%; top: 50%; margin-top: -67px; z-index: 5; text-align: center;}
.pageBanner .txt1{ font-size: 60px; color: #fff; opacity: 0.4; padding-bottom: 10px; font-weight: bold;line-height: 60px;}
.pageBanner .txt2{ font-weight: bold; font-size: 24px; color: #fff; position: relative; height: 60px; }
.pageBanner .txt2 em{ position: absolute; left: 50%; display: block; width: 34px; height: 4px; background: #1fcdff; margin-left: -17px; bottom: 0px; }

.pageTop{ border-bottom: #ececec solid 1px; height: 60px; }
.pageTop .wal{ position: relative; height: 60px; }
.pageNow{ padding-left: 23px; height: 60px; line-height: 60px;  color: #a2a2a2; overflow: hidden; background: url(../images/nimg17_1.png) left center no-repeat;}
.pageNow a{ color: #a2a2a2; }
.pageNow a:hover{ color:#060606;}
.pageNow em{ color: #060606; }
.pageNav{ height: 60px; position: absolute; right: 0px; top: 0px; }
.pageNav li{ float: left; width: 102px; height: 60px; font-size: 15px;}
.pageNav .li01{ width: 189px; }
.pageNav li a{ display: block; height: 60px; line-height: 60px; text-align: center; color: #636363;}
.pageNav li a:hover, .pageNav li .aNow{ color: #fff; background: #4e88dc;}
@media only screen and (max-width: 1920px) {
  .prol {left: 622px!important;}
}.joinPart2{ background: #f7f7f7; padding: 80px 0 100px; }
.joinPart2 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }
.joinPart2 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #37c3e3;}
.joinPart2 .msg{ padding: 40px 0 60px; font-size: 16px; text-align: center; line-height: 36px; }
.joinPart2 .list{ padding: 0 130px; }
.joinPart2 .list li{ float: left; width: 25%; text-align: center;}
.joinPart2 .list li .ico{ position: relative; }
.joinPart2 .list li .name{ padding-top: 22px; font-size: 16px; color: #888; }
.joinPart3{ padding: 110px 0; overflow: hidden;}
.joinPart3 .leftImg{ width: 590px; }
.joinPart3 .rightCon{ width: 415px; }
.joinPart3 .title{ color: #29292c; font-size: 36px; position: relative; padding: 38px 0 32px; }
.joinPart3 .title em{ position: absolute; left: 0; bottom: 0px; width: 26px; height: 3px; display: block; background: #37c3e3;}
.joinPart3 .list{ padding-top: 46px; }
.joinPart3 .list li{ margin-bottom: 20px; padding-left: 72px; height: 49px; line-height: 49px; font-size: 16px; color: #777b80; position: relative;}
.joinPart3 .list li .num{ font-size: 18px; position: absolute; left: 0px; top: 0px; width: 49px; height: 49px; background: #edeef0; text-align: center; line-height: 49px; border-radius: 4px; -moz-border-radius: 4px; }
.joinPart4{ padding-top: 80px; overflow: hidden; height: 800px; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_30/20210630083856956.jpg) no-repeat center top;}
.joinPart4 .title{ margin-bottom: 46px; text-align: center; color: #fff; font-size: 36px; position: relative; padding-bottom: 32px; }
.joinPart4 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #37c3e3;}
.gy_c ul{float:right;width:1040px;height:448px;margin-top:30px;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_07_01/20210701111115999.png) no-repeat}
.gy_c li{float:left;width:268px;height:224px;padding-left:40px;transition:all 0.5s}
.gy_c li em{display:block;padding-top:40px;height:54px;position:relative;font-size:30px;line-height:38px;color:#fff;font-style:normal}
.gy_c li em:after{position:absolute;width:44px;height:1px;background:rgba(255,255,255,0.5);content:"";display:block;left:0;bottom:0}
.gy_c li span{display:block;font-size:14px;color:#fff;padding-top:24px;padding-right:31px}
.gy_c li:hover{background:#000;border-radius:10px;transform:scale(1.1)}
.gy_c li:hover em:after{background:#fff}

.joinPart5{ padding: 80px 0 50px; }
.joinPart5 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }
.joinPart5 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #37c3e3;}
.joinPart5 .list{ padding-top: 46px; }
.joinPart5 .list ul{ margin-right: -40px; }
.joinPart5 .list li{ float: left; width: 33.33%; margin-bottom: 38px;}
.joinPart5 .list li .box{ border-radius: 6px; -moz-border-radius: 6px; margin-right: 40px; height: 242px; box-shadow: 0px 0px 14px #ddd; -moz-box-shadow: 0px 0px 14px #ddd; }
.joinPart5 .list li .name1{ padding: 48px 0 0 35px; font-weight: bold; color: #484848; font-size: 32px; }
.joinPart5 .list li .name2{ padding: 10px 0 23px 35px; position: relative; font-size: 18px; color: #484848;}
.joinPart5 .list li .name2 em{ position: absolute; left: 35px; bottom: 0px; width: 20px; height: 3px; background: #37c3e3; display: block; }
.joinPart5 .list li .msg{ padding: 28px 0 0 35px; font-size: 14px; color: #a0a3a8; }
.commonP{position:absolute;left:0;bottom:0;z-index:9;width:100%;text-align:center}
.commonP .swiper-pagination-bullet{background:#234093;margin:0 6px}
.commonP2 .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 6px}
.commonP .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#234093}
.common_tit{text-align:center}
.common_tit h3{font-size:24px;color:#ffffff}
.common_tit h5{font-family:Candara;font-size:24px;font-weight:bold;color:#ffffff;margin-top:16px}
.common_btn{display:block;overflow:hidden;position:relative;height:50px;line-height:50px;background:#4e88dc;font-size:14px;color:#fff;text-align:center;width:130px}
.common_btn::after{content:'';position:absolute;top:0;right:0;height:100%;width:140%;background:#333;opacity:0;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transform:translateX(100%) skew(0deg);-webkit-transform:translateX(100%) skew(0deg);-moz-transform:translateX(100%) skew(0deg);-ms-transform:translateX(100%) skew(0deg);-o-transform:translateX(100%) skew(0deg)}
.common_btn span{z-index:1;display:block;position:relative}
.common_btn span:hover{color:#fff;}
a.common_btn:hover::after,a:hover div.common_btn::after{opacity:1;transform:translateX(10%) skew(-20deg);-webkit-transform:translateX(10%) skew(-20deg);-moz-transform:translateX(10%) skew(-20deg);-ms-transform:translateX(10%) skew(-20deg);-o-transform:translateX(10%) skew(-20deg);}
.common_tit2{font-size:30px;color:#333333;text-align:center}
.apply{margin:100px 0 100px}
.apply_i{background:#fff;padding:50px 50px 100px;background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/6/11/zsaositai/product/product_pic/image/2021_06_30/20210630094845964.jpg) no-repeat center bottom #fff;}
.apply_i_tit{font-size:18px;color:#333333;padding:32px 0 16px;border-bottom:1px solid #e5e5e5}
.apply_i p{font-size:14px;color:#666666}
.apply_i p span{color:#ff0000;width:20px;margin-right:10px}
.apply_i_inp label{display:block;float:left;width:calc(31.3% - 17px);margin-right:55px;margin-top:20px}
.apply_i_inp label:nth-child(3n){margin-right:0}
.apply_i_inp label:nth-child(3n + 1){clear:both}
.apply_i_inp label input,.apply_i_inp label select{display:block;width:100%;height:50px;background-color:#f5f5f5;border-radius:3px;border:solid 1px #dcdcdc;margin-top:10px;padding:0 20px;color:#999999}
.apply_i_inp label input::placeholder{color:#999}
.apply_i_textarea label{margin-top:32px;display:block}
.apply_i_textarea .textarea{margin-top:10px;position:relative}
.apply_i_textarea .textarea textarea{height:180px;background-color:#f5f5f5;border-radius:3px;border:solid 1px #dcdcdc;padding:30px;line-height:30px;font-size:14px;color:#999999;width:100%;resize:none}
.apply_i_textarea label:first-child .textarea textarea{height:220px;padding-top:80px}
.service2 .apply_i_textarea label:first-child .textarea textarea{padding-top:30px}
.apply_i_textarea .textarea .select{position:absolute;left:30px;top:0px;right:30px;border-bottom:1px solid #e5e5e5;padding:20px 0}
.apply_i_textarea .textarea .select select{background:transparent;font-size:14px;color:#999;border:0}
.apply_i .common_btn{width:180px;border-radius:3px;margin:68px auto 0}#side{position:fixed;right:0;top:75%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:999}
#side li{margin-bottom:1px;float:right;clear:both}
#side li a{padding:6px 0 5px;width:70px;display:block;font-size:13px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:5px 0 0 5px;background:#00adef;color:#fff;}
#side li a:hover{padding-right:10px}
#side li a img{margin:0 auto 3px;display:block}
#side .tel1{margin-bottom:15px;width:70px;clear:both;float:right;overflow:hidden;cursor:pointer;font-size:13px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius:5px 0 0 5px;background:#00adef;color:#fff;}
#side .tel1:hover{width:220px}
#side .tel1 .subTel{width:220px}
#side .tel1 .txt{padding:6px 0 5px;width:70px;float:left;display:block;}
#side .tel1 .txt img{margin:0 auto 3px;display:block}
#side .tel1 .num{width:149px;display:block;float:left;color:#fff;font-size:18px;font-weight:bold;line-height:66px;border-left:1px solid #115fad}
#side .tel1 .num a{color:#fff;}
#side .pageTop1{float:right;clear:both;margin-right:13px;border-radius:50%;overflow:hidden;opacity:.33;transition:all 0.3s}
#side .pageTop1:hover{display:block;opacity:1}
#side .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333}
.my-kefu-weixin-pic img{width:115px;height:115px}
a{cursor:pointer}.seabox{overflow: hidden;height:65px;overflow:hidden;background: #666;font-family: "Microsoft Yahei";font-size:14px;background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/30/lihong/product/product_pic/image/2019_07_08/20190708104607680.gif) repeat-x;}
.search00{width:1200px; margin:0 auto;}
.sea_in{margin-top: 13px;}
.sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#666;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(images/sou1.jpg) no-repeat left top;border:none; }
.sea_in .sub{ width:31px; height:35px;background:url(images/sou2.jpg) no-repeat left top;border:none; float:left;}
.k_word{overflow:hidden;width:1200px;color:#666; height: 52px; line-height: 52px;}
.k_word a{color:#666; display: inline-block; padding: 0 12px;font-size:14px;}
.k_word b{font-weight: normal;}.footer-right{margin-top:15px;width:100%;font-size:14px;color:#999}
.floatr{float:right}
.floatl{float:left}
.footer-right > div{width:45%;text-align:center;margin-right:10px}
.footer-right > div .img{width:120px;height:120px;background-color:#555;margin:auto;margin-bottom:auto;margin-bottom:10px}
.indexbottom{width:100%;background:#333;font-size:13px}
.indexbottomalink{width:1200px;height:350px;overflow:hidden}
.indexbottomalink dl{padding-top:54px}
.indexbottomalink dl dd{width:190px;float:left}
.indexbottomalink dl dd.thislast{margin-right:0}
.indexbottomalink dl dd h4{color:#fff;font-size:16px;line-height:22px;text-transform:uppercase;padding-bottom:19px}
.indexbottomalink dl dd h4 a{color:#fff}
.indexbottomalink dl dd p{line-height:30px}
.indexbottomalink dl dd p a{color:#d9d9d9}
.indexbottomalink dl dd p a:hover{color:#fff}
.indexbottomalink dt{width:142px;float:right;text-align:center;color:#d9d9d9;font-size:14px}
.indexbottomalink dt p{padding-top:10px}
.sharewrap{padding-top:35px;height:65px}
.sharewrapshare{float:left}
.sharewrapshare span{display:inline-block;float:left;font-weight:bold;font-size:16px;color:#fff;line-height:27px}
.bdsharebuttonbox{float:left;padding-left:15px}
.bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{float:left;margin:0 8px 0 0 !important;background:url(../Qwebimages/img29.jpg) no-repeat !important;padding:0 !important;width:27px !important;height:27px !important}
.bdshare-button-style0-24 a.bds_tsina{background-position:-33px top !important}
.bdshare-button-style0-24 a.bds_weixin{background-position:-66px top !important}
.bdshare-button-style0-24 a.bds_sqq{background-position:-99px top !important}
.footcontact{float:right}
.footcontact span{display:inline-block;padding-left:50px;color:#d9d9d9}
.footcontact span.footcontacttitle{font-weight:bold;font-size:16px;color:#fff;padding-left:0px}
.indexbottomcopy{height:54px;line-height:54px;color:#d9d9d9}
.indexbottomcopy a{color:#d9d9d9}
.indexbottomcopy span{color:#d9d9d9;font-family:Arial;font-size:13px;float:right}
.indexbottomalink dl dd.thislast{margin-right:0;width:340px;color:#d9d9d9}
.fd-bot{padding:0px;background-color:#000}
.tel{float:right;text-align:left}
.tel span{padding-left:24px;background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2018/12/7/jianronglock/product/product_pic/image/2019_04_29/20190429051948661.png) left center no-repeat;color:#fff}
.tel p{font-family:ff-syl;font-size:32px;color:#fff;line-height:40px}
.fd-follow{padding:16px 0 0}
.fd-follow .tit{position:relative;text-align:center}
.fd-follow .tit:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background-color:#707070}
.fd-follow .tit span{position:relative;z-index:2;padding:0 30px;background-color:#333;color:#fff}
.fd-follow .follow{text-align:center;font-size:0;padding:28px 0 20px}
.fd-follow .follow li{position:relative;display:inline-block;margin:0 10px}
.fd-follow .follow li .icon{display:block;width:25px;height:25px;background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2018/12/7/jianronglock/product/product_pic/image/2019_05_05/20190505044252202.png) 
  center no-repeat;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.fd-follow .follow li .icon-weixin{background-position:0 0}
.fd-follow .follow li .icon-weibo{background-position:-45px 0}
.fd-follow .follow li .icon-douyin{background-position:right 0}
.fd-follow .follow li .icon:hover{opacity:.8}
.fd-follow .follow .eq{display:none;position:absolute;left:50%;margin-left:-60px;width:120px;height:120px;bottom:150%;z-index:3}
.fd-follow .follow .eq img{display:block;width:100%;height:100%}