@font-face { font-family: fontello; src: url(../font/fontello.eot?71359878); src: url(../font/fontello.eot?71359878#iefix) format('embedded-opentype'), url(../font/fontello.woff?71359878) format('woff'), url(../font/fontello.ttf?71359878) format('truetype'), url(../font/fontello.svg?71359878#fontello) format('svg'); font-weight: 400; font-style: normal } .demo-icon { font-family: fontello!important; font-style: normal; font-weight: 400; speak: none; display: inline-block !important; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease } .phoneShow { display: none; } .pcShow { display: block; } @media(max-width:800px) { .phoneShow { display: block; } .pcShow { display: none; } #newBridge { display: none } } .cndns-right *:hover { text-decoration: none } .cndns-right { position: fixed; right: 5px; top: 60%; margin-top: -100px; z-index: 100; font-family: Arial, microsoft yahei!important; background: #fff; filter: alpha(opacity=95); -moz-opacity: .95; -khtml-opacity: .95; opacity: .95; z-index: 99999; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px rgba(0,0,0,.15); box-shadow: 0 0 5px rgba(0,0,0,.15); border-radius: 5px; } .cndns-right i { font-style: normal!important } .cndns-right-meau { position: relative } .cndns-right-btn { width: 70px; height: 80px; text-align: center; display: block; position: relative; text-decoration: none; border-top: 1px solid #e0e0e0 } .cndns-right-btn span { color: #143884; font-size: 24px!important; line-height: 32px; padding-top: 15px } .cndns-right-btn span.icon-qq { font-size: 27px !important; color:#d61818; margin-bottom: 5px; padding-top: 10px; animation: shadow .5s linear infinite; animation: rotate .5s linear infinite } .cndns-right-btn span.icon-shangqiao { font-size: 27px !important; } .cndns-right-btn sup { display: block; min-width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; border-radius: 50%; background-color: #0360b0; position: absolute; left: -12px; top: -12px } .cndns-right-btn p { color: #333; font-size: 12px; line-height: 18px; padding-top: 0; margin: 0; text-decoration: none; padding-bottom: 10px } .cndns-right-meau:hover .cndns-right-btn p { display: block; text-decoration: none } .meau-car .cndns-right-btn { border-color: #0360b0; margin-bottom: 20px; text-decoration: none } .meau-car .cndns-right-meau:hover .cndns-right-btn { background-color: #0360b0; text-decoration: none } .meau-car .cndns-right-meau:hover .cndns-right-btn span { color: #fff; display: block; text-decoration: none } .meau-code .sev-t img { width: 150px; margin: 0 auto; padding: 0 } .meau-car .cndns-right-btn span { color: #0360b0 } .meau-top .cndns-right-btn span { font-size: 24px!important; line-height: 20px; padding-top: 15px } .meau-top .cndns-right-btn i { display: block; color: #333; font-size: 12px } .meau-top.cndns-right-meau:hover .cndns-right-btn { } .cndns-right-box { position: absolute; top: -15px; right: 54px; padding-right: 25px; display: none } .cndns-right-box .box-border { padding: 20px; background-color: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); -moz-box-shadow: 0 0 5px rgba(0,0,0,.15); box-shadow: 0 0 5px rgba(0,0,0,.15); position: relative; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-radius: 5px } .cndns-right-box .box-border .arrow-right { display: block; width: 13px; height: 16px; background: url(../images/arrow.png) no-repeat; position: absolute; right: -13px; top: 26px } .cndns-right-box .box-border .sev-t span { font-size: 42px; float: left; display: block; line-height: 56px; margin-right: 20px; color: #d3d3d3 } .cndns-right-box .box-border .sev-t p{ float: left; padding: 0; margin: 0 } .cndns-right-box .box-border .sev-t a{ color:#143884; font-size: 30px; line-height: 30px; margin-bottom: 5px; display: inline-block; } .cndns-right-box .box-border .sev-t p em{ color: #222; } .cndns-right-box .box-border .sev-t p i { display: block; font-size: 14px; color: #888; font-style: normal!important } .cndns-right-box .box-border .sev-b { padding-top: 15px; margin-top: 15px; border-top: 1px solid #e4e4e4 } .cndns-right-box .box-border .sev-b h4 { color: #666; font-size: 14px; font-weight: 400; padding-bottom: 15px } .cndns-right-box .box-border .sev-b li { float: left; width: 50%; list-style: none; } .cndns-right-box .box-border .sev-b li a { text-decoration: none; display: inline-block; color: #888; font-size: 14px; padding-left: 43px; background: url(../images/zxqq.png) no-repeat left 3px; line-height: 36px } .cndns-right-box .box-border .sev-b li a:hover { color: #0360b0 } .meau-sev .cndns-right-box .box-border { width: 300px } .meau-contact .cndns-right-box .box-border { width: 300px } .cndns-right-meau:hover .cndns-right-box { display: block } .meau-code .cndns-right-box { top: inherit; bottom: -35px } .meau-code .cndns-right-box .box-border { width: 156px; text-align: center } .meau-code .cndns-right-box .box-border i { display: block; color: #666; font-size: 14px; line-height: 22px } .meau-code .cndns-right-box .box-border .arrow-right { top: inherit; bottom: 50px } .meau-zs .cndns-right-btn { background-color: #0360b0; color: #fff; margin-top: 80px; border-color: #0360b0 } .meau-zs .cndns-right-btn span { color: #fff } .meau-zs .cndns-right-btn p { color: #fff } .sev-t { overflow: hidden } #ClCache { display: none } #newBridge #nbWebImLightContainer { border: none!important } #bottom { position: fixed; width: 100%; /* max-width: 640px; */ margin: 0 auto; height: 60px; bottom: 0; border-top: #eee solid 1px; background: #fff; z-index: 999; } #bottom ul { height: 60px; line-height: 60px; list-style: none; } #bottom ul li { width: 33.333333%; float: left; color: #FFF; height: 100%; } #bottom ul li dl { width: auto; margin: 0 auto; text-align: center; height: 100%; } #bottom ul li dt { width: auto; /* overflow: hidden; */ line-height: 1; padding-top: 8px; } #bottom ul li dt .demo-icon{ color:#666; font-size: 1.3em; } #bottom ul li dt .icon-phone-squared { color: #143884; position: relative; top: -5px; /* margin-bottom: 5px; */ /* padding-top: 0; */ animation: shadow .5s linear infinite; animation: rotate .7s linear infinite } #bottom ul li dd { width: auto; font-size: 14px; color: #222; line-height: 1; padding-top: 5px; } .cndns-right-meau:hover .demo-icon { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2) } @keyframes shadow { 0%, 100% { transform:scaleX(1) } 50% { transform:scaleX(1.2) } } @keyframes rotate { 0% { transform:translateY(0) } 25% { transform:translateY(5px) } 50% { transform:translateY(10px) scale(1.1, .9) } 75% { ransform:translateY(5px) } 100% { transform:translateY(0) } } .fdong{position: fixed; right: 20px; bottom: 80px; z-index: 9999;} #blist{width:40px; height: 40px;background-color: rgba(0, 0, 0, 0.8); border-radius: 20px; line-height: 40px; text-align: center;margin-bottom: 5px;} #blist a{color: #fff;} #top-back2 {width:40px; height: 40px;background-color: rgba(0, 0, 0, 0.8); border-radius: 20px; line-height: 40px; text-align: center;margin-bottom: 5px; } #top-back2 i {color: #fff;} #wap-qq{display: none;} #wapwx{width:40px; height: 40px;background-color:#143884; border-radius: 20px; line-height: 40px; text-align: center;margin-bottom: 5px;} #wapwx i{ font-size: 24px; color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; } #wapwx i img{width:60%;} /* 弹出微信 */ #wechat-lightbox{ display: none; position: fixed; z-index: 10001; top: 0px; right: 0px; left: 0px; transition: opacity 0.1s ease-in 0s; background: rgba(0, 0, 0, 0.75); } .mip-fill-content{ display: flex; justify-content: center; align-items: center; height: 100%; } i.guanbi{ position: absolute; right: 1.25rem; top: 1.25rem; } #MIP-LLIGTBOX-MASK { background: rgba(0, 0, 0, .4) } .form-wechat-model-ctn .model-mask { background: rgba(0, 0, 0, .4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000 } .mip-sjh-wechat-model { width: 100%; height: 100% } .mip-sjh-wechat-model .mip-fill-content .wechat-model-layer { width: 20.6875rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.25rem; position: relative; background: #fff; border-radius: .8125rem } .mip-sjh-wechat-model .mip-fill-content .wechat-model-layer .close { position: absolute; right: .9375rem; top: .9375rem } .mip-sjh-wechat-model .mip-fill-content .wechat-model-layer .wechat-model-success { height: 100%; text-align: center; font-size: 12px; line-height: 1.6; } .wechat-model-success .image i{ font-size: 50px; line-height: 1; color: #1aad19; } .mip-sjh-wechat-model .mip-fill-content .wechat-model-layer .wechat-model-success .button { background-color: #1aad19; border-radius: .25rem; width: 100px; margin: auto; margin-top: .9375rem; line-height: 2.2; } .mip-sjh-wechat-model .mip-fill-content .wechat-model-layer .wechat-model-success .button span { color: #fff; } @media screen and (max-width: 800px){ .cndns-right-btn{ width: 55px; height: 55px; } .cndns-right-btn span{ padding-top: 5px; } .cndns-right-btn span.icon-qq{ font-size: 24px !important; padding-top: 0; margin-bottom: 0; } .meau-top .cndns-right-btn span{ padding-top: 5px; line-height: 1; } .meau-top .cndns-right-btn i{ line-height: 1; } } @media screen and (min-width: 801px){ #top-back2{ display: none !important; } }