.xf{position:fixed;bottom:200px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);right:5px;width:95px;box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box; }
        .xf ul{width:70px;height:364px;margin-bottom:-200px;box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;}
        .xf li{width:100%;height:70px; background:#FFF; border:1px solid #e5e5e5;  -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px; position:relative;            box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;}
        .xf li a{ display:block;width:100%;padding-top:40px; text-align:center; color:#666666; font-size:14px; cursor:pointer;box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;}
		
	

        .xf li.li1{background:url(../img/xf_icon1.gif) no-repeat center 16px #FFF;box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box; position:relative}
	
	.kefutell {
    position: absolute;
    left: -187px;
    top: -60px;
	text-align:center;
	display:none;
   
    width: 177px;
    height: 198px;
    background-color: #fff;
    border: 1px solid #D7D7D7;
}


.kefutell p {
    width: 155px;

    text-align: center;
	font-size:14px;
    margin-left: 10px;
}

.kefutell i {
    width: 8px;
    height: 15px;
    position: absolute;
    top: 85px;
    right: -8px;
    background-image: url(../img/trangle-right-suspension.png);
    background-repeat: no-repeat;
}

	
	
	.xf li.li1:hover{ background:url(../img/xf_icon1h.gif) no-repeat center 16px #e84649; border:1px solid #e84649}
	
	.xf li.li1:hover a{ color:#FFF}
      
        .xf li.li2{background:url(../img/xf_icon3.gif) no-repeat center 12px #FFF;}
		
		  .xf li.li2:hover{background:url(../img/xf_icon3h.gif) no-repeat center 12px #e84649; border:1px solid #e84649}
		  .xf li.li2:hover a{ color:#FFF}
		  
     
        .xf li.li3{background:url(../img/xf_ico5.gif) no-repeat center 12px #FFF;width:100%; text-align:center; cursor:pointer; position:relative;}
		
			  .xf li.li3:hover{background:url(../img/xf_ico5h.gif) no-repeat center 12px #e84649; border:1px solid #e84649}
			  
			    .xf li.li3:hover a{ color:#FFF}
      
        .xf li.li5{background:url(../img/xf_im1.gif) no-repeat center 12px #FFF; }
		
		.xf li.li5:hover{ background:url(../img/xf_im1h.gif) no-repeat center 12px #e84649; border:1px solid #e84649}
		
		.xf li.li5:hover a{ color:#FFF}
      
        .xf li.li6{background:url(../img/xf_ico11.gif) no-repeat center 18px #FFF;}
     	.xf li.li6:hover{ background:url(../img/xf_ico11h.gif) no-repeat center 18px #e84649; border:1px solid #e84649}
		
		
		.xf li.li6:hover a{ color:#FFF}
		
		
	.tencent {
	position: absolute;
	left: -218px;
	top: 0px;
	width: 216px;
	height: 70px;
	display:none;
	
	background-color: #e84649;
	
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;   
	
	
}


.tencent  span{ display:block; padding-left:25px; background:url(../img/telb.png) no-repeat 15px center; height:70px; line-height:70px; font-size:22px; font-weight:bold; color:#FFF;         }

.dsbk {
    text-align: center;
    color:#56B1F5;
    font-size: 15px;
    margin-top: 30px;
}


.box-fanwei .con ul li .img {
    background: #0d102c;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.dbfd {
    z-index: 999999;
    width: 100%;
    position: fixed;
    _position: absolute;
    bottom: 0px;
    _bottom: 0px;
    _margin-top: expression(this.style.pixelHeight+document.documentElement.scrollTop);
    height: 48px;
    background: rgba(150, 144, 144, 0.84);
    padding: 6px 0 6px 8px;
    text-align: center;
}
/*底部悬浮*/
.dbfd {
   text-align: center;
}

.dbfd input {
    background: #FFF url(../img/dbfd_dianh_tb.png) no-repeat;
    width: 255px;
    height: 47px;
    margin-right: 20px;
    padding: 0 50px;
    font-size: 18px;
    height: 47px;
    color: #989696;
    font-family: "Microsoft Yahei",;
}
/*底部悬浮结束*/

/*左侧动图*/
        @keyframes warn {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.5;
            }
            100% {
                transform: scale(1);
				-webkit-transform: scale(1);
                opacity: 0.0;
            }
        }
        @keyframes warn1 {
            0% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.0;
            }
            25% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.1;
            }
            50% {
                transform: scale(0.3);
				-webkit-transform: scale(0.3);
                opacity: 0.3;
            }
            75% {
                transform: scale(0.5);
				-webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
                transform: scale(0.8);
				-webkit-transform: scale(0.8);
                opacity: 0.0;
            }
        }
        @-webkit-keyframes "warn" {
            0% {
				transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 0.0;
            }
            25% {
				transform: scale(0);
                -webkit-transform: scale(0);
                opacity: 0.1;
            }
            50% {
				transform: scale(0.1);
                -webkit-transform: scale(0.1);
                opacity: 0.3;
            }
            75% {
				transform: scale(0.5);
                -webkit-transform: scale(0.5);
                opacity: 0.5;
            }
            100% {
				transform: scale(1);
                -webkit-transform: scale(1);
                opacity: 0.0;
            }
        }

        .container {
            position: relative;
            width: 40px;
            height: 40px;
            /*border: 1px solid #000;*/
        }
        /* 淇濇寔澶у皬涓嶅彉鐨勫皬鍦嗗湀  */
        .dot {   
            background:url(../img/1-2.png);  
            cursor:pointer;      
            position: absolute;
            width: 92px;
            height: 92px;
            left: 130px;
            top: -10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border: 2px solid #f3360c;
            border-radius: 50%;
            z-index: 2;
        }
        /* 浜х敓鍔ㄧ敾锛堝悜澶栨墿鏁ｅ彉澶э級鐨勫渾鍦�  */
        .pulse {
            position: absolute;
            width: 320px;
            height: 320px;
            left: -122px;
            top: -120px;
            border: 6px solid #f3360c;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            z-index: 1;
            opacity: 0;
            -webkit-animation: warn 2s ease-out;
            -moz-animation: warn 2s ease-out;
            animation: warn 2s ease-out;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            box-shadow: 1px 1px 30px #f3360c;

        }
        .pulse1 {
            position: absolute;
            width: 320px;
            height: 320px;
            left: 2px;
            top: 2px;
            border: 6px solid #f3360c;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            z-index: 1;
            opacity: 0;
            -webkit-animation: warn1 2s ease-out;
            -moz-animation: warn1 2s ease-out;
            animation: warn1 2s ease-out;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            box-shadow: 1px 1px 30px #f3360c;
        }
           .a1{
            position:fixed;
            left:0px;
            top:50%;
            _position:absolute;
            _top:expression(eval(document.documentElement.scrollTop+104));
            z-index:10000;
        }
		/*左侧动图结束*/