/*common*/
.top,.content,.foot{overflow: hidden;}
.main{overflow: hidden;width: 1010px;margin: auto;}

/*top*/
.top{background: #dae2f3;height: 138px;overflow: hidden;}
.top_logo{display: block;float: left;}
.top_right{overflow: hidden;padding-top: 23px;}
.top_language{
    width: 78px;
    height: 25px;
    display: block;
    margin-bottom: 25px;
    color: #555;
    float: right;
    line-height: 25px;
    text-align: center;
    padding-left: 7px;
    background: url("../images/language.jpg") no-repeat;
}
.top_language:hover{
    color: #18387c;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -khtml-opacity: 0.8;
}

/*navigation*/
.navigation{overflow: hidden;padding-top: 20px;float: right;*width: 615px;}
.navigation span{float: left;width:95px;height: 45px;text-align: center;;}
.navigation span a{display: block;color: #666;font-size: 14px;height: 45px;}
.navigation span a:hover{color: #18387c;background: url("../images/nav_hover.jpg") no-repeat center 40px;}
.navigation span a.hover{color: #18387c;background: url("../images/nav_hover.jpg") no-repeat center 40px;}
.navigation span ul{width:90px;overflow: hidden;position: absolute;z-index: 1;margin-left: -2px;display:none;*margin-left:-45px;}
.navigation span ul li{height: 39px;text-align: center;line-height: 40px;border-bottom: 1px solid #12367d;}
.navigation span ul li a{color: #fff;background: #133984;font-size: 12px;height:40px;padding: 0px 5px;}
.navigation span ul li a:hover{color: #fff;background: #5072a9;}

/*banner*/
.flexslider{position:relative;overflow:hidden;*height: 601px;}
.flex-viewport{
    max-height:2000px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
}
.flexslider .slides{zoom:1;}
.flexslider .slides li{float: left;}
.flexslider .slides li a{display: block;}
.flex-direction-nav a{
    width:60px;
    height:87px;
    line-height:99em;
    overflow:hidden;
    margin:-60px 0 0;
    display:block;
    background:url(../images/ad_ctr.png) no-repeat;
    position:absolute;
    top:50%;
    z-index:10;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .3s ease;
}
.flex-direction-nav .flex-next{background-position:0 -260px;left:50%;margin-left: 550px;}
.flex-direction-nav .flex-prev{left:50%;background-position: 0px -170px;margin-left: -600px;}
.flexslider:hover .flex-next{opacity:0.5;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.5;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
    opacity:1;
    filter:alpha(opacity=50);
}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;display: none;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{
    background:url(../images/dot.png) no-repeat 0 -16px;
    display:block;
    height:16px;
    overflow:hidden;
    text-indent:-99em;
    width:16px;
    cursor:pointer;
}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*content*/
.content{position: absolute;width: 100%;margin-top: -50px;z-index: 2;}
.cont_left{
    width:296px;
    height: 50px;
    padding: 0px 22px;
    overflow:hidden;
    float: left;
    line-height: 50px;
    background: #fff;
    color: #555;
    font-size: 16px;
}
.cont_right{
    overflow: hidden;
    width: 620px;
    height: 50px;
    line-height: 50px;
    float: right;
    padding: 0px 15px 0px 35px;
    background: url("../images/news_bg.png");
}
.cont_right_name{
    overflow: hidden;
    height: 50px;
    color: #fff;
    font-size: 16px;
    float:left;
    width: 70px;
    background: url("../images/gong.png") no-repeat 35px 18px;
}
.cont_right_ul{width: 485px;height: 50px;overflow: hidden;position: relative;float: left;text-overflow: ellipsis;white-space: nowrap;}
.cont_right_ul li{line-height: 50px;height: 50px;}
.cont_right_ul li a{color: #fff;font-size: 14px;}
.cont_right_ul li a span{color: #fff;padding-left: 10px;}
.cont_right_ul li a:hover,
.cont_right_ul li a:hover span{color: #ccc;}

.cont_right_btn{overflow: hidden;float: right;padding-top: 19px;}
.cont_right_prev,.cont_right_next{
    width: 9px;
    height: 11px;
    float: left;
    margin-left: 10px;
    *margin-left:5px;
}
.cont_right_prev{background: url("../images/news_prev.png") no-repeat 0px;}
.cont_right_next{background: url("../images/news_next.png") no-repeat 0px;}
.cont_right_prev:hover{background: url("../images/news_prev_hover.png") no-repeat 0px;}
.cont_right_next:hover{background: url("../images/news_next_hover.png") no-repeat 0px;}

.cont{background: #f9f9f9;padding-bottom: 50px;}
.cont_c_left{width: 296px;padding:0px 22px 7px 22px;overflow: hidden;background: #fff;float: left;}
.cont_about{overflow: hidden;padding-top: 35px;}
.cont_about a{display: block}
.cont_about h3{color: #555;font-size: 16px;padding-bottom: 10px;font-weight: bold;}
.cont_about p{color: #666;line-height: 30px;height: 128px;overflow: hidden;font-size: 14px;}
.cont_about:hover h3,
.cont_about:hover p{color: #18387c;}

.cont_about_more{
    width: 92px;
    height: 33px;
    display: block;
    margin-top: 20px;
    background: #0690e0;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 25px;
}
.cont_about:hover .cont_about_more{background: #18387c;color: #fff;}

.cont_c_right{width: 635px;padding:35px 0px 0px 35px;overflow: hidden;}
.cont_c_right1{width: 420px;overflow: hidden;float: left;}
.cont_c_right1_n{height: 45px;overflow: hidden;}
.cont_c_right1_n h3{float: left;overflow: hidden;color: #666;font-size: 18px;}


#wrapper {
    width: 420px;
    height: 350px;
    position: absolute;
    overflow: hidden;
    /*left: 50%;*/
    /*top: 50%;*/
}

#carousel {width:420px;position:relative;overflow: hidden;}
#carousel ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
#carousel li {
    /*background: transparent url(../images/carousel_polaroid.png) no-repeat 0 0;*/
    color: #999;
    text-align: center;
    display: block;
    width:420px;
    height:391px;
    padding: 0;
    margin:0px 0px 30px 0px;
    float: left;
    position: relative;
}
#carousel li span {
    background: transparent url(../images/carousel_shine.png) no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 201px;
    height: 127px;
    position: absolute;
    z-index: 2;
    top: 14px;
    left: 16px;
}

#carousel li .pro_ccc{overflow: hidden;margin-bottom:27px;}

#carousel li .prod_pic1{width: 160px;height: 160px;display: block;float: left;}
.prod_pic1 img{width: 160px;height: 160px;}

#carousel li .prod_pic2{width: 160px;height: 160px;display: block;float:right;}
.prod_pic2 img{width: 160px;height: 160px;}

#carousel li .prod_ico1{
    width:12px;
    height: 17px;
    background: url("../images/p1_p.png") no-repeat;
    position: absolute;
    z-index: 1;
    top:70px;
    margin-left: 149px;
}
#carousel li .prod_ico2{
    width:12px;
    height: 17px;
    background: url("../images/p2_n.png") no-repeat;
    position: absolute;
    z-index: 1;
    top:66%;
    margin-left:260px;
}

#carousel li .prod_cc{overflow: hidden;width: 220px;background: #fff;height: 120px;padding: 20px;text-align: left;float: left;}
.prod_cc h3{color: #18387c;font-size: 16px;padding-bottom: 10px;}
.prod_cc p{color: #999;line-height: 22px;height: 90px;overflow: hidden;}

.prod_cc:hover h3,
.prod_cc:hover p{color: #18387c;}

.cont_c_right1_btn{overflow: hidden;float: right;width: 90px;height: 45px;}
.cont_c_right1_n .prev, .cont_c_right1_n .next {
    background: transparent url(../images/carousel_control.png) no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 55px;
    height: 70px;
    margin-left: 10px;
    position: absolute;
    top:35%;
}
.cont_c_right1_n .prev {background-position: 0 0;left:-70px;}
.cont_c_right1_n .prev:hover {left: -70px;}
.cont_c_right1_n .next {background-position:-45px 0;right:-70px;}
.cont_c_right1_n .next:hover {right: -70px;}
.cont_c_right1_n .pager {text-align: center;margin:8px auto;}
.cont_c_right1_n .pager a {
    background: transparent url(../images/carousel_control.png) no-repeat  -5px -90px;
    text-decoration: none;
    line-height: 100px;
    display: inline-block;
    overflow: hidden;
    width: 25px;
    height: 25px;
    margin: 0 -3px 0 0;
}
.cont_c_right1_n .pager a.selected {
    background: transparent url(../images/carousel_control.png) no-repeat -40px -90px;
    text-decoration: underline;
}

#source {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}
#source, #source a {font-size: 12px;color: #999;}

#donate-spacer {height: 100%;}
#donate {
    border-top: 1px solid #999;
    width: 750px;
    padding: 50px 75px;
    margin: 0 auto;
    overflow: hidden;
}
#donate p, #donate form {margin: 0;float: left;}
#donate p {width: 650px;}
#donate form {width: 100px;}

.cont_c_right2{width:185px;height: 391px;float: right;background: url("../images/cont_pic3.jpg") no-repeat;}
.cont_c_right2_c1{width: 155px;height: 170px;padding: 15px;}

.cont_c_right2_c2 h3,
.cont_c_right2_c1 h3{font-size: 16px;color: #fff;font-weight: bold;padding-bottom: 15px;}

.cont_c_right2_c1 p{color: #fff;line-height:18px;padding-bottom: 10px;}

.cont_c_right2_c2{width: 155px;height: 165px;padding: 15px;}

/*foot*/
.foot_links{overflow: hidden;}
.foot_links span{color: #666;float: left;display: block;line-height: 50px;padding-top: 3px;}
.foot_links_ul{float: left;overflow: hidden;height: 55px;}
.foot_links_ul li{line-height: 55px;color: #9B9B9B;float: left;}
.foot_links_ul li a{color: #666;padding: 0px 5px;}
.foot_links_ul li a:hover{color: #18387c;}

/*底部导航*/
.foot_nav{overflow: hidden;height: 53px;background: #6f86b3;}
.foot_nav_left{overflow: hidden;float: left;}
.foot_nav_left li{line-height: 53px;float: left;color: #fff;}
.foot_nav_left li a{color: #fff;font-size: 14px;padding: 0px 8px;}
.foot_nav_left li a:hover{color: #18387c;}

/*right*/
.foot_nav_right{overflow: hidden;width: 215px;float: right;padding-top: 12px;}
.foot_nav_right a{display:inline-block;zoom:1;*display:inline;width: 37px;height: 29px;*margin-left: 5px;}

.foot_sina{background:url("../images/foot_sina.jpg") no-repeat right;}
.foot_renren{background: url("../images/foot_renren.jpg") no-repeat right;}
.foot_qq{background: url("../images/foot_qq.jpg") no-repeat right;}
.foot_weixin{background: url("../images/foot_weixin.jpg") no-repeat right;}
.foot_baidu{background: url("../images/foot_baidu.jpg") no-repeat right;}

.foot_sina:hover{background:url("../images/foot_sina_hover.jpg") no-repeat right;}
.foot_renren:hover{background: url("../images/foot_renren_hover.jpg") no-repeat right;}
.foot_qq:hover{background: url("../images/foot_qq_hover.jpg") no-repeat right;}
.foot_weixin:hover{background: url("../images/foot_weixin_hover.jpg") no-repeat right;}
.foot_baidu:hover{background: url("../images/foot_baidu_hover.jpg") no-repeat right;}

/*版权所有*/
.foot_ban{overflow: hidden;padding: 20px 0px 25px 0px;}
.foot_ban p{color: #777;line-height:22px;}
.foot_ban p a{color: #777;}
.foot_ban p a:hover{color: #18387c;}

/*关于海朗德*/
.in_content{
    position: absolute;
    width: 100%;
    margin-top: -105px;
    z-index: 2;
}
.in_cc{background: #f9f9f9;padding-bottom: 80px;}

.left{width: 250px;overflow: hidden;float: left;}
.left_name{
    width: 220px;
    height: 80px;
    color: #fff;
    font-size: 24px;
    padding: 25px 0px 0px 30px;
    background:url("../images/left_name_bg.jpg");
}
.left_name p{color: #6886bb;font-size: 26px;}

.left_ul{width: 250px;overflow: hidden;background: #fff;}
.left_ul li{height: 49px;border-bottom: 1px solid #f9f9f9;line-height: 50px;padding-left: 30px;}
.left_ul li a{display: block;color: #111;font-size: 16px;}
.left_ul li a:hover{color: #133984;background: url("../images/left_hover.jpg") no-repeat 188px 20px;}
.left_ul li a.hover{color: #133984;background: url("../images/left_hover.jpg") no-repeat 188px 20px;}

.left_ico{
    width: 135px;
    height: 110px;
    background: url("../images/left_ico.jpg") no-repeat;
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    padding: 35px 0px 0px 115px;
}

.right{width: 735px;overflow: hidden;float: right;padding-top: 15px;}
.right_name{overflow: hidden;height: 40px;}
.right_name h3{
    font-size: 20px;
    color:#133984;
    background: url("../images/right_name.jpg") no-repeat 0px;
    padding-left: 15px;
    float: left;
}
.right_position{overflow: hidden;float: right;padding-right: 10px;color: #666;line-height: 30px;}
.right_position a{color: #666;}
.right_position a:hover{color: #133984;}
.right_position a.hover{color: #133984;}
.right_cont{background: #fff;overflow: hidden;padding: 20px;}
.right_about{overflow: hidden;}
/*.right_about img{margin-bottom: 20px;}
.right_about imgabout{margin-bottom: 20px;}*/ /*修改了about页面下方表格空白处*/
.right_about p{color: #666;line-height: 25px;}
.right_about h3{color: #133984;font-size: 20px;font-weight: bold;padding-bottom: 15px;}
.right_about_c{overflow: hidden;padding-bottom: 25px;}
.right_about h6{background: url("../images/about_ico1.jpg") no-repeat 0px;color: #333;padding-left:12px;line-height: 30px;}

/*荣誉资质*/
.right_honor{overflow: hidden;}

/*联系我们*/
.right_contact{overflow: hidden;padding: 15px;}
.right_contact h3{color: #133984;font-size: 18px;padding-bottom: 5px;}
.right_contact p{color: #555;font-size: 14px;line-height: 24px;}
.right_contact_map{overflow: hidden;padding-top: 30px;}

/*在线留言*/
.right_message{overflow: hidden;padding: 20px;}
.right_message input{
    width: 320px;
    color: #858585;
    font-size: 12px;
    padding: 12px 0px 12px 10px;
    margin-bottom: 15px;
    *line-height: 30px;
    *padding:5px 0px 10px 10px;
    *height: 30px;
    background: url("../images/message_input.jpg") no-repeat;
}
.right_message textarea{
    width:  502px;
    height: 194px;
    border: none;
    margin-bottom:15px;
    padding: 10px;
    color: #858585;
    line-height: 20px;
    background: url("../images/messgae_textarea.jpg") no-repeat;
}
.right_message .message_btn{
    padding: 0;
    width: 330px;
    height: 40px;
    cursor: pointer;
    background: url("../images/message_btn.jpg") no-repeat
}
.right_message .message_btn:hover{
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -khtml-opacity: 0.8;
}

/*招聘简章*/
.cz_employ{
    overflow: hidden;
    padding:0 2px;
    margin:0 auto
}
.cz_employt{
    height:110px;
    border-bottom:1px dashed #e5e5e5;

}
.cz_employtl{
    float:left;
    margin-top:15px;
}
.cz_employtr{
    float:right;
    margin-top:15px;
}
.cz_employc_a{
    line-height:23px;
    padding:10px 0;
    color:#666666;
    font-size:12px;
}
.cz_employc_b{
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
}
.cz_employc_bt{
    height:33px;

}
.cz_employc_bt.a{
    background:#ededed}
.cz_employc_bt div{
    line-height:33px;
    color:#666666;
    text-align:center;
    float:left;
    display:block;
    font-size:12px;
}
.cz_employc_bt .a{
    width:375px;
    border-right:1px solid #dddddd
}
.cz_employc_bt .b{
    width:140px;
    border-right:1px solid #dddddd
}
.cz_employc_bt .c{
    width:170px;}

.cz_employc_bt .a.cz_a{
    text-align:left
}
.cz_employc_bt .a.cz_a span{
    width:20px;
    height:33px;
    background:url(../images/employ_c.jpg) no-repeat 10px 12px;
    display:block;
    float:left
}
.cz_employc_bt .cz_current{
    background:url(../images/employ_b.jpg) no-repeat 7px 15px !important;
}
.czem_a_cont{
    padding:30px 10px;
    border-bottom:1px solid #dddddd;
    display:none}

.czem_a_cont p{
    color:#666666;
    font-size:12px;
    line-height:25px;
    margin:5px 0
}
.cz_employc_bt.bo{
    border-bottom:1px solid #dddddd;
    cursor:pointer;

}

/*新闻中心*/
.about_r{overflow: hidden;}
.about_r_t{height: 36px;overflow:hidden;padding-top:3px}
.news_cont{overflow: hidden;}
.news{
    height: 155px;
    overflow: hidden;
    border-bottom: 1px dashed #dcdcdc;
    margin-top:20px;
    padding-bottom: 10px;
}
.news .img{display: block;height: 141px;width: 186px;float: left;border: 1px solid #efefef;padding: 3px;}
.news .img img{height: 141px;width: 186px;}
.news .texta{width: 482px;float: right;height: 141px;overflow: hidden;}
.news .texta span{
    font-size: 12px;
    color: #999;
    line-height: 25px;
    display: block;
}
.texta div a{line-height: 23px;color: #666666;font-size: 12px;}
.case_int_t p,.news .texta p a{color: #666666;font-size: 18px;font-weight: bold;}
.news .texta p a:hover{color: #27a2dd}

/*page*/
.page_ul{overflow: hidden;}
.page_ul .page{
    height:40px;
    font-size:12px;
    text-align:center;
    margin-top: 1cm;
}
.page_ul .page a{display:inline-block;*display: inline;*zoom: 1;}
.page_ul .page .shu_1{
    background:#b5b5b6;
    text-align:center;
    line-height:30px;
    height:28px;
    margin-right:5px;
    color: #fff;
    width: 35px;
}
.page_ul .page .shu_1:hover{background:#5072a9;color: #fff;}
.page_ul .page .shu_1.hover{background:#5072a9;color: #fff;}
.page_prev,.page_next{
    width: 40px;
    height: 28px;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 8px;
}
.page_prev{background: url("../images/page_prev.jpg") no-repeat;}
.page_next{background: url("../images/page_next.jpg") no-repeat;}
.page_prev:hover{background: url("../images/page_prev_hover.jpg") no-repeat;}
.page_next:hover{background: url("../images/page_next_hover.jpg") no-repeat;}

/*news_inner*/
.n_right{overflow:hidden;padding-bottom: 30px;}
.n_right .head{overflow:hidden;border-bottom:1px dotted #dcdcdc;padding-bottom: 0.25cm;}
.n_right .head p{text-align:left;color:#aaa;font-size:12px;}
.n_right .head p.tit{font-size:20px;color:#282828;padding-bottom: 0.3cm;}
.n_right .head p.tit .titl{padding-left:5px;}
.n_right .head p.date{line-height: 23px;float:left;}
.n_right .head p.zhu{float:right;}
.n_right .intro{overflow:hidden;}
.n_right .intro .pho{margin:0 auto;padding-top:0.6cm;}
.n_right .intro .word{padding:0.7cm 0;text-indent: 2em;font-size: 12px;line-height: 22px;color:#aaa;}
.n_right .intro .word p{padding-bottom:0.5cm;}

.n_right .intro .key{overflow:hidden;height:33px;background:url(../images/biaoqian.png) no-repeat;}
.n_right .intro .key span{color:#133984;padding-left: 0.65cm;}
.n_right .intro .key span.addre{color:#969696;padding-left: 0.65cm;}
.n_right .intro .tiao{
    overflow: hidden;
    height:30px;
    border:1px dotted #dcdcdc;
    border-right:none;
    border-left:none;
    background:#fcfcfc;
    text-align:center;
    line-height: 33px;
    margin-top:1cm;
}
.n_right .intro .tiao a{font-size:12px;color:#555;}
.n_right .intro .tiao a:hover{color:#133984;}
.n_right .intro .tiao span.t{color:#777;}
.n_right .intro .tiao span.t:hover{color:#133984;}

.n_right .intro .related_news{overflow:hidden;padding-top:1cm;}
.n_right .intro .related_news .he{height:25px;border-bottom:1px dotted #dcdcdc;color:#666;font-size:16px;margin-bottom: 0.5cm;}

.n_right .intro .related_news .list1,.list2{width:340px;}
.n_right .intro .related_news .list1{float:left;}
.n_right .intro .related_news .list2{float:right;}
.n_right .intro .related_news .list2 li,
.n_right .intro .related_news .list1 li{
    width:340px;
    height:30px;
    line-height: 30px;
    border-bottom:1px solid #dcdcdc;
    text-indent: 12px;
    background:url(../images/dot1.jpg) no-repeat 2px 12px;
}

/*产品中心*/
.right_product{overflow: hidden;}
.right_product li{width: 218px;float: left;padding-right: 20px;padding-bottom: 20px;}
.right_product li.r{padding-right: 0;}
.right_product li .right_product_c{width: 198px;height: 230px;background: #f9f9f9;padding: 10px;}
.right_product_img{width:198px;height: 148px;background: #fff;margin-bottom: 10px;display: block;}
.right_product_img img{width:198px;height: 148px;}
.right_product_c h3{color: #222;font-size: 16px;padding-bottom: 5px;}
.right_product_c p{color: #777;line-height:18px;height: 37px;overflow: hidden;}
.right_product li:hover .right_product_c{background: #5072a9;}
.right_product li:hover .right_product_c h3,
.right_product li:hover .right_product_c p{color: #fff;}


/*客服*/
.qqkefu{
    position: fixed;
    /*bottom:0px;*/
    top: 50%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    right:0;
    width:57px;
}
.qqkefu ul li{
    width: 57px;
    height:57px;
    margin-bottom:1px;
    float:right;
    background:#5c77ac;
    line-height:57px;
    font-size:14px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    line-height:66px;
}
.qqkefu ul li.qq_cza{
    overflow:hidden;
}
.qqkefu ul li:hover{
    background:#18387c;
}
.qqkefu ul li.top{
    /*color:#333;*/
    /*font-weight:800;*/
    /*text-align:center;*/
    /*line-height:45px;*/
    background:url("../images/backup.jpg") no-repeat center;
    position:relative;
    width:57px;
    height: 57px;
    cursor:pointer;
}
.qqkefu ul li.top span{
    position:absolute;
    display:block;
    left:0;
    top:-5px;
    height:5px;
    width:57px;
    background:url(../images/czx2.png) no-repeat center;}

.qqkefu ul li.top:hover{background:url(../images/backup_hover.jpg) no-repeat center;}

.qqkefu ul li.top:hover span{
    background:url(../images/czx2_hover.png) no-repeat center;}
.qqkefu ul li b{
    width:57px;
    height:56px;
    display:block;
    overflow:hidden;
    float:left}
.qqkefu ul li span{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li b.a{
    background:url(../images/qq.jpg) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../images/tel.jpg) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../images/code.jpg) no-repeat center center;
}
.qqkefu ul li b.e{
    background:url(../images/tel.jpg) no-repeat center center;
}

.qqkefu ul li:hover b.a{background:url(../images/qq_hover.jpg) no-repeat center center;}
.qqkefu ul li:hover b.b{background:url(../images/tel_hover.jpg) no-repeat center center;}
.qqkefu ul li:hover b.c{background:url(../images/code_hover.jpg) no-repeat center center;}
.qqkefu ul li:hover b.e{background:url(../images/tel_hover.jpg) no-repeat center center;}

.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{
    width: 127px;
    height: 150px;
    position: absolute;
    top: -95px;
    left: -129px;
    background: #FFF;
    border: 1px solid #CCC;
    float: right;
    cursor: default !important;
    display:none
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background:url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}