body{margin:0;padding:0;width:100%;font-family:'microsoft yahei';line-height:1;min-width:1100px;
background: url(../images/bg.jpg) no-repeat fixed center;
}
img { border: 0; }

ul,dl,dd,dt,div,p,h1,h5,h4,input,pre,li{margin:0;padding:0;}


input,button{outline:none;}


ul li{list-style: none;  padding:0;}


.fl{float:left;}


.fr{float:right;}


.c{clear:both;}


.w1{width:1100px;margin:0 auto;overflow:hidden;}


.w2{width:1100px;margin:0 auto;}


a{text-decoration: none;color:#000;}


a:focus{  outline: none;}


a,span,label{  display:inline-block;  }


div,nav,ul,ol,h2,h3,h4,h5,p{margin:0;padding:0;}


/*--------------------*/


#header{width:100%; }


#hy{width:100%;height:35px;line-height:35px;font-size:16px;color:#fff; background-color: #006600;}


#hy a{color:#E8E8E8;}


#nav{width:100%;height:50px; line-height:50px;/*background: url(../images/nav.png) repeat-x center center; */
    background: #fff;
    border-bottom: 1px solid #BCBBBB;
    box-shadow: 0 15px 20px rgba(0,0,0,0.1);
	position:relative;z-index:4;}

.top {
	background: #F3F3F3;
    border-bottom: 1px solid #BCBBBB;
}
.logo{
	width:1100px;
	margin:0 auto;
	/* width:330px;height:109px;position:absolute;top:0;left:50%;margin-left:-165px; */z-index:11;/* text-align: center; */}


.logo img{/* margin-top:16px; */}


#nav ul li{float:left;font-family:"Microsoft YaHei"; position:relative;}


#nav ul li>a{line-height:50px;color:#333;font-size:18px;/* margin-right:57px */;}


#nav ul li .xla{ z-index:9999; display: none; position:absolute; left:-28px; top:50px; border:1px solid #cccccc; border-top:none; background:#ffffff; width:130px; padding-bottom:10px;border-radius:0 0 5px 5px;}


#nav ul li .xla span{ overflow:hidden; display:block; text-align:center;}


#nav ul li .xla span a{ font-size:14px; padding:4px 0; color:#666666; display:block;line-height:24px;}


#nav ul li .xla span a:hover{ background:#006600; color:#ffffff;}


#nav ul li:hover .xla{ display:block;}


#nav ul li:hover>a{ color:#006600;}


#nav ul li #xnav2{ width:180px; left:-53px;}

#nav .line {
	width: 1px; height: 18px; background: #BCBBBB; margin: 0 28px; margin-top: 18px; 
}



.gjc{width:100%;height:45px;background:url(../images/bj2.png) repeat-x;}


.gjc_t span.fl{width:103px;line-height:45px;background:#060;;color:#fff;font-size:14px;text-align:center;}


.gjc_t span.sj1{float:left;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #060;margin-top:18px;}


.gjc_t>ul,.gjc_t>ul>li{float:left;}


.gjc_t>ul>li>a{color:#555;line-height:45px;font-size:14px;margin-left:13px;}


.gjc_t>ul>li>a:hover{color:#060;}


#fm1>div{width:262px;height:30px;background:url(../images/search.png);margin-top:7px;}


#fm1 input{margin:0; padding:0;width:148px;padding:0 10px;height:24px; line-height:24px; margin-top:1px; color:#333;font-size:14px;border:none;margin-left:37px;font-family:"SimSun"}


#fm1 button{border:none;width:57px;text-align: center;line-height:30px;background:transparent;color:#fff;}


.menu_fixed{width:182px;overflow:hidden;position:fixed;top:150px;left:0; z-index:9999;}


.menu_fixed li{overflow:hidden;}


.menu_fixed li a{height:40px;line-height:40px;width:182px;display:block;background:#E8E6E6;margin-bottom:10px;font-size:16px;color:#333;}


.sj2{width:0;height:0;margin-left:17px;margin-right:15px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #888}


.menu_fixed li a:hover{background:#060;color:#fff;}


.menu_fixed li a:hover .sj2{border-left:8px solid #fff;}


.banner1{width:100%;margin-top:-32px;}


.banner_xq{ width:100%;}


.banner_xq img{ width:100%; display:block;}














.contanier{width:100%;overflow:hidden;}


.plan1_tywp>.fl{width:560px;overflow:hidden;}


.plan1_tywp>.fr{width:490px;overflow:hidden;}


.title1{width:440px;margin:40px auto 30px auto;text-align:center;font-family:"Microsoft YaHei";}


.title1 h5{font-size:30px;font-weight:bolder;color:#060;;padding-bottom:12px;border-bottom:1px solid #ddd;}


.title1 .xh1{display:block;margin:-2px auto;width:49px;height:3px;background:#231916;margin-bottom:12px;}


.title1  span{font-size:16px;color:#444;text-transform: uppercase;}


.wz_t1{font-size:22px;color:#333;font-family:"Microsoft YaHei";}


.wz_t1 .xh2{width:28px;height:3px;background:#060;display:block;margin-top:10px;}


.plan1_tywp{padding-bottom:40px;}


.plan1_tywp>.fl p{font-size:13px;color:#666;line-height:1.5;margin-top:15px;}


.plan1_tywp>.fl p a{color:#060}


.plan1_tywp>.fr{width:479px;height:366px;/* background:url(../images/bj3.png) no-repeat; */padding:10px 0 0 9px;}


.plan1_tywp>.fr img{width:479px;height:366px;}


.plan1_tywp_tb>li{float:left;width:100px;overflow:hidden;margin:0 42px;}


.plan1_tywp_tb>li>a{display:block; font-size:14px;color:#333;font-weight:bold;text-align:center;}


.plan1_tywp_tb>li>a span{width:100px;height:111px;margin-bottom:12px;}


.plan1_tywp_tb1{background:url(../images/tb_011.png);margin-top:25px;}


.plan1_tywp_tb>li>a:hover .plan1_tywp_tb1{background:url(../images/tb_012.png);}


.plan1_tywp_tb2{background:url(../images/tb_021.png);margin-top:25px;}


.plan1_tywp_tb>li>a:hover .plan1_tywp_tb2{background:url(../images/tb_022.png);}


.plan1_tywp_tb3{background:url(../images/tb_032.png);margin-top:25px;}


.plan1_tywp_tb>li>a:hover .plan1_tywp_tb3{background:url(../images/tb_031.png);}


.plan1_tywp_tb4{background:url(../images/tb_041.png);margin-top:25px;}


.plan1_tywp_tb>li>a:hover .plan1_tywp_tb4{background:url(../images/tb_042.png);}








.plan2_cpzx,.plan4_hzal{width:100%;overflow:hidden;/*background:url(../images/bj2.png);*/padding-bottom:20px;}


.plan3_ys{padding-bottom:40px;overflow:hidden;}


.title2{width:453px;height:154px;background:url(../images/tb_t1.png);margin:40px auto;}


.plan3_ysnr1>.fl,.plan3_ysnr3>.fl{width:620px;overflow:hidden;}


.plan3_ysnr1>.fr{width:452px;overflow:hidden;}


.title3{font-size:23px;color:#333;font-weight:bolder;font-family:"Microsoft YaHei";line-height:60px;overflow:hidden;}


.title3 img{float:left;}


.plan3_ysnr1>.fl>p,.plan3_ysnr3>.fl>p,.plan3_ysnr2>.fr>p{font-size:14px;color:#333;margin-left:60px;margin-top:15px;line-height:1.5;}


.plan3_ysnr1>.fl>p>img,.plan3_ysnr3>.fl>p>img,.plan3_ysnr2>.fr>p>img{margin:2px 10px 10px 0;float:left;}


.plan3_ysnr2>.fr{width:623px;overflow:hidden;}


.plan3_ysnr2>.fl{margin-top:70px;}


.plan3_ysnr3>.fl,.plan3_ysnr3>.fr{margin-top:50px;}


.plan5_wpzx>.fl{width:536px;overflow:hidden;}


.plan5_wpzx>.fr{width:536px;overflow:hidden;}





.title4{font-size:22px;color:#333;font-family:"Microsoft YaHei"}


.title4 label{color:#ccc;font-size:14px;}


.title4 span{width:28px;height:3px;background:#060;display:block;margin-top:10px;}


.plan5_wpzxnr1 .fl{width:293px;height:307px;overflow:hidden;display:block;position:relative;}


.plan5_wpzxnr1 .fl span{width:273px;padding:0 10px;height:30px;line-height:30px;position:absolute;bottom:0;left:0;font-size:14px;color:#fff;


    background:rgba(0,0,0,0.5)
}


.plan5_wpzxnr1 .fl img{width:293px;height:307px;}


.plan5_wpzxnr1>.fr{width:410px;overflow:hidden;}


.plan5_wpzxnr1{padding:30px 0;overflow:hidden;}


.plan5_wpzxnr1 ul li{width:410px;padding:10px 0 5px 0;border-bottom:1px dashed #999;}


.plan5_wpzxnr1 ul li a{color:#333;font-size:14px;font-weight:bold;}


.plan5_wpzxnr1 ul li span{font-size:13px;color:#666;display:block;margin-top:10px;}


.plan5_wpzxnr1 ul li p{font-size:13px;color:#666;margin-top:10px; line-height:18px; height:36px;}


.plan5_wpzxnr1 ul li a:hover{color:#060}


.plan5_wpzxnr1 ul li:last-child{border-bottom:none;}


.plan5_wpzxnr1 .fr>a{width:90px;height:30px;margin-top:18px;float:right;background:#999;color:#fff;text-align:center;line-height:30px;}


.imgbox1{width:100%;height:93px;overflow:hidden;margin-top:6px;}


.imgbox1 img{width:355px; height:95px; display:block;}


.plan5_wpzxnr2 ul li{padding:16px 0;border-bottom:1px dashed #999;overflow:hidden;}


.plan5_wpzxnr2 ul li a{float:left;font-size:14px;color:#444;}


.plan5_wpzxnr2 ul li span{float:right;font-size:13px;color:#666;}


.plan5_wpzxnr2 ul li:hover a{color:#060;}


.plan5_wpzxnr2>a{width:90px;;height:30px;margin-top:13px;float:right;background:#060;color:#fff;text-align:center;line-height:30px;}

.listnews {
    border: 1px solid #dcdcdc;
    overflow: hidden;
    margin-bottom: 15px;
    background-color: rgba(255,255,255,0.8);
}
.listnews p {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 30px;
    background-color: #060;
    padding:10px;
    color: #fff;
    float: left;
}
.plan5_wpzxnr1 a:hover .listnews p {
    background-color: #E7851C;
}
.listnews dl {
    width: 425px;
    float: left;
    padding-left: 15px;
    padding-top: 5px;

}

.listnews dt { font-weight: 700; color: #333; }

.listnews dd {padding-top: 10px; line-height: 150%; color: #848484;}

.plan5_wpzxnr1 a:hover .listnews {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}



#footer{width:100%;overflow:hidden;}


.tel{width:100%;height:80px;background:#333;}


.tel .fl{margin-left:55px;margin-top:0px;}


.tel .fr{margin-right:55px;margin-top:20px;}


.copy1{width:100%;height:279px;background:url(../images/footer.jpg) repeat-x;padding-top:40px;}


.copy1 ul{float:left;width:156px;overflow:hidden;margin-right:60px;}


.copy1 ul li b{font-size:16px;color:#fff;border-bottom:1px solid #999;display:block; padding-bottom:5px; line-height:1.5;}


.copy1 ul li a{font-size:14px;color:#fff;margin-top:10px; line-height:20px; height:20px; padding-left:5px;}


.copy1 ul li a:hover{ text-decoration:underline;}


.copy2{height:50px;text-align: center;line-height:50px;color:#5e5e5e;font-size:14px;padding-top:27px;position:relative}


.copy2 .w3{width:688px;margin:0 auto;}


.copy1 .w1{position:relative}


.copy2 a{ color:#5e5e5e;}


.copy2 span{ display:block;}





#footer .w1{position:relative; color: #fff;}

#footer .w1 li {
    line-height: 30px;
}


.ewm{position:absolute;right:0;bottom:80px;}


.menu_left{width:235px;overflow:hidden;padding-left:8px;margin-top:40px;float:left; background:url(../images/dbx.jpg) no-repeat right bottom;}


.menu_left_t{width:225px;height:49px;line-height:49px;padding:0 0 0 10px;font-size:20px;color:#006600;font-family:"Microsoft YaHei";background:url(../images/t1.jpg); font-weight:700;}


.menu_left_t label{


   font-size:12px;


   color:#7e7e7e;


   margin-left:5px;


   text-transform: capitalize;


}


.menu_left ul{width:233px;padding:10px 0 80px 0;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;}


.menu_left ul li{width:233px;}


.menu_left ul li>a{width:196px;padding-left:30px;height:50px;font-size:14px;color:#333;


    line-height:48px;margin-left:-10px;font-weight:bold;
}


.menu_left ul li a span{margin-right:10px;     font-family: ail;}


.menu_left ul .nyzlm{ display:none; padding:10px 0;}


.menu_left ul li:hover .nyzlm{ display:block;}


.menu_left ul .nyzlm a{ height:28px; line-height:28px; display:block; font-size:14px; color:#666666; padding-left:50px; }


.menu_left ul .nyzlm a:hover{color:#060;}


.menu_left ul .nyzlm .dqlm{ color:#060;}





.menu_left ul .dq>a,.menu_left ul li:hover>a{background:url(../images/menu1.png) no-repeat;color:#fff;}


.list_nr,.ny_nr,.xq_nr{float:right;width:857px;margin-top:40px;padding-bottom:40px}


.wz{padding-bottom:5px;border-bottom:1px solid #ccc;padding-left:30px;}


.wz>span{font-size:18px;font-weight:bolder;color:#060;font-family:"Microsoft YaHei"}


.wz>div{font-size:14px;color:#999;}


.wz a{color:#999;}


.wz a:hover{ color:#060;}


.wz .dq{color:#060}


.list_nr ul{padding:0 0 30px 30px;}


.list_nr ul li{padding:15px 0;border-bottom:1px dotted #999;font-size:14px;overflow:hidden;}


.list_nr ul li a{color:#333;float:left;}


.list_nr ul li span{float:left;color:#999;margin-right:15px;}


.list_nr ul li label{float:right;color:#777}


.list_nr ul li:hover a,.list_nr ul li:hover span{color:#060}





.fy{ padding:10px 0; margin:0 auto;width:100%;text-align: center;font-size:13px;color:#444;}


.fy .a1{ font-size:14px;padding:6px 12px;color:#666666;border:1px solid #ccc;border-radius:5px;}


.fy a{ font-size:14px;padding:6px 12px;color:#666666;border:1px solid #cdcdcd; background-color:#ffffff;border-radius:5px;}


.fy span{ font-size:14px;padding:6px 12px;color:#ffffff;border:1px solid #060; background-color:#060;border-radius:5px;}


.fy a:hover{color:#fff;background:#060;border:1px solid #060;} 





.wz_nr{margin-left:30px;padding-bottom:30px;border-bottom:1px dotted #999;}


.wz_t{padding:20px 0;border-bottom:1px dotted #999;text-align: center;}


.wz_t h5{font-size:20px;color:#333;font-family:"Microsoft YaHei"}


.wz_t span{display:block;font-size:13px;color:#777;margin-top:15px;}





.fx {


    margin-top: 38px;


    font-size: 13px;


    color: #333;


}


.syp {


    overflow: hidden;


    padding: 20px 0 20px 0;


    margin-left:30px;


}


.syp a {


    font-size: 13px;


    color: #777;


    margin-top: 10px;


    display: block;


}


.syp a:hover{text-decoration: underline;color:#060;}











.case{width:1100px;margin:10px auto;}


.case .title{padding-bottom:10px;}


.case .title h2{font-size:20px;font-family:"microsoft yahei";}


.case .title-list{position:relative;width:1000px;margin:0 auto;overflow:hidden; text-align:center;}


.case .title-list li{    
line-height: 43px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 0px 20px;
    border: 1px solid #ddd;
    text-align: center;
    display: inline-block;
    margin: 6px 3px;
    cursor: pointer; }


.case .title-list li.on{border:1px solid #060; border-radius: 23px;}


.case .title-list a{color:#333;}





.case .title-list1{position:relative;width:1000px;margin:0 auto;overflow:hidden; text-align:center;}


.case .title-list1 li{line-height:41px;font-size:14px;font-weight:bold;color:#333; padding:10px 20px;border:1px solid #ddd;text-align:center;display:inline;margin:0 3px;cursor: pointer; }


.case .title-list1 li.on{border:1px solid #060}


























.product{height:310px;position:relative;overflow:hidden;display:none;margin-top:20px;}


.product ul{position:absolute;left:0px;}


.product-wrap .show{display:block;}


.product-wrap .product li{float:left;display:inline;


    width:245px;margin-right:40px;


    transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;
}


.product-wrap .product li.ml0{margin-left:0px;
}


.product-wrap .product li a{display:block;width:245px;height:263px; display:block;}


.product-wrap .product li img{max-width:245px;height:263px;display:block;vertical-align:middle;}


.product-wrap .product li span{width:245px;height:37px;background:#999;text-align:center;line-height:37px;font-size:14px;color:#fff;}


.product-wrap .product li:hover span,.product1 li:hover span{background:#060}





.product1{display:none;margin-top:20px;}


.product1 li{width:330px;overflow:hidden;float:left;display:inline;margin-right:54px;


    transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;}


    .product1 li a{display:block;width:330px;text-align:center;
    }


    .product1 li p{width:328px;height:261px;display:table-cell;text-align:center;vertical-align:middle; border:1px solid #dcdcdc;}





    .product1 li img{max-width:328px;max-height:261px;vertical-align:middle;}


    .product1 li span{width:330px;height:37px;background:#999;text-align:center;line-height:37px;font-size:14px;color:#fff;}








    .mr_frbox{ width:1100px; overflow:hidden; margin:20px auto 0 auto;}


    .mr_frbox li{width:204px;overflow:hidden;float:left;display:inline;margin:8px;


        transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;
        position:relative;

    }


    .mr_frbox li a{display:block;width:100%;text-align:center;}


    .mr_frbox li p{
        width:80%;height:114px;display:table-cell;
        text-align:center;vertical-align:middle; border:1px solid #dcdcdc;

    }


    .mr_frbox li img{max-width:100%;      height:auto;max-height:304px;vertical-align:middle;}


    .mr_frbox li span{
        width:100%;height:30px;background:rgba(0,0,0,0.6);
        text-align:center;line-height:30px;font-size:14px;color:#fff;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
    }


    .mr_frbox li:hover span{background:#060}


    /*banner*/


    .new_banner{ width:100%;height:490px;position:relative; /* margin-top:-32px; */}


    .rslides{width:100%;position:relative;list-style:none;padding:0}


    .rslides li{ width:100%; height:490px;}


    .rslides li a{ width:100%; height:490px; display:block;}





    .rslides_nav{ width:29px; height:59px; display:block; position:absolute;  text-indent:-10em; overflow:hidden;}


    .prev{ background-position:0 0;left:0; top:215px; background:url(../images/banleft.png);}


    .next{ background-position:-36px 0;right:0; background:url(../images/banright.png); top:215px;}


    .rslides_tabs{ position:absolute; left:50%; bottom:30px;clear:both;text-align:center; z-index:99999;margin-left:-39px;}


    .rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}


    .rslides_tabs a{ width:15px; height:15px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;


        border-radius:50%;}


        .rslides_tabs .rslides_here a{ background:#060;}


        .rslides li{display:block;width:100%;height:490px;}





        .cptle{width:100%;height: 40px;color: #fff;line-height: 40px;font-size:18px;background: #cc0000;font-family: 'Microsoft YaHei';border-radius:10px;opacity: 0.9;}


        .cptle span{ padding:0 15px;}





        .cpnrimg{ width:100%; position:relative;}


        .cpslt{ width:600px; margin:30px auto; overflow:hidden; border:1px solid #dcdcdc; padding:15px 3px 10px 3px; text-align:center;}


        .cpslt img{ max-width:600px; }





        .zuob{ position:absolute;left:30px; top:50%; margin-top:-45px; height:90px; width:40px; background:#060;border-radius: 10px 0 0 10px;}


        .zuob a{ height:90px; width:40px; display:block;background:url(../images/leftbig.png) no-repeat center center;}


        .youb{ position:absolute;right:30px; top:50%; margin-top:-45px; height:90px; width:40px;background:#060;border-radius: 0 10px 10px 0;}


        .youb a{ height:90px; width:40px; display:block;background:url(../images/rightbig.png) no-repeat center center;}





        .txt{ font-size:14px;color:#333;line-height:1.6; padding:10px 0 0 0; overflow:hidden;}


        .txt p{ margin:1em 0;}


        .txt img{ max-width:100%;}





        .list_nr .cplist{ overflow:hidden;    display: flex;
    flex-flow: wrap;}


        .list_nr .cplist li{ float:left; width:196px; margin:0 5px; border-bottom:none;}


        .list_nr .cplist li p{ width:190px; padding:2px; /*height:284px;*/ border:1px solid #dcdcdc;display:table-cell;text-align:center;vertical-align:middle; overflow:hidden;}


        .list_nr .cplist li p img{ width: 100%;
    vertical-align: middle;
    height: auto;
    max-height: 284px;
}


        .list_nr .cplist li span { display:block; width:196px; height:36px; line-height:36px;  font-size:14px;}


        .list_nr .cplist li span a{ display:block; color:#ffffff;text-align:center; width:196px; background:#999;}


        .list_nr .cplist li:hover p{border:1px solid #060;}


        .list_nr .cplist li:hover span a{ background:#060;}








        #tplist{ overflow:hidden;}


        #tplist li{ float:left; width:362px; height:305px; margin:30px 20px 0 20px; border:none; padding:0;}


        #tplist li p{ width:360px;  height:260px; border:1px solid #dcdcdc;}


        #tplist li p  a{ width:360px;  height:260px; display:table-cell;text-align:center;vertical-align:middle;}


        #tplist li p img{ max-width:360px; max-height:260px;vertical-align:middle;}


        #tplist li span { display:block; width:362px; height:36px; padding-top:4px; line-height:36px;  font-size:14px;}


        #tplist li span a{ display:block; color:#333333;text-align:center; width:362px; font-size:16px;}














        .ce .nylm{height: 40px;line-height: 40px;width: 182px; display: block;background: #E8E6E6;font-size: 16px;color: #333;}


        .ce .nylm:hover{background:#060;color:#fff;}


        .ce .nylm:hover .sj2{border-left: 8px solid #fff;}


        .ce .xz{ background:#060;color:#fff;}


        .ce .xz .sj2{border-left: 8px solid #fff;}








        .ce{display:block;width:135px; overflow:hidden; position:fixed; left:0; top:150px; z-index:99999;font-family: "Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif;}


        .ce>li{margin-bottom: 10px;}





        .ce .er{ overflow:hidden; display:none; width:152px;padding:10px 0;background: #E8E6E6;}


        .ce .er li{width: 135px; text-align:center;font-size: 14px; overflow:hidden; border-bottom:1px dotted #999999; padding-bottom:4px; }


        .ce .er li>a{ color:#666666;height: 28px;line-height: 28px;display: block;}


        .ce .er li span{ display:none;}


        .ce .er li span a{ font-size:12px; line-height:24px; color:#666666;}


        .ce .er li:hover span{ display: block;}


        .ce .er li span a:hover{ color:#2c71ac;}





        .ce .er li:hover>a{ color:#060;}














        .tops{background:url(../images/allbgs.png) no-repeat 0px 0px;height:12px;padding-left:24px;}


        .tels{background:url(../images/allbgs.png) no-repeat 0px -12px;height:28px;padding-left:31px;}


        .wxs{background:url(../images/xwx.png) no-repeat center center;height:35px;padding-left:39px;}


        .qqs{background:url(../images/allbgs.png) no-repeat 0px -69px;height:30px;padding-left:32px;}





        .float-bg{


           display: block;


           position: fixed;


           width: 54px;


           height: 300px;


           bottom:100px;


           right:0;


           border-radius: 4px 0 0 4px;


           background-color: #000;


           opacity: 0.5;


           filter:alpha(opacity=50);


           z-index: 100;


       }





       .float{


           display: block;


           position: fixed;


           width: 54px;


           height: 300px;


           bottom:100px;


           right:0;


           border-radius: 4px 0 0 4px;


           z-index: 110;


       }





       .float li{


           display: block;


           clear: both;


           width: 194px;


           height: 60px;


           border-radius: 4px 0 0 4px;


           transition: 0.5s;


       }





       .float li.go-top,.float li.wx-box{


           width: 60px;


           position: relative;


       }





       .float li.wx-box .ewm{


           display: none;


           width: 130px;


           height: 130px;


           border: 1px solid #34495e;


           border-radius: 4px;


           position: absolute;


           left:-140px;


           top:-38px;


           z-index: -3;


           opacity: 0;


           transition: 0.5s;


           -webkit-transition: 0.5s;


           -o-transition: 0.5s;


           -ms-transition: 0.5s;


           -moz-transition: 0.5s;


       }











       .float li.wx-box:hover .ewm{	display: block;


           opacity: 1;


           z-index: 5;


       }





       .float li.wx-box img{


           width: 120px; padding:5px;


           height: 120px;


           border-radius: 4px;


           background-color: #ffffff;


       }





       .float li.wx-box .ewm .arrow{


           display: block;


           position: absolute;


           width: 0;


           height: 0;


           border: 8px solid transparent;


           border-left: 8px solid #34495e;


           right:-16px;


           top:59px;


           z-index: 5;


       }





       .float li a{


           display: block;


           height: 60px;


       }





       .float li .tb{


           display: block;


           float: left;


           text-align: center;


           width: 54px;


           height: 60px;


       }





       .float li .wzs{


           display: block;


           float: left;


           width: 114px;


           height: 34px;


           line-height: 34px;


           text-align: center;


           border-radius: 4px;


           color: #fff;


           line-height: 34px;


           font-size: 16px;


           margin: 13px 15px 13px 5px;


           background-color:#fff;


           color: #34495e;


       }





       .float li a i{


           display: inline-block;


       }





       .float li .qqs{


           margin-top: 15px;


       }





       .float li .wxs{


           margin-top: 15px;


       }





       .float li .tels{


           margin-top: 16px;


       }





       .float li .tops{


           margin-top: 24px;


       }





       .float li:hover{


           margin-left: -140px;


           background-color: #34495e;


       }








       .float li.go-top:hover,.float li.wx-box:hover{


           margin-left: -6px;





       }