.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;
}
}