.ser_inner { border-radius: 25px; background: linear-gradient(to bottom, #f56e6e, #d82828); } .cndns-right * { margin: 0; padding: 0; list-style-type: none; } .cndns-right a, .cndns-right img { border: 0; text-decoration: none; } .cndns-right p { margin: 0px; padding: 0px; line-height: 20px; } .cndns-right i { margin: 0px; padding: 0px; font-style: normal; } .cndns-right ul { margin: 0px; padding: 0px; list-style: none; } .cndns-right ul li { margin: 0px; padding: 0px; list-style: none; } .cndns-right a { color: #e61010; ; text-decoration: none; } .cndns-right a:hover { color: #ff5a00; text-decoration: none; } .clear { clear: both; font-size: 0px; line-height: 0; height: 0; } .demo-icon { font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; font-size: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 24px; color: #999; /*background: #ff6800;*/ width: 100%; } /*new right*/ .cndns-right { position: fixed; right: 10px; bottom: 10%; z-index: 100; } .cndns-right #top-back { border-radius: 25px; height: 100px; margin-top: 20px; padding-top: 8px; background: linear-gradient(to bottom, #f56e6e, #d82828); } .cndns-right #top-back i { padding-top: 6px; font-size: 14px; } .cndns-right #top-back .cndns-right-btn { border: none; } .cndns-right #top-back i.fa-angle-double-up { color: #fff; font-size: 18px; } .cndns-right-meau { position: relative; } .cndns-right-btn { width: 48px; height: 48px; text-align: center; display: block; position: relative; color: #fff; } .cndns-right-btn span { color: #848484; font-size: 24px; line-height: 16px; } .cndns-right-btn sup { display: block; min-width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; border-radius: 50%; background-color: #ff6800; position: absolute; left: -12px; top: -12px; } .cndns-right-btn p { color: #ff6800; font-size: 14px; line-height: 18px; padding-top: 5px; display: none; } .cndns-right-btn p.hover_box { padding: 12px 0px; } /* .cndns-right-meau:hover .cndns-right-btn span{display:none} .cndns-right-meau:hover .cndns-right-btn p{display:block;}*/ .cndns-right .ser_top { border-top-left-radius: 25px; border-top-right-radius: 25px; border: #ff6800 solid 1px; height: 25px; background: #ff6800; margin-top: -25px; } .cndns-right .ser_bottom { background: #ff6800; height: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; margin-bottom: -25px; } .meau-car .cndns-right-btn { border-color: #ff6800; margin-bottom: 20px; } .meau-car.cndns-right-meau:hover .cndns-right-btn { background-color: #ff6800 } .meau-car.cndns-right-meau:hover .cndns-right-btn span { color: #fff; display: block; } .meau-car .cndns-right-btn span { color: #ff6800; } .cndns-right .meau-sev { border-bottom: #fff solid 1px; } .meau-sev .sev-t .demo-icon { width: 42px; color: #fff; background: none; } .meau-sev .cndns-right-btn { border-color: #ff6800; background: url(../images/zxkf.gif) no-repeat #ff6800 center; height: 43px; } .meau-sev .cndns-right-btn p { color: #fff } .meau-sev .cndns-right-btn span { color: #fff } .meau-top .cndns-right-btn span { font-size: 12px; line-height: 12px; padding-top: 2px; display: block } .meau-top .cndns-right-btn i { display: block; color: #fff; } .meau-top.cndns-right-meau:hover .cndns-right-btn { /* background-color: #ff6800*/ } .meau-top.cndns-right-meau:hover .cndns-right-btn span { display: block; color: #fff } .meau-top.cndns-right-meau:hover .cndns-right-btn i { color: #fff; } .cndns-right-box { position: absolute; top: -15px; right: 48px; padding-right: 25px; display: none; } .wechat-inner .cndns-right-box .box-border img { width: 100%; border-radius: 5px; } .wechat-inner .cndns-right-box .box-border .sub1, .wechat-inner .cndns-right-box .box-border .sub2 { color: #666; text-align: center; } .wechat-inner .cndns-right-box .box-border .sub1 { font-size: 12px; line-height: 22px; } .wechat-inner .cndns-right-box .box-border .sub2 { font-size: 20px; line-height: 32px; font-family: "??��|?��?��?��a??o?��2"; } .cndns-right-box .sev-t img { width: 100%; } .cndns-right .wechat-inner { height: 75px; border-bottom: #fff solid 1px; } .cndns-right .wechat-inner .cndns-right-btn { height: 86px; } .cndns-right .meau-contact { height: 75px; padding-top: 15px; } .cndns-right .meau-contact .box-border { text-align: center; /* padding-top: 5px; */ } .cndns-right .meau-contact .sev-t .tit { color: #404040; font-size: 16px; font-weight: bold; display: block; line-height: 35px; width: 100%; text-align: center; } .cndns-right .meau-contact .cndns-right-btn { margin-top: -3px; } .wechat-inner .demo-icon i, .meau-contact .demo-icon i { color: #fff; width: 100%; } .wechat-inner .demo-icon i.fa-wechat, .meau-contact .demo-icon i.fa-phone { /* padding-top: 7px;*/ } .meau-contact .demo-icon i.fa-phone { padding-top: 0px; } .wechat-inner .demo-icon i.fa-wechat { padding-top: 20px; } .wechat-inner .cndns-right-btn { margin-bottom: -6px; } .wechat-inner .demo-icon i.txt { font-size: 14px; line-height: 18px; } .meau-contact .demo-icon i.txt { font-size: 14px; line-height: 18px; display: block; padding-bottom: 8px; } .meau-contact .sev-t i.fa-phone { display: inline-block !important; font-size: 20px !important; color: #e61010 !important; } .cndns-right-box .box-border { border: 1px solid #ccc; border-top: 4px solid #ff6800; padding: 10px; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15); box-shadow: 0 3px 8px rgba(0, 0, 0, .15); position: relative; } .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: 30px; } .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; color: #ff6800; font-size: 18px; line-height: 28px; } .cndns-right-box .box-border .sev-t p i { display: block; font-size: 14px; color: #aaa; } .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: normal; padding-bottom: 15px; } .cndns-right-box .box-border .sev-b li { float: left; width: 33.33333% } .cndns-right-box .box-border .sev-b li a { display: inline-block; color: #999; font-size: 13px; padding-left: 43px; background: url(../images/qq.gif) no-repeat left 3px; line-height: 36px; } /*.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}*/ .meau-sev .cndns-right-box .box-border { width: 430px; } .meau-contact .cndns-right-box .box-border { width: 180px; border-radius: 5px; border: none; left: 16px; } .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: 180px; text-align: center; border-top: 1px solid #ccc; } .meau-code .cndns-right-box .box-border i { display: block; color: #f66e06; font-size: 16px; line-height: 16px; } .meau-code .cndns-right-box .box-border .arrow-right { top: inherit; bottom: 50px; } .meau-sev .cndns-right-btn .demo-icon { display: none; } /*.meau-sev:hover .cndns-right-btn{background:#ff6800}*/ .meau-zs .cndns-right-btn { background-color: #ff6800; color: #fff; margin-top: 80px; border-color: #ff6800 } .meau-zs .cndns-right-btn span { color: #fff } .meau-zs .cndns-right-btn p { color: #fff } .wechat-inner .cndns-right-box { bottom: -75px !important; right: 50px; } .wechat-inner .cndns-right-box .box-border .arrow-right { bottom: 100px !important; right: -13px; } .wechat-inner .cndns-right-box .box-border { background: transparent; padding: 0px; position: relative; border: none; box-shadow: none; width: 150px; left: 16px; } .wechat-inner .cndns-right-box .box-border .sub1 { top: 73px; position: absolute; color: #0091ea; font-family: "??��|?��?��?��a??o?��2"; font-size: 15px; width: 100%; } .wechat-inner .cndns-right-box .box-border .sub2 { bottom: 25px; position: absolute; width: 100%; font-size: 18px; } .meau-contact .cndns-right-box { right: 50px; } .meau-contact .cndns-right-box .box-border .sev-t a { font-weight: bold; text-decoration: underline; } @media(max-width:990px) { .cndns-right-btn { width: 25px; height: 48px; } .wechat-inner .demo-icon i.fa-wechat, .meau-contact .demo-icon i.fa-phone { font-size: 20px; } .cndns-right .wechat-inner .cndns-right-btn { height: 103px; } .wechat-inner .cndns-right-box { bottom: -75px !important; right: 30px; } .meau-contact .cndns-right-box { right: 30px; top: -2px; } .wechat-inner .demo-icon i.fa-wechat { font-size: 18px; padding-top: 10px; } .meau-contact .demo-icon i.fa-phone { padding-top: 7px; } .meau-contact .demo-icon i.txt, .wechat-inner .demo-icon i.txt, #top-back i { font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0; white-space: normal; display: block; width: 100%; } .cndns-right .meau-contact .cndns-right-btn { margin-top: 2px; } .cndns-right .meau-contact { height: 85px; padding-top: 4px; } .cndns-right .qxd_contact { height: 98px; } .cndns-right .wechat-inner { height: 85px; border-bottom: #fff solid 1px; padding-top: 4px; } .cndns-right #top-back { height: 80px; } .meau-sev .cndns-right-box .box-border { width: 230px; } .cndns-right-box .box-border .sev-b li { width: 50%; } .cndns-right #top-back { height: 84px; margin-top: 10px; padding-top: 10px; } .cndns-right #top-back i { padding-top: 0px; } .cndns-right #top-back i.re { display: none; } .meau-top .cndns-right-btn span { padding-top: 0px; } .cndns-right-box { top: -25px; right: 15px; } .cndns-right { right: 5px; } .cndns-right-meau:hover .cndns-right-box { display: block; } }