/* CSS Document */


body{ background:#F1F1F1;}
#erji_sgcase_page{ width:1200px; margin:0 auto; margin-top:16px;}
.erji_sgcase_page_title{ width:100%; height:30px;}
.erji_sgcase_page_title ul{ margin:0 16px; color:#000; font-size:14px;}
.erji_sgcase_page_title ul li{ line-height:30px; color:#000; display:inline-block;}

.erji_sgcase_page_content{ overflow:hidden;}
.erji_sgcase_page_conleft{ float:left; width:220px;}
.erji_sgcase_page_leftson{border: 1px solid #DCDCDC; border-radius: 3px 3px 0 0;}
.erji_sgcase_left_title{font-size: 18px; width: 174px;height: 46px; background: #00AAE7;line-height: 46px; color: #FFF; border-radius: 3px 3px 0 0; padding-left: 45px;}

.erji_sgcase_left_liebiao ul{ background:#FFF;}
.erji_sgcase_left_liebiao ul li{width: 171px; margin: 0 auto; border-bottom: 1px dashed #CFCFCF;line-height: 42px;padding-left: 37px;color: #000; position: relative;}
.erji_sgcase_left_liebiao ul li.on{ color: #00AAE7;}
.erji_sgcase_left_liebiao ul li.mu{ border:0 none;}
.erji_sgcase_left_sanjiao{ position: absolute; right: 0px; top: 9px;}
.erji_sgcase_left_pro{ margin-top:18px;}
.erji_sgcase_leftpro_biaoti{font-size: 18px;width: 175px; height: 46px;background: #00AAE7;line-height: 46px; color: #FFF; border-radius: 3px 3px 0 0; padding-left: 45px;}
.erji_sgcase_left_pro ul li{ width:218px; min-height:188px; background:#FFF; border: 1px solid #DCDCDC; margin-bottom:10px;}
.erji_sgcase_left_pro ul li:hover{ border: 1px solid #00AAEA;}
.erji_sgase_leftson_img{ height:154px; width:218px;}
.erji_sgase_leftson_img img{ width:100%; height:100%;}
.erji_sgcase_left_pro ul li h3{ font-size:12px; font-weight:normal; color:#3C3C3C; text-align:center; line-height:30px;}
.detail_content img{max-width:100%!important;height:auto!important;  padding-bottom: 30px;}

.erji_sgcase_page_conright{ float:right; width:960px;}
.erji_sgcase_page_conright_son{background: #fff; border-top: 2px solid #00AAE7; border-bottom: 1px solid #DCDCDC; position:relative;}
.erji_sgcase_page_conright_son h1{ font-size:24px; font-weight:normal; text-align:center; line-height:65px;}
.erji_sgcase_page_ul li{ font-size:14px; color:#676767; display:inline-block; margin-right:25px;margin-bottom:20px;}
.erji_sgcase_page_conright_son ul{ text-align:center;    margin-bottom: 23px;}
.erji_sgcase_right_bottom{ width: 922px; margin: 0 auto; color: #000;margin-top:50px;}

.erji_sgcase_total_left{ float:left; margin-bottom: 15px;}
.erji_sgcase_total_left a{ color:#000; font-size:16px;}
.erji_sgcase_total_right{ float:right; margin-bottom: 15px;}
.erji_sgcase_total_right a{ color:#000; font-size:16px;}
.erji_sgcase_right_weiben{margin-top: 49px; margin-bottom: 45px;overflow: hidden;}
.erji_sgcase_right_weiben p{ float:left;}
.erji_sgcase_right_weiben ul li{ float: left; padding: 0 10px; color: #00AAE7; margin-right:0;}
.erji_sgcase_right_weiben ul{ width:100%;}

.erji_por_page_left_sanjiao {
    position: absolute;
    right: 0px;
    top: 9px;
}
.erji_por_page_left_pro ul li {
    margin-bottom: 10px;
    background: #FFF;
    min-height: 237px;
    border: 1px solid #DCDCDC;
}
.erji_por_page_left_img img {
    width: 100%;
    height: 100%;
}
.erji_por_page_left_img {
    width: 218px;
    height: 170px;
}
.erji_por_page_left_text {
    width: 176px;
    margin: 0 auto;
    text-align: center;
    color: #3B3B3B;
    margin-top: 10px;
    font-size: 14px;
}
.erji_por_right_bttom_share{ overflow:hidden;}
.erji_por_right_bttom_share p{ float:left; line-height: 46px;}
.bdshare-button-style0-32{ float:left !important;}
.bdshare-button-style0-32 .bds_tsina{ background:url(/images/erji_share1.png) no-repeat !important; width:31px !important; height:31px !important;}
.bdshare-button-style0-32 .bds_weixin{ background:url(/images/erji_share2.png) no-repeat !important; width:31px !important; height:31px !important;}
.bdshare-button-style0-32 .bds_qzone{ background:url(/images/erji_share3.png) no-repeat !important; width:31px !important; height:31px !important;}
.bdshare-button-style0-32 .bds_douban{ background:url(/images/erji_share4.png) no-repeat !important; width:31px !important; height:31px !important;}
.bdshare-button-style0-32 .bds_fbook{ background:url(/images/erji_share5.png) no-repeat !important;  width:31px !important; height:31px !important;}
.erji_por_right_bttom_dianzhan{ cursor:pointer; background: #fff;border: 1px solid #d2d2d2; width: auto; padding: 0 7px; height: 28px; line-height: 30px; color: #c8c8c8;font-size: 14px; vertical-align: -2px; border-radius: 30px;text-align: center; margin: 0 2px; float:left; margin-top:5px;}
.erji_por_right_bttom_dianzhan.on{border: 1px solid #fdb822;color: #fdb822;}
.erji_por_right_bttom_dianzhan i{ background: url(/images/share.png) no-repeat; width:14px; height:12px;display: inline-block;  background-position: -248px 0;}
.erji_por_right_bttom_dianzhan i.on{ background-position: -277px 0;}

/*相关案例*/

.erji_about_sgcase{ width:100%; margin-top:13px;}
.erji_abput_sgcase_title{ height:40px; background:#00AAE7;}
.erji_abput_sgcase_title_son{ width:897px; margin:0 auto;}
.erji_abput_sgcase_title_son h3{ color:#FFF; font-weight:normal; font-size:18px; line-height:40px; float:left;} 
.erji_abput_sgcase_title_son p{ float:right; font-size:14px; color:#FFF; line-height:40px;}
.erji_about_sgcase_son{ background:#FFF; width:100%; min-height:202px; border-bottom:1px solid #C0C0C0;}
.erji_about_sgcase_soncon{ width:903px;}

.erji_about_sgcase_soncon ul li{ margin-top:20px; float:left; width:214px; height:159px; border:2px solid #C2C2C2; position:relative; border-radius: 2px; margin-right:14px;}
.erji_about_sgcase_sonimg{ width:214px; height:159px; overflow:hidden;}
.erji_about_sgcase_soncon ul{ width:928px; margin-left:23px;}
.erji_about_sgcase_sonimg img{ width:100%; height:100%;}
.erji_about_sgcase_zhezao{ position: absolute; left: 0px; bottom: 0px; height: 22px; background: url(/images/touming.png) repeat; width: 100%;}
.erji_about_sgcase_zhezao p{ line-height: 20px; text-align: center; color: #FFF; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:98%; margin:0 auto;}