/*全局样式*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;color:#666;-webkit-text-size-adjust:100%;}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{max-width:1000px !important;}
.clear{clear:both}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s}
.tr3{transition:all 0.8s; -moz-transition:all 0.8s;-ms-transition:all 0.8s; -o-transition:all 0.8s; -webkit-transition:all 0.8s}
.padding{padding:0;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.no-margin{margin:0;}
.sx{cursor:pointer;}

/*logo*/
.logo{position:relative;z-index:2000;}
.logo img{position:absolute;}

/*PC端导航*/
header nav{height:100px;width:100%;position:absolute;z-index:1000;}
header nav a{color:#000;}
header nav a:hover{color:#029a47;}
header nav a:visited{color:#000;}
header nav ul li span{margin-left:2px;font-size:12px;}
/*一级导航*/ 
header nav ul li{float:left;width:90px;line-height:100px;text-align:center;}
header nav ul .nav_bx{width:5px;height:1px;background:#000;margin-top:50px;}
header nav ul li a{display:block;}
header nav ul li a:hover{background:url(../images/nav_bg.png) no-repeat center;color:#029a47;font-weight:bold;} 
header nav ul .active{background:url(../images/nav_bg.png) no-repeat center;color:#029a47;font-weight:bold;}
/*二级导航*/
/*header nav ul li:hover ul li{display:block;}
header nav ul li ul{position:absolute;z-index:1000;width:100%;right:0;background:#fff;text-align:center}
header nav ul li ul li{display:none;background:rgba(0,0,0,0.5);float:none;margin-top:1px;margin:0 auto;}  
*/

/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none;}
#myCarousel .carousel-control.right{background-image: none;}
#myCarousel .phone{background:rgba(255,255,255,0.6);width:100%;position:absolute;z-index:1000;bottom:0;}
#myCarousel .phone_con{width:415px;margin:0 auto;float:left;}
#myCarousel .phone_con img{margin-top:-22px;}
#myCarousel .phone .phone_con h5{color:#fe0000;font-size:20px;font-weight:bold;line-height:73px;display:inline;margin-left:20px;}
#myCarousel .phone_con span{color:#fe0000;font-size:25px;font-weight:bold;display:block;}
#myCarousel .phone_con .dh{margin-top:3px;}
#myCarousel .phone_con img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

/*共用大标题*/
.title{text-align:center;position:relative;margin:30px 0 45px 0;}
.title h5{font-size:25px;color:#353535;}
.title span{font-size:20px;color:#353535;}
.title .left{width:43%;height:3px;position:absolute;top:50%;left:0;border:1px solid #bababa;}
.title .left .left_bx{width:28px;height:6px;background:#029a47;position:absolute;right:-1px;top:-2px;}
.title .right{width:43%;height:3px;position:absolute;top:50%;right:0;border:1px solid #bababa;}
.title .right .right_bx{width:28px;height:6px;background:#029a47;position:absolute;left:-1px;top:-2px;}
.title:hover .left_bx{width:101%;}
.title:hover .right_bx{width:101%;}

/*产品展示*/
.cpzs .anniu_box{text-align:center;font-size:0;}
.cpzs .anniu_box .anniu{width:15.666667%;height:39px;border:1px solid #029a47;border-radius:5px;display:inline-block;line-height:39px;font-size:16px;color:#353535;margin:0 5px;cursor:pointer;overflow:hidden}
.cpzs .anniu_box .anniu.active{background:#029a47;color:#fff;}
.cpzs .anniu_box .anniu2.active{background:none;color:#000;}
.cpzs .anniu_box .anniu2:hover{color:#fff;background:#fa6828;border:1px solid #fa6828;}
.cpzs_imgbox{border:1px solid #e0e0e0;position:relative;overflow:hidden;padding:2px;margin:40px 10px 0 10px;}
.cpzs_imgbox .img{height:198px;position:relative;overflow:hidden;}
.cpzs_imgbox .mask{width:100%;background:rgba(255,255,255,0.7);position:absolute;bottom:0;color:#353535;line-height:40px;}
.cpzs_imgbox .img .mask2{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:-100%;text-align:center;color:#fff;}
.cpzs_imgbox .img .mask2 h5{font-size:18px;margin-top:65px;}
.cpzs_imgbox .img .mask2 .mask_bx{width:100px;height:1px;background:#fff;margin:10px auto;}
.cpzs_imgbox .img .mask2 span{display:inline-block;width:70px;line-height:25px;background:#029a47;}
.cpzs_imgbox:hover .img .mask2{top:0;}
.cpzs_imgbox:hover .mask{bottom:-100%;}
.cpzs_imgbox:hover{border:1px solid #029a47;}
.cpzs .neirong_box .neirong.active{display:block;}
.cpzs .neirong_box .neirong{display:none;}

/*公司简介*/
.gsjj{background:url(../images/gsjj_bg.jpg) center center;background-size:cover;margin-top:90px;position:relative;}
.gsjj .gsjj_con{background:rgba(255,255,255,0.7);width:400px;height:358px;padding:35px 15px;}
.gsjj .gsjj_con_tou{width:400px;height:56px;background:#04b253;position:absolute;top:-56px;border-radius:10px 10px 0 0;color:#fff;}
.gsjj .gsjj_con_tou h5{font-size:25px;line-height:56px;margin-left:22px;}
.gsjj .gsjj_con_tou h5 span{font-size:20px;margin-left:12px;}
.gsjj .gsjj_con .text_box{display:block;}
.gsjj .gsjj_con .text_box h5{font-size:16px;font-weight:bold;color:#029a47;}
.gsjj .gsjj_con .text_box .text{color:#353535;text-indent:25px;line-height:25px;margin:15px 0;height:300px; overflow:hidden}
.gsjj .gsjj_con .text_box .button{color:#029a47;}
.gsjj .gsjj_con .phone{width:100%;color:#d6000f;margin-top:26px;}
.gsjj .gsjj_con .phone img{margin:8px 10px 0 20px;}
.gsjj .gsjj_con .phone h5{font-size:20px;}
.gsjj .gsjj_con .phone span{font-size:37px;font-weight:bold;color:#d6000f;}
.gsjj .gsjj_con .text_box:hover h5,.gsjj .gsjj_con .text_box:hover .button{color:#ff8a00;}

/*工程案例*/
.gcal .cpzs_imgbox{margin:0;}
.gcal .cpzs_imgbox .img{height:242px;}
.gcal .cpzs_imgbox .img .mask2 h5{margin-top:80px;}
.gcal .button{color:#04b052;text-align:center;display:block;margin-top:27px;}
.gcal .button:hover{color:red;}

/*小常识*/
.xcs .title{margin:60px 0 45px 0;}
.xcs .xwdt_textbox{color:#363636;line-height:25px;}
.xcs .xwdt_textbox .imgbox{overflow:hidden;}
.xcs .xwdt_textbox img{width:100%;}
.xcs .xwdt_textbox h5{font-size:16px;font-weight:bold;margin:15px 0;}
.xcs .xwdt_textbox p{border-top:1px solid #029a47;border-bottom:1px solid #029a47;}
.xcs .xwdt_textbox .text{height:50px;overflow:hidden;}
.xcs .xwdt_textbox:hover h5{color:#ff8a00;}
.xcs .xwdt_textbox:hover .text{color:#ff8a00;}
.xcs .xwdt_textbox:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.xcs .xwdt_news a{height:75px;display:block;position:relative;background:#f5f5f5;margin-bottom:20px;}
.xcs .xwdt_news .news_text{position:absolute;height:55px;top:0;left:0;padding:18px 90px 18px 12px;overflow:hidden;color:#353535;}
.xcs .xwdt_news .news_img{width:84px;height:100%;border:1px solid #029a47;color:#029a47;text-align:center;padding:17px 0;position:absolute;right:0;}
.xcs .xwdt_news .news_img h5{font-size:16px;margin:;}
.xcs .xwdt_news .news_img p{font-size:20px;}
.xcs .xwdt_news a:hover .news_img{background:#029a47;color:#fff;}
.xcs .xwdt_news a:hover .news_text{color:#029a47;}

/*合作流程头部*/
.hzlc_tou .title{background:#029a47;padding:5px 0;margin:30px 0 0 0;}
.hzlc_tou .title h5,.hzlc_tou .title span{color:#fff;}
.hzlc_tou .title .left{background:#fff;}
.hzlc_tou .title .left .left_bx{background:#fff;}
.hzlc_tou .title .right{background:#fff;}
.hzlc_tou .title .right .right_bx{background:#fff;}
/*合作流程主要部分*/
.hzlc_main{background:url(../images/hzlc.jpg) center center;background-size:cover;height:185px;margin-top:3px;}
.hzlc_box{height:185px;border:3px solid #fff;border-radius:5px;margin-top:-3px;padding:0 3px 3px 3px;}
.hzlc_box img{width:100%;height:100%;}

/*内页*/
.neiye{margin:8px 0 20px 0;}
/*内页左侧导航*/
.neiye .neiye_nav .ny_title_top{line-height:50px;border-radius:5px;background:#029a47;color:#fff;font-size:20px;text-align:center;}
.neiye .neiye_nav .ny_title_top span{margin-left:10px;font-size:16px;}
.neiye .neiye_nav .ny_title_xia{height:5px;background:#029a47;border-radius:5px;margin:3px 0 10px 0;}
.nynav_box{background:#f1f1f1;border-radius:5px;padding:1px 8px 20px 8px;}
.navcon{display:none;}
.nynav_box .nynav_an{width:100%;line-height:30px;background:#029a47;border-radius:5px;color:#fff;font-size:14px;position:relative;text-indent:50px;margin-top:10px;}
.nynav_box .nynav_an::after{background:#fff none repeat scroll 00;border-radius:10px;content:"";width:5px;height:5px;position:absolute;left:35px;top:50%;z-index:1;margin:-1px 0 0;}
.nynav_box .navcon{margin-top:10px;}
.nynav_box .navcon.navcon1{display:block;}
.nynav_box .navcon li{position:relative;text-indent:40px;}
.nynav_box .navcon li a{color:#353535;font-size:14px;line-height:40px;width:220px;overflow:hidden;display:block;}
.nynav_box .navcon li::after{background:#353535 none repeat scroll 00;content:"";width:4px;height:1px;position:absolute;left:10px;top:50%;z-index:1;}
.nynav_box .navcon li::before{background:#353535 none repeat scroll 00;content:"";width:4px;height:1px;position:absolute;left:20px;top:50%;z-index:1;}
.nynav_box .navcon .active{color:#029a47;}
.nynav_box .navcon li a:hover{color:#029a47;}
.lxfx .ny_title{margin-top:10px;}
.lxfx .textbox{color:#353535;background:#f1f1f1;border-radius:5px;line-height:25px;padding:10px;overflow:hidden} 

/*内页右侧内容*/
.nycon .nycon_title h5{font-size:15px;font-weight:bold;color:#029a47;line-height:30px;}
.nycon .nycon_title p{color:#353535;line-height:30px;}
.nycon .nycon_title span{display:block;width:100%;height:3px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}

/*详情页*/
.cpzsxq img{margin:20px auto;display:block;max-width:100%; height:auto;}
.cpzsxq h5{color:#353535;line-height:30px;}
.cpzsxq .cpzsxq_text{line-height:22px;color:#353535;padding:0 10px;margin-top:10px;margin:20px auto;display:block;width:100%; height:auto;}
.lxwmxq img{width:95%; }

/*小常识内页*/
.xcsxq .xcs_news{color:#353535;display:block;padding:10px;margin:20px 0;border-bottom:1px dashed #ccc;}
.xcsxq .xcs_news h5{margin-bottom:5px;font-weight:bold;position:relative;text-indent:16px;}
.xcsxq .xcs_news h5::after{background:#000 none repeat scroll 00;content:"";width:4px;height:1px;position:absolute;left:0px;top:50%;z-index:1;}
.xcsxq .xcs_news h5::before{background:#000 none repeat scroll 00;content:"";width:4px;height:1px;position:absolute;left:6px;top:50%;z-index:1;}
.xcsxq .xcs_news .text{line-height:22px;height:40px;overflow:hidden;}
.xcsxq .xcs_news:hover{color:#029a47;}
.xcsxq h5{font-size:16px;color:#000;margin:20px 0;}
.xcsxq img{display:block;margin:20px auto;width:70%;}
.xcsxq .xcsxq_text{color:#000;text-indent:30px;padding:0 10px;}

/*页脚*/
footer{background:url(../images/footer.jpg) center center;background-size:cover;height:197px;color:#fff;padding:30px 0 20px 0;}
footer a{color:#fff;}
footer a:visited{color:#fff;}
footer a:hover{text-decoration:underline !important;}
footer .weixin{text-align:center;}
footer .weixin h5{font-size:12px;margin-top:5px;}
.footer_nav{border-left:1px solid #fff;padding:0 15px;}
.footer_nav ul li{float:left;width:73px;font-size:13px;text-align:center;}
.footer_nav .footer_bx{width:1px;height:13px;background:#fff;margin-top:3px;}
.footer_nav h5{font-weight:bold;margin-bottom:5px;}
.footer_nav .text{line-height:25px;margin-top:15px;padding:0 23px;}


/*移动端底部热点链接*/
.hot{width:100%;height:50px;background:#029a47;position:fixed;bottom:0;left:0;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:16px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:4.5px 0;}
.hot .row div:hover{background:#00be56;}

@media (max-width:991px){
#ydnav .icon-menu{color:#029a47;cursor:pointer;font-size:40px;z-index:3000;position:absolute;right:10px;line-height:100px;}
#ydnav .sjdnav{width:150px;height:auto;position:absolute;right:0px;top:100px;z-index:2000;}
#ydnav .sjdnav li{display:block;height:40px;text-align:center;background:rgba(2,154,71,0.8);border-bottom:1px solid rgba(255,255,255,0.5);}
#ydnav .sjdnav .lxbx{border-bottom:none;}
#ydnav .sjdnav li a{ display:block; color:#fff; line-height:40px;font-size:16px;}
#ydnav .sjdnav li a:hover{color:#ffbe58;}
#ydnav .sjdnavhide{height:0;overflow:hidden;}
body{padding-bottom:50px;}
.logo img{width:120px;}
.cpzs .anniu_box .anniu{width:23%;margin:5px;}
.cpzs_imgbox{margin:20px 10px 0 10px;}
.xcs .xwdt_textbox .text{margin-bottom:20px;}
.footer_nav{border:none;padding:0;}
footer .weixin h5{font-size:10px;}
footer{border-bottom:1px solid rgba(255,255,255,0.5);}
.nynav_box .nynav_an{text-indent:0px;text-align:center;}
.nynav_box .nynav_an::after{left:40%;}
.nynav_box .navcon.navcon1{display:none;}
.nynav_box .navcon li{text-indent:0px;text-align:center;}
.nynav_box .nynav_an::after{background:none;}
.nynav_box .navcon li::after,.nynav_box .navcon li::before{background:none;}

}

@media (max-width:767px){
#ydnav .icon-menu{font-size:30px;line-height:74px;}
#ydnav .sjdnav{top:74px;}
.subNav{font-size:16px;line-height:40px;padding-left:40px;}
.subNav span{line-height:40px;margin-right:16px;}
.navContent li a{font-size:14px;line-height:36px;}
.logo img{width:100px;}
#myCarousel .phone_con{width:300px;}
#myCarousel .phone_con img{margin-top:-5px;width:50px;}
#myCarousel .phone .phone_con h5{font-size:18px;line-height:50px;}
#myCarousel .phone_con span{font-size:18px;}
#myCarousel .phone_con .dh{margin-top:0;}
.title h5{font-size:20px;}
.title span{font-size:16px;}
.title .left,.title .right{width:40%;}
.title:hover .left_bx,.title:hover .right_bx{width:101%;}
.cpzs_imgbox .img{height:240px;}
.cpzs_imgbox .img .mask2 h5{margin-top:80px;}
.gsjj .gsjj_con_tou{width:300px;height:40px;top:-40px;}
.gsjj .gsjj_con_tou h5{font-size:18px;line-height:40px;}
.gsjj .gsjj_con_tou h5 span{font-size:16px;margin-left:12px;}
.gsjj .gsjj_con{width:100%;height:280px;}
.gsjj .gsjj_con .text_box .text{text-indent:25px;line-height:22px;margin:15px 0;height:70px;overflow:hidden;}
.gcal .cpzs_imgbox .img{height:260px;}
.gcal .pictrue1 .owl-theme .owl-controls .owl-buttons div.owl-prev{left:35%;}
.gcal .pictrue1 .owl-theme .owl-controls .owl-buttons div.owl-next{right:35%;}
.gcal .cpzs_imgbox .img .mask2 h5{margin-top:90px;}
.hzlc_box{height:160px;}
footer{background:url(../images/footer.jpg) center center;background-size:cover;height:auto;color:#fff;padding:30px 0 20px 0;}
.hzlc_main{background:url(../images/hzlc.jpg) center center;background-size:cover;height:auto;margin-top:3px;}
footer .weixin h5{font-size:12px;}
.footer_nav .text{line-height:25px;margin-top:15px;padding:0 23px;text-align:center}

}

@media (max-width:550px){
.logo img{width:80px;}
.title{margin:20px 0;}
.xcs .title{margin:40px 0 20px 0;}
.title h5{font-size:16px;}
.title span{font-size:14px;}
.title .left,.title .right{width:35%;}
.cpzs_imgbox .img{height:180px;}
.cpzs_imgbox .img .mask2 h5{margin-top:55px;}
.cpzs .anniu_box .anniu{font-size:12px;line-height:30px;height:30px;width:20%}
.gsjj{margin-top:65px;}
.gsjj .gsjj_con_tou{width:260px;}
.gsjj .gsjj_con{height:230px;}
.gsjj .gsjj_con .phone{margin-top:10px;}
.gsjj .gsjj_con .phone img{margin:8px 10px 0 20px;width:30px;}
.gsjj .gsjj_con .phone h5{font-size:16px;}
.gsjj .gsjj_con .phone span{font-size:20px;}
.gcal .cpzs_imgbox .img{height:200px;}
.gcal .cpzs_imgbox .img .mask2 h5{margin-top:60px;}
.hzlc_box{height:120px;}
}

@media (max-width:450px){
#ydnav .icon-menu{font-size:25px;line-height:50px;}
#ydnav .sjdnav{top:50px;}
.logo img{width:50px;}
#myCarousel .phone_con{width:230px;}
#myCarousel .phone_con img{margin-top:5px;width:30px;}
#myCarousel .phone .phone_con h5{font-size:14px;line-height:40px;margin-left:10px;}
#myCarousel .phone_con span{font-size:14px;}
#myCarousel .phone_con .dh{margin-top:0;}
.hzlc_tou .title span{font-size:13px;}
.hzlc_tou .title .left,.hzlc_tou .title .right{width:30%;}
.title:hover .left_bx,.title:hover .right_bx{width:102%;}
.cpzs .anniu_box .anniu{font-size:12px;line-height:30px;height:30px;width:30%}
.cpzs_imgbox .img{height:150px;}
.cpzs_imgbox .img .mask2 h5{margin-top:45px;font-size:14px;}
.cpzs_imgbox .img .mask2 .mask_bx{width:80px;margin:10px auto;}
.cpzs_imgbox .img .mask2 span{width:60px;line-height:20px;font-size:12px;}
.cpzs_imgbox .mask{line-height:25px;font-size:12px;}
.gsjj .gsjj_con_tou{width:160px;height:30px;top:-30px;}
.gsjj .gsjj_con_tou h5{font-size:16px;line-height:30px;margin-left:10px;}
.gsjj .gsjj_con_tou h5 span{font-size:12px;margin-left:5px;}
.gcal .cpzs_imgbox .img{height:150px;}
.gcal .pictrue1 .owl-theme .owl-controls .owl-buttons div.owl-prev{left:30%;}
.gcal .pictrue1 .owl-theme .owl-controls .owl-buttons div.owl-next{right:30%;}
.gcal .cpzs_imgbox .img .mask2 h5{margin-top:40px;}
.hzlc_box{height:100px;}
.neiye .neiye_nav .ny_title_top{font-size:16px;line-height:40px;}
.neiye .neiye_nav .ny_title_top span{font-size:14px;}
.nynav_box .nynav_an,.nynav_box .navcon li a{font-size:14px;}

 }

@media (max-width:360px){
.cpzs_imgbox .img{height:120px;}
.cpzs_imgbox .img .mask2 h5{margin-top:36px;font-size:14px;}
.cpzs_imgbox .img .mask2 .mask_bx{margin:5px auto;}
.gcal .cpzs_imgbox .img{height:120px;}
.hzlc_box{height:90px;}
}
/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

/*分页css scott style pagination*/
div.scott {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

    div.scott a {
        border: #221616 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
        text-decoration: none;
    }

        div.scott a:hover {
            border: #221616 1px solid;
            color: white;
            background-color: #221616;
        }

        div.scott a:active {
            border: #221616 1px solid;
            color: #611985;
            background-color: #221616;
        }

    div.scott span.current {
        border: #221616 1px solid;
        padding: 2px 5px;
        font-weight: bold;
        color: #fff;
        margin: 0 2px 0 0;
        background-color: #221616;
    }

    div.scott span.disabled {
        border: #dfdfdf 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
    }

/*QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(../images/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -66px;
    }

    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel p {
        width: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        line-height: 30px
    }

        .dock ul.icons li.im p a {
            display: block;
            margin-top: 12px;
            width: 100px;
            height: 35px;
            line-height: 32px;
            color: #00dfb9;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #00dfb9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .dock ul.icons li.im p a:hover {
                color: White;
                background: #0f8773;
                border: 1px solid #0f8773;
            }

    .dock ul.icons li.wechat p {
        width: 180px;
        height: 180px;
        line-height: 30px
    }

        .dock ul.icons li.wechat p img {
            border: 2px solid #000;
        }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(../images/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

        .dock a.switch.off {
            background-position: -32px -640px;
        }