.footer { padding-bottom: 10px; width: 100%; background: #323232; } .footer_nr { position:relative; width: 1200px; margin: 0 auto; padding-top: 28px; padding-bottom: 20px; } .footer_nr li { float: left; font-size:14px; } .footer_nr_fg { /* padding-right: 10px; */ } .ft_logo { display:inline-block; margin-right: 25px; } .ft_logo img { width:94px; /* margin-right: 10px; */ } .ft_tel { background: url('../images/new/headfoot/ft_tel.png') no-repeat 2px 5px; padding-left: 30px; font-size: 14px; color: #fff; margin-bottom:6px; } .ft_li_pd { margin: 0 0 0 20px; } .ft_li_pd h2 { position: relative; color: #fff; font-size: 14px; font-weight: 400; float: left; margin-right: 10px; } .ft_li_pd h2:after{ content:''; width:1px; height: 17px; background:rgba(255, 255, 255, .5); position: absolute; right: -8px; top: 2px; } .ft_li_pd p { float: left; margin-left:40px; } .ft_li_pd a ,.ft_li_pd span{ color: #cfd0d0 } .ft_2wm { float: right; color: #fff; font-size: 14px; position: absolute; top:8px; right:30px; width:158px; text-align:center; } .ft_2wm-img{ display:inline-block; width:98px; } .ft_2wm img{ width:100%; } .mask { width: 100%; height: 0; position: absolute; top: 0; left:0; display: inline-block; background: rgba(26,132,190,.3); border-bottom: 3px solid #4AB86A; animation: move 5s linear infinite; -webkit-animation: move 5s linear infinite; -moz-animation: move 5s linear infinite; -o-animation: move 5s linear infinite; -ms-animation: move 5s linear infinite; } @keyframes move{from{height:0} to{height:98px} } @-webkit-keyframes move{from{height:0} to{height:98px} } @-moz-keyframes move{from{height:0} to{height:98px} } @-o-keyframes move{from{height:0} to{height:98px} } .ft_li_span { display: block; color: #cfd0d0; font-size: 12px; margin-top:6px; } /*.service-slider { width: 135px; height: 70px; background: url('../images/new/headfoot/service_slider.png') no-repeat; background-size: 100% 100%; position: fixed; left: 0; bottom: 80px; z-index: 30; display: none; cursor: pointer; } .fixed-side { position: fixed; right: 6px; top: 20%; width: 72px; z-index: 999; } .fixed-side .interaction .inter .active { background: #01b1cb; } .fixed-side .interaction .inter { width: 70px; height: 70px; border: 1px solid #00c1de; margin-bottom: 10px; border-radius: 5px; text-align: center; background: #fff; float: right; } .fixed-side .inter { position: relative; transition: all 0.5s; cursor: pointer; } .fixed-side .inter.tel span { background: url('../img/1.png') no-repeat center; } .fixed-side .interaction .inter span { width: 40px; height: 44px; display: inline-block; vertical-align: top; transition: all 0.5s; } .fixed-side .inter.active p, .fixed-side .inter:hover p { color: #fff; } .fixed-side .interaction .inter p { font-size: 14px; color: #00c1de; } .fixed-side .inter.phone .phone-det, .fixed-side .inter .contact-det { text-align: left; box-sizing: border-box; height: 70px; color: #fff; position: absolute; left: 0; top: 0; border-radius: 5px; padding: 14px; transition: 1s; display: none; } .fixed-side .inter .contact-det { width: 232px; background: #00c1de url('../images/new/headfoot/tel.png') no-repeat 180px center; } .fixed-side .inter .contact-det strong { font-size: 20px; } .fz16 { font-size: 16px !important; } .fixed-side .inter.online span { background: url('../img/2.png') no-repeat center; }*/ .footer-tiyan{ position: fixed; bottom: 0; z-index: 11; background: #00C1DE; width: 100%; } .footer-tiyan a{ position: absolute; top: 24px; z-index: 2; box-sizing: border-box; border: none; color: #00C1DE; background-color: #fff; padding: 4px 22px; margin-top: 15px; margin-bottom: 20px; display: inline-block; font-size: 16px; line-height: 28px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 32px; vertical-align: top; } .footer-tiyan span{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-image:url("../images/new/headfoot/foot-tiyan.svg"); background-position: 0px -19.2px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(20)); } .footer-tiyan p{ display: inline-block; padding-top: 14px; padding-bottom: 10px; font-size: 17px; letter-spacing: 2px; width: 1071px; margin-left: -117px; } .footer-tiyan p b{ color:#f4e70f; } .footer-tiyan .iconfont{ position: absolute; top: -11px; right: 9px; display: inline-block; padding: 10px; font-size: 22px; color: #fff; cursor: pointer; } .footer-tiyan div{ z-index:2; } /*促销活动*/ .sale-position{ position:fixed; left:0; bottom:10%; z-index:10; } .sale-position .iconfont{ position:absolute; right:0; top:0; z-index:2; display:inline-block; padding:10px; cursor:pointer; } /*工商备案*/ .link-gongshang{ /* position: absolute; right: 190px; bottom:56px; */ } .link-gongshang img{ margin-left:10px; width:18px; } .footer-tips-text{ display: block; margin-top: 8px; padding-top: 6px; width:633px; color: #cfd0d0; border-top: 1px solid #999; text-align: justify; } .footer-tips-text a{ text-decoration:underline; color:#fff; cursor:pointer; } .yf-intro-show{ position: fixed; left: 0; bottom: 180px; z-index: 10; padding-top:60px; width: 135px; height: 344px; background: url(../images/new/headfoot/kefu.png) no-repeat; background-size:contain; text-align:center; box-sizing:border-box; } .yf-intro-show strong,.yf-intro-show p{ color:#fff; } .yf-intro-show img{ width:94px; } .yf-intro-show p{ margin-top: 20px; font-size: 14px; color: #fff; text-align: center; line-height: 38px; } .yf-intro-show strong{ display: block; margin-bottom: 12px; font-size: 16px; } .yf-intro-show .close{ position:absolute; right:0; top:0; font-size: 18px; font-weight: bold; font-style:normal; color: #f72144; cursor: pointer; } .register-dialog{ position: fixed; left: 0; top: 0; z-index: 1000; transition: 0.5s; width: 100%; } .register-dialog b.register-mask{ display:inline-block; width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; left:0; top:0; left:0; right:0; z-index:1; } .register-dialog-ul>li{ display:none; } .register-dialog-ul>li.active{ display:block; } .to-top{ font-size: 30px; color: #fff; margin-top: 10px; display: inline-block; } .footer_contact{ display: inline-block; vertical-align: top; margin-top:12px; } .footer-link{ padding-left:23px; width:730px; margin-top:12px; box-sizing:border-box; } .footer-link .left{ width:140px; } .footer-link .left b{ display:inline-block; margin-right:4px; width:11px; height:16px; background:url(../images/new/headfoot/foot2.png) no-repeat center; background-size:contain; } .footer-link .right b{ display:inline-block; margin-right:4px; width:14px; height:14px; background:url(../images/new/headfoot/foot1.png) no-repeat center; background-size:contain; margin-top: 3px; vertical-align: top; } .footer-link .left p{ margin-bottom:4px; color:#ccc; } .footer-link .right{ position:relative; width:560px; box-sizing:border-box; vertical-align:top; font-size:0; } .footer-link .right:before{ content:''; width:1px; height:59px; background:rgba(255,255,255,.2); position:absolute; left:-10px; bottom:0; top:4px; } .footer-link .right p{ display:inline-block; margin-bottom:4px; width:50%; vertical-align:top; } .footer-link .right em{ color:#ccc; } .footer-link .right span{ color:#999; } .footer-other-link{ width:100%; margin-top:28px; } .footer-other-link p{ font-size:12px; line-height:19px; } .ft_2wm p{ margin-top:8px; color: #ccc; font-size:12px; } .footer-bottom{ padding-top:25px; padding-bottom:10px; border-top:1px solid rgba(255,255,255,.2); } .footer-bottom-top i{ display:inline-block; margin-right:4px; width:10px; height:13px; background:url(../images/new/headfoot/foot3.png) no-repeat center; background-size:contain; vertical-align:middle; } .footer-bottom-top p{ margin:0 8px 16px; font-size:12px; display:inline-block; vertical-align:top; } .footer-bottom-top em{ color:#fff; } .footer-bottom-top span{ color:#ccc; } .footer-bottom-last p{ color:#999; display:inline-block; }