.float{ position:fixed; right:5px; bottom:100px; z-index:40 }

.float ul li{ width:40px; height:40px; margin-bottom:5px }

.float ul li a{ display:block; line-height:30px; height:40px; text-align:center; border-radius:5px }

.float ul .fonline a{ background:#de0000 url(../images/online.png) no-repeat center center; background-size:30px }

.float ul .fcontact a{ background:#de0000 url(../images/kefu.png) no-repeat center center; background-size:30px }

.transparent{ position:fixed; top:0; left:0; z-index:99998; width:100%; height:100%; display:none; background-color:rgba(0, 0, 0, 0.5) }

.video-popup{ position:fixed; z-index:99999; width:660px; left:50%; top:50%; display:none; transform:translate(-50%, -50%); text-align:left; background:#fff; border-radius:5px; padding:30px; box-shadow:0 10px 25px 4px rgba(2, 2, 2, 0.5) }

.video-popup .box{ height:100% }

.video-popup .box .p{ font-size:20px; color:#de0000; text-align:center; margin-bottom:24px }

.video-popup .box ul{ margin:0 -10px }

.video-popup .box ul li{ width:50%; float:left; padding:0 10px; margin-bottom:20px }

.video-popup .box ul li input{ width:100%; height:40px; padding:0 10px; background:0; border-radius:3px; outline:0; border:1px solid #ccc }

.video-popup .box ul li textarea{ width:100%; height:139px; padding:10px; outline:0; background:0; border-radius:3px; border:1px solid #ccc }

.video-popup .box ul li input:focus, .video-popup .box ul li textarea:focus{ border:1px solid #002340 }

.video-popup .box ul li .submit{ width:200px; height:50px; line-height:50px; text-align:center; margin:0 auto; background:#002340; display:block; border-radius:3px; color:#fff }

.video-popup .box ul li .submit:hover{ background:#de0000 }

.video-popup .close{ display:block; height:40px; width:40px; position:absolute; right:0; top:0; background:url(../images/icon1.png) no-repeat center center }

@media (max-width:1023px){
.video-popup{ width:96%; left:2%; margin:0; padding:30px 10px; transform:translate(0, -50%) }

.video-popup .close{ right:0 }
}





.float1 {
position: fixed;
bottom: 20px;
right: 5px;
color: #0c449c;
z-index: 999;
font-size: 18px;
line-height: 31px;
}



.float1 .float-box li {
width: 60px;
height: 50px;
margin-bottom: 4px;
cursor: pointer;
position: relative;
background-repeat: no-repeat;
background-position:center center;
transition: All .2s ease-in-out;
-webkit-transition: All .2s ease-in-out;
-moz-transition: All .2s ease-in-out;
-o-transition: All .2s ease-in-out;
}
.float1 .float-box li .item p{
margin:0;
}
.float1 .float-box li .item {
bottom:2px;
right: 100%;
width: 163px;
color: #fff;
display: none;
text-align: center;
position: absolute;
font-size:17px;
padding-right:5px;
}
.float1 .float-box li .item .item-right{
padding: 7px;
background-color:#323333;
position:relative;
}
.float1 .float-box li .item .item-right:after{
content:'';
display:block;
width:9px;
height:18px;
background:url("../images/jian.png") no-repeat center center;
background-size:9px;
position:absolute;
bottom:14px;
right:-9px;

}



.float1 .float-box li .wx img{
max-width:100%;
display:block;
}



.float1 .float-box li>a {
display: block;
text-align: center;
color: #fff;
font-size: 14px;
padding-top: 43px;
}



.float1 .float-box li .item-message {
width: 200px;
color: #fff
}



@media(max-width:900px){
.float1 .float-box li {
width: 60px;
height: 60px;
margin-bottom:10px;
}
.float1 .float-box li:nth-child(1){
background-image: url(../images/float1.png);
background-size: 50px !important;
}
.float1 .float-box li:nth-child(2){
background-image: url(../images/float2.png);
background-size: 50px !important;
}
.float1 .float-box li:nth-child(3){
background-image: url(../images/float3.png);
background-size: 50px !important;
}
.float1{
bottom:46px;
right:29px;
}

.float1 .float-box li .item {
width: 158px;
font-size: 15px;
padding-right: 13px;
}
}


@media(max-width:414px){
.float1 .float-box li {
width: 50px;
height: 40px;
margin-bottom:10px;
}
.float1 .float-box li:nth-child(1){
background-image: url(../images/float1.png);
background-size: 32px !important;
}
.float1 .float-box li:nth-child(2){
background-image: url(../images/float2.png);
background-size: 32px !important;
}
.float1 .float-box li:nth-child(3){
background-image: url(../images/float3.png);
background-size: 32px !important;
}
.float1{
bottom:21px;
right:5px;
}

.float1 .float-box li .item {
width: 158px;
font-size: 15px;
padding-right: 13px;
bottom: -4px;
}
}