/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/**{transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);}*/
body {
    font-family:'Arial','微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
a:hover{
    text-decoration: none;
}

/*表单提示文字placeholder颜色修改*/
input::placeholder { /* WebKit browsers */  
  color: white;  
}


/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
a{
    text-decoration:none;
    color: #323232;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

ul::after{
    content: '';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

ul li{
    *zoom: 1;
}

img{
    max-width: 100%;
    max-height: 100%;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;}
/* 通用样式 */
.middle{ width:1000px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear: both;}

.min_img{
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.min_img>img{
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.min_img>img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.max_over{
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*头部开始*/

.header{
    background: #ffffff;
    border-bottom: 1px solid #eee;
    position: inherit;
}

.hd_top{
    line-height: 3.4rem;
    border-bottom: 1px solid #eeeeee;
    background: #ffffff;
}

.hd_top h3{
    font-size: 0.8rem;
    color: #888888;
    font-weight: 400;
    line-height: 3.4rem;
}

.hd_top h1{
    font-size: 0.8rem;
    color: #888888;
    font-weight: 400;
    line-height: 3.4rem;
}


.hd_ct ul li{
    font-size: 0.8rem;
    color: #888888;
    margin-left: 2rem;
}

.hd_ct ul li span{
    padding-left: 1em;
}

.hd_cnav{
    margin-top: 2rem;
}
.hd_cnav>li{
    text-align: center;
    min-height: 73px;
}

.hd_cnav>li>a{
    display: block;
    padding: 0 1.5rem;
    line-height: 2.3rem;
    border-radius: 5px;
}

.hd_cnav>li>a:hover{
    background: #469bf3!important;
    color: #ffffff!important;
}
.activez{
    background: #469bf3!important;
    color: #ffffff!important;
}

.hd_cnav>li:hover .dropdown-menu{
    /*display: block;*/

}

.hd_cnav a{
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #646464;
}

.dropdown-menu li a{
    line-height: 3rem;
    text-align: center;
}

.search_box a{
    width: 2.5rem;
    height: 2.5rem;
    padding: 0!important;
    margin-right: 10px;
    background: #eeeeee;
    display: inline-block!important;
}

.dropdown-menu{
    border-bottom: 1px solid #eee!important;
    margin-left: 15px;
}

.tijiao{
    width: 100%;
    background: #26546e;
    color: #ffffff;
    border: 1px solid #26546e;
    margin-top: 0.5rem;
}

.hight1{
    height: 3.4rem;
    width: 100%;
}
.hight2{
    height: 105px;
    width: 100%;
}



/*产品中心开始*/
.pt_hd{
    text-align: center;
    margin: 5.3rem 0 2.9rem;
}

.pt_hd h3{
    font-size: 1.5rem;
    color: #222222;
    font-weight: 400;
    margin-bottom: 1rem;
}

.pt_hd p{
    font-size: 0.9rem;
    color: #666666;
    line-height: 1.8em;
}

.pt_img{
    border: 1px solid #eee;
    border-bottom: none;
}

.pt_list ul li{
    text-align: center;
    margin-bottom: 2rem;
}

.pt_list ul li h2{
    background: #eee;
    color: #469bf3;
    padding: 0 1em;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    line-height: 25px;
    height: 50px;
    font-size: 17px;
    /*text-transform: uppercase;*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.pt_list ul li:hover h2{
    background: #d4d8dc
}


/*关于我们*/
.pt_hd2 p{
    /*text-align: justify;*/
}

.ab_lef{
    overflow: hidden;
}


.ab_lef{
    text-align: center;
}

.ab_lef img{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
}

.ab_lef:hover img{
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}

.ab_text p{
    font-size: 0.87em;
    color: #7d7d7d;
    line-height: 1.8rem;
    margin-bottom: 0.9rem;

}


/*厂容厂貌*/

.factory{
    background:#fbfafa  url(../images/fac_bj.jpg) top center no-repeat;
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 3rem;
    margin-top: 5rem;
}

.fac_list ul li{
    width: 20%;

}

.fac_img{
    margin: 10px;
    border: 4px solid #ffffff;
    overflow: hidden;
    *zoom: 1;
}

.fac_img img{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fac_img:hover img{

    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
    
}

.fac_more{
    text-align: center;
    margin-top: 3rem;

}

.fac_more a{
    /*text-transform: uppercase;*/
}

.fac_more a:hover{
    background: #469bf3;
    border: 1px solid #5391d0;
    color: #ffffff;
}


/*新闻中心*/
.new_tittle{
    font-size: 1.06em;
    color: #222222;
    line-height: 3.4rem;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_tittle:hover{
    color: #26546e;
}

.news_list ul li{
    margin-bottom: 2rem;
}

.news_img{
    text-align: center;
}

.news_list ul li p{
    font-size: 0.8rem;
    color: #606060;
    text-align: justify;
    line-height: 1.5em;
}

.news_time{
    font-size: 0.8rem;
    color: #0489cc;
    margin-top: 10px;
}

.news_more {
    padding: 3px 12px;
}

.m_time{
    margin-top:1rem;
}

.quality{
    background:  url(../images/quality.jpg) top center no-repeat;
    overflow: hidden;
    *zoom: 1;
    padding: 3.3rem 0 ;
    margin-top: 3rem;
}

.qua_list ul li{
    margin-bottom: 2rem;
}

.qua_main{
    background: #ffffff;
    margin: 0 10px;
    border-radius: 8px;
    padding: 2rem 3.75rem;
}

.qua_main h3{
    font-size: 1.5rem;
    color: #222222;
}

.qua_main p{
    font-size: 0.9rem;
    color: #606060;
    line-height: 1.8rem;
}

.qua_main i{
    color: #449bd3;
}



/*底部开始*/
.footer_top{
    background: #26546e;
    padding: 3.5rem 0;
    overflow: hidden;
    *zoom: 1;
}

.ft_nav h3{
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 1.3rem;
    /*text-transform: uppercase;*/

}

.ft_nav ul li a{
    font-size: 0.8rem;
    color: #b3bec6;
    line-height: 3rem;
}

.ft_nav{
    margin-bottom: 3rem;
}

.ft_nav2 ul li{
    padding-left: 27px;
}


.ft_nav ul li a:hover{
    color: #ffffff;
}

.ft_message h3{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 1.3rem;
}

.form-control{
    background: rgba(255,255,255,0.35);
    border: none;
    color: #ffffff;
}
.form-control2{
    background: rgb(82, 114, 148);
    border: none;
    color: #ffffff;
}

.footer_bm{
    text-align: center;
    font-size: 13px;
    color: #656666;
    line-height: 1.5rem;
    padding: 1rem 0;
}




/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}


.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#26546e;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.cart_num{
    background: #e60012;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height:30px;
    border-radius: 100%;
    color: #ffffff;
    left: -15px;
    top: 6px;
}

.shop_nr{
    position: relative;
}



/*-----------------------------------------------产品列表页面---------------------------------*/
.this_add{
    height: 3.25rem;
    line-height: 3.25rem;
    background: #f6f6f6;
    margin-bottom: 2.5rem;
}

.this_add p{
    font-size: 13px;
    color: #646464;
    text-transform: capitalize;
}

.this_add p a{
    font-size: 13px;
    color: #646464;
}

.this_add p a:hover{
    color: #469bf3;
}

.page_hd{
    font-size: 25px;
    color: #000000;
    border-bottom: 1px solid #d1d1d1;
    height: 29px;
    margin-bottom: 20px;
}

.btnCart{
    color: #3a6883;
}

.youxiang{
    height: 35px;
    background: #26546e;
    color: #ffffff;
    text-align: center;
    line-height: 35px;

}

.youxiang:hover{
    background: #e60012;
}

.lh_wrap{
    border: 1px solid #eee;
    padding-bottom: 5px;
}

.pt_nrqy{
    padding: 5px;
}

.p-name{
    margin-bottom: 5px;
    font-size: 0.8rem;
    color: #5b5b5b;
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*text-transform: uppercase;*/
}

#plist ul li{
    margin-bottom: 1.5rem;
}


.pt_nlist li a{
    font-size: 13px;
    color: #7b7b7b;
    line-height: 2.25rem;
}

.pt_nlist li a:hover{
    color: #469bf3;
    text-decoration: underline;
}

.page_nav_d:hover{
    background: #26546e;
    color: #ffffff;
}

.page_left .panel-default{
    border: 1px solid #eee;
}

.page_left .panel-body{
    border-top: 1px solid #eee;
}

.pl_contact{
    margin-bottom: 1rem;
}

.pct_hd h3{
    background: #469bf3;
    color: #ffffff;
    line-height: 47px;
    font-size: 18px;
    font-weight: 400;
    padding: 0 10px;
    text-transform: uppercase;
}

.pct_nr{
    border: 1px solid #eee;
    border-top: 0;
    padding: 10px;

}
.pct_nr h3{
    font-size: 13px;
    color: #5f5f5f;
    font-weight: bold;
    line-height: 3rem;
}

.pct_nr p{
    font-size: 13px;
    color: #5f5f5f;
    line-height: 2.5rem;
}

.pct_nr p span{
    font-weight: bold;
}

.p-name{
    display: block;
    clear: both;
    border: none;
}


/*-----------------------------------------产品show----------------------*/

.showLeft{
    padding: 0;
    margin-bottom: 2rem;
}
.ban{ width:353px; height:auto; position:relative; overflow:hidden;}
.ban2{ width:353px; height:21rem; position:relative; overflow:hidden;
    border: 1px solid #eee;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:353px; height:21rem;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:352px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:8px; padding:1px;
    border: 1px solid #eee;}
.num ul li.on{ border:1px solid #469bf3; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:160px; left:0; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:160px; right:0; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}

.show_right{
    margin-bottom: 2rem;
}
.show_tt h1{
    font-size: 1.5rem;
    color: #37474f;
    margin-bottom: 1rem;
}

.show_nr ul li{
    height: 4rem;
    border-bottom: 1px solid #eee;
    font-size: 0.8rem;
    color: #76838f;
    margin-bottom: 1rem;
}
.show_nr ul li h3{
    font-size: 0.8rem;
    color: #76838f;
    line-height: 1.5rem;
}


.lianjie div{
    background: #469bf3;
    margin-right: 0.5rem;
}

.lianjie div a{
    display: block;
    line-height: 3rem;
    padding: 0 2em;
    font-size: 1rem;
    color: #ffffff;

}


.p_main{

}

.p_pt h3{
    background: #469bf3;
    color: #ffffff;
    font-size: 19px;
    /*text-transform: uppercase;*/
    padding: 0 10px;
    line-height: 3rem;

}

.p_main{
    /*margin-top: 2rem;*/
}

.p_contact{
    border: 1px solid #eee;
    padding: 1em;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1.5em;

}

.p_contact p{
    margin-bottom: 1rem;
}

.p_contact h3{
    font-weight: bold;
}

.table tr:nth-child(odd){
    background: #eeeeee;
}

.p_main{
    margin-bottom: 1rem;
}
.p_main p{
    line-height:22px;
}
.p_main img{
    height: auto !important;
}

.page_form input{
    border: 1px solid #eee;
    color: #6a6a6a;
}

.page_form label{
    font-weight: 400;
}

.page_form textarea{
    border: 1px solid #eee;
    color: #6a6a6a;
}


.page_form{
    padding: 15px;
    border: 1px solid #eee;
}


.page_form button{
    background: #469bf3;
    border: none;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.p_ntext a{
    font-size: 1.1rem;
    color: #222222;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    margin-top: 1rem;
}

.p_ntext p{
    font-size: 0.8rem;
    color: #606060;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    margin-top: 1rem;
}

.p_ntext span{
    display: block;
    font-size: 12px;
    color: #a7a7a7;
    margin-top: 1rem;
}

.page_news ul li{
    padding: 1.5rem 0;
    border-bottom: 1px dashed #ddd;
}

.p_nimg{
    padding: 0;
    text-align: center;
}

.page_news{
    margin-bottom: 1.5rem;
}


.panel-default > .panel-heading:hover{
    background: #469bf3;
    color: #ffffff;
}



@media screen and (max-width: 768px) {
    .hd_top{
        display: none;
    }

    .hight1{
        display: none;
    }

    .fac_list ul li{
        width: 33%;
    }

}


@media screen and (max-width: 640px) {
  .hd_top{
      display: none;
  }

    .hight1{
        display: none;
    }

    /*.suspension{*/
        /*display: none;*/
    /*}*/

    /*.suspension2{*/
        /*display: block;*/
    /*}*/

    .suspension{
        right:0;
        bottom:0;
        width:100%;
        height:44px;

    }

    .suspension-box{
        width: 100%;
    }
    .suspension-box{
        background: #353535;
    }

    .suspension .a{
        float: left;
        width: 33%;
        text-align: center;
    }
    
    #shopCart{
        float: left;
        width: 25%;
    }

    .a-top{
        position: fixed;
        right: 0;
        bottom: 50px;
        width: 44px!important;
    }

    .a-top i{
        margin-left: 0!important;
    }

    .shop_nr .a{
        width: 100%;
    }

    .suspension .a .i{
        margin-left: 42px;
    }
    .suspension .a-qrcode .i{
        margin-left: 30px;
    }


    .cart_num{
        left: 15px;
    }

    .suspension .d-service-phone{
       display: none!important;
    }
    .suspension .d-service{
        display: none!important;
    }

    .suspension .a:hover{background:#353535;}
}


@media screen and (min-width: 600px) {
    .fac_list li:nth-of-type(6) {
        display: none;
    }
 
}



/*手机底部导航*/
#toolbar{display:none;}
@media screen and (max-width:760px){

.blank55{height:55px; line-height:1px; clear:both;}

#toolbar{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#000; display:block;}

#toolbar a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}

#toolbar a span{ font-size:22px; display:block;}

}



/*右侧浮动*/
/*service1*/
#floatHide1{display:none;}
#service1{position:fixed;right:-230px;top:10px;z-index:999999999;margin:200px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#333;}
#service1 ul{ list-style:none; border:2px solid #e72833;}

.online_title{background:#e72833; text-align:center;    font-family: 'ubuntu-b'; font-size:14px; color:#fff;}
.online_title img{ max-width:30px; margin-right:10px;}
#service1 a{ color:#333;}
#ser_main{float:left;position:relative;z-index:9;top:0px;    display: block;
    width: 29px;
    height: 191px;
    right: 0;}
#ser_main a{display:block;overflow:hidden;}
#ser_main #floatShow1{background:url(../images/ser-30.png) no-repeat;height:191px;width:29px;z-index:99999; position:absolute; left:0; top:0px;}

#online{float:left;background:#fff;overflow:hidden; width:230px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;}
.onlineMenu ul li{ padding:10px 10px; border-bottom:1px dashed #ccc;}
.onlineMenu ul li:last-child{ border:none;}
.onlineMenu .serm_top{text-align:center;padding-bottom:10px;}
.onlineMenu .call{text-align:left;}
.call{ padding:6px 10px; border-bottom:1px solid #fff; font-size:13px;}
.call img{display:inline-block;vertical-align:middle; margin-right:6px; }
.call a:hover{color:#e72833 !important;}
#service1:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#service1:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;}
#service1 h4{ font-size:14px; color:#666; margin:0px; line-height:25px;    font-family: 'ubuntu-b';}
@media screen and (max-width: 768px) {
    #service1{ display:none}
}