.contents{ margin:0 auto 0 auto; padding-top:34px;}




.lefts{ display:inline; float:left; width:890px; border:#e9e9e9 solid 1px; background:#fff;}
.rights{display:inline; float:right; width:296px; position:sticky; top:46px;z-index:200;}
.lefts_details{ display:inline; float:left; width:892px;}


.about_contents{ margin:0 auto 0 auto; max-width:1900px; min-width:1200px; background:#fff;}

.about_banner{ position:relative; margin:0 auto; max-width:1900px; min-width:1200px; height:576px; background:#e2cac3 url(../images/about/about_banner.jpg) no-repeat center bottom; z-index:1;}
.about_banner_news{ position:relative; margin:0 auto; max-width:1900px; min-width:1200px; height:576px; background:#e2cac3 url(../images/about/about_banner_news.jpg) no-repeat center bottom;z-index:1;}
.about_banner_worksite{ position:relative; margin:0 auto; max-width:1900px; min-width:1200px; height:576px; background:#e2cac3 url(../images/about/about_banner_worksite.jpg) no-repeat center bottom;z-index:1;}
.about_banner_brand{ position:relative; margin:0 auto; max-width:1900px; min-width:1200px; height:576px; background:#e2cac3 url(../images/about/about_banner_brand.jpg) no-repeat center bottom;z-index:1;}
.about_banner_join{ position:relative; margin:0 auto; max-width:1900px; min-width:1200px; height:576px; background:#e2cac3 url(../images/about/about_banner_join.jpg) no-repeat center bottom;z-index:1;}


.about_menu{ position:relative; margin-top:-165px; margin-bottom:119px;position:sticky; top:0; height:46px; background:#fff; max-width:1900px; min-width:1200px; z-index:200}

.about_menu dl{ display:block; margin:0 auto; width:1200px; height:46px; line-height:46px; text-align:center; font-size:0px;}
.about_menu dd{display:inline-block;*display:inline;*zoom:1; width:20%;}
.about_menu dd a{ display:block; width:100%; height:100%; font-size:18px; color:#000;}

.about_menu dd a{ display:block; width:100%; height:100%; font-size:18px; color:#000;}
.about_menu dd a:hover,.about_menu dd a.hover,.about_menu dd a:active{text-decoration:none; color:#fff; background:#f49727;}

.about_top{ padding-bottom:25px; height:68px; line-height:68px; position:relative ; text-align:center;}
.about_top:before{content: ""; margin-left:-26px;  position:absolute; bottom:0; left:50%;width:52px; height:10px; background: url(../images/about/about_top_ico.png) no-repeat;background-position:0 0}

.about_top h2{display:inline-block; font-size:36px; color:#171311; margin:0 auto; border-bottom:#171311 solid 1px;}
.about_title{margin:4px auto 0 auto; font-size:18px; color:#171311; text-align:center;}

.brand_top{ padding-top:30px; text-align:center;}
.brand_top h2{ font-size:36px; color:#f49727; margin:0 auto; }
.brand_title{margin:4px auto 0 auto; font-size:24px; color:#595959; text-align:center;}
.brand_img{margin:20px auto 0 auto; padding-bottom:60px; text-align:center; width:795px;}


.about_text{ margin:38px auto 53px auto; color:#171311; line-height:38px; width:932px;}
.about_pic{margin:0 auto 0 auto; width:1200px;}
.about_01{ padding-top:40px;}
.about_02{margin:50px auto 0 auto; height:671px;  background:url(../images/about/about_02.jpg) no-repeat center;}
.about_02 .about_top{ padding-top:40px;}
.about_02 .about_top:before{background: url(../images/about/about_top2_ico.png) no-repeat;}

.about_02 dl{margin:36px auto 0 auto; width:1200px; text-align:center;}
.about_02 dl dd{display:inline-block;*display:inline;*zoom:1; margin:0 11px; padding:20px 24px 0 24px;width:493px; background:#fff;}
.about_02 dl dd img{ width:493px; height:297px;}
.about_02 dl dd h4{ height:68px; line-height:68px; font-size:18px;}

.about_03{margin:61px auto 0 auto;width:1200px; padding-bottom:50px;}
.about_03 dl{margin:20px auto 0 auto; width:1200px; text-align:center;}
.about_03 dl dd{display:inline-block;*display:inline;*zoom:1; margin:0 11px;width:375px; cursor:pointer;}
.about_03 dl dd img{ width:375px; height:211px;}
.about_03 dl dd h4{ padding-top:20px; font-weight:normal;}


.about_04{margin:0 auto 0 auto; height:778px;  background:url(../images/about/about_04.jpg) no-repeat center;}
.about_04 .about_top{ padding-top:60px;}
.about_04 .about_top:before{background: url(../images/about/about_top2_ico.png) no-repeat;}
.about_04 dl{margin:36px auto 0 auto; width:1200px; text-align:center;}
.about_04 dl dd{display:inline-block;*display:inline;*zoom:1; margin:0 0;width:271px;}
.about_04 dl dd img{ width:241px; height:168px;}
.about_04 dl dd h4{ padding-top:11px; font-weight:normal;}
.about_04 .dlm{ margin-top:70px;}


.about_05{margin:50px auto 0 auto;}
.about_05 .about_pic{ padding:66px 0 40px 0;}


.ibm{ position:relative; margin:20px auto 0 auto; height:176px; width:1200px; z-index:10; background:#fff;}
.ibm_left{ position:absolute; left:0; top:0; width:238px; height:100%; background:url(../images/index/ibm_left.png) no-repeat left center; color:#fff; }
.ibm_left h2,.ibm_left h4{position:absolute;left:0; width:230px; text-align:center;}
.ibm_left h2{ top:50px; font-size:30px;}
.ibm_left h4{ top:102px; font-size:18px; font-weight:normal;}

.ibm_right{position:absolute; right:8px; top:8px; width:214px; height:160px; background:#f5f5f5 url(../images/index/ibm_right_ico.png) no-repeat center 24px;}
.ibm_right p{ padding-top:58px; width:100%; display:block; text-align:center; color:#999;}
.ibm_right strong{width:100%; display:block; text-align:center; font-size:36px;}
.ibm_right span{width:100%; display:block; text-align:center; color:#4b4948;}
.ibm_form{ padding-left:250px;}

.ibm_form h3{ display:block; padding:22px 0 18px 0; font-weight:normal;}
.ibm_form input[type="text"],.ibm_form input[type="tel"]{display:inline-block;*display:inline;*zoom:1; vertical-align:top; border:#cdcdcd solid 1px; padding-left:46px; text-align:left;width:299px;height:38px; line-height:38px;border-radius:0px; box-sizing:border-box; font-size:14px; color:#000;}


.ibm_form input.realname{ background:#fff url(../images/index/ibm_form_input.png) no-repeat left 0; }
.ibm_form input.telephone{ margin-left:14px;background:#fff url(../images/index/ibm_form_input.png) no-repeat left -38px;}
.ibm_form button,.ibm_form .bm_form_btn{ position:absolute; left:876px; top:62px; border:0; background:url(../images/index/ibm_btn.png) no-repeat center top; width:84px; height:96px;cursor:pointer; }



.istyles_dl{ display:block;font-size:12px;}
.istyles_dl input[type="checkbox"] {position:absolute;display:none;}
.istyles_dl input[type="checkbox"]+label{position:relative;display:inline-block;*display:inline;*zoom:1; margin:15px 4px 0 0; padding:0 13px; height:38px; line-height:38px; border:#a5a4a3 solid 1px; cursor: pointer;vertical-align:top;color:#25201f; background:#fff; text-align:center;}
.istyles_dl input[type="checkbox"]:checked+label{border:#f49727 solid 1px; background:#f49727;color:#fff; }



.designers_bm{ position:relative; min-height:380px; background:#88e6c9 url(../images/designers/designers_bmbg.png) no-repeat right top; color:#00b2a3;}
.designers_bm h2{ display:block; font-size:28px; line-height:30px; color:#fff; padding:16px 96px 0 16px;}
.designers_bm h5{ display:block; margin:10px auto 0 16px; width:120px; height:30px;  line-height:30px; background:#00b2a3; color:#fff; text-align:center; font-weight:normal;}
.designers_bm .jxcg_places{ margin-top:15px; height:35px; line-height:35px; text-align:center;}
.designers_bm .jxcg_places label{display:inline-block;*display:inline;*zoom:1; vertical-align:middle; margin:0 2px; font-size:24px;font-weight:400; width:25px; background:#ffda36; border-radius:5px; text-align:center;}

.designers_bm input[type="text"],.designers_bm input[type="tel"]{ margin:14px auto 0 auto; display:block; border:#fff solid 1px; padding-left:12px; text-align:left;width:196px;height:34px; border-radius:3px;}
.designers_bm button,.designers_bm .designers_bm_btn{  margin:16px auto 0 auto; display:block; border:0; width:208px; height:40px; line-height:40px; background:#f6363a; font-size:16px; text-align:center; color:#fff; cursor:pointer; border-radius:3px;}
.designers_bm p{ display:block; padding:12px 0 14px 0; text-align:center;}



.baike_list{}

.baike_list dl{ display:block; padding:28px 0 28px 0; border-bottom:#cdcdcd dotted 1px;}
.baike_list dt{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:270px; height:180px; margin-left:35px;}
.baike_list dt img{ width:100%; max-height:100%;}
.baike_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-left:34px; width:512px;}
.baike_list dd h4{ display:block; font-size:20px; color:#4b4948;font-weight:normal;}


.baike_list dd p{ display:block; padding:0px 0 8px 0; line-height:26px; color:#999;}
.baike_list dd span{ display:block;height:30px; line-height:30px;color:#999;}
.baike_list dd span i{ display:inline-block;*display:inline;*zoom:1; vertical-align:top;  font-style:normal;}
.baike_list dd span i.time{ padding-left:30px; background:url(../images/baike/baike_list_dd.png) no-repeat 0px -30px;}
.baike_list dd span i.views{ padding-left:26px; background:url(../images/baike/baike_list_dd.png) no-repeat 0px 0; padding-right:12px;}
.baike_list dd label{ padding-left:5px; color:#ea5504;}
.baike_list dd strong{ display:block; padding-top:3px;  font-size:12px;color:#4b4948; font-weight:normal;}


.baike_zhuanti{ margin-top:20px; background:#fff;}
.baike_zhuanti h2{ padding-left:33px; height:46px; line-height:46px; color:#5d5455;}
.baike_zhuanti img{width:296px; height:148px; }
.baike_zhuanti .swiper-container{margin: 0 auto; width:296px; height:196px; z-index: 1}
.baike_zhuanti .swiper-pagination{bottom: 60px;}
.baike_zhuanti .swiper-pagination-bullet{width: 15px; height: 15px; border-radius: 50%; background: #fff;}
.baike_zhuanti h4{ display:block; text-align:center; line-height:48px; color:#5d5455; font-size:16px;}


.baike_list dl{transition: all 0.3s;}
.baike_list dl:hover{ -moz-box-shadow: 2px 2px 6px #dcdcdc; -webkit-box-shadow: 2px 2px 6px #dcdcdc; box-shadow: 2px 2px 6px #dcdcdc;}


.details{ padding:20px 34px; background:#fff;  border:#e9e9e9 solid 1px;}
.details_title{ padding:26px 0 20px 0; color:#1d1d1d; font-size:24px;border-bottom:#e5e5e5 solid 1px;}
.title_detaileds{ position:relative;margin:15px auto 0 auto; padding-right:16%; padding-bottom:6px;width:84%;height:30px;line-height:30px; font-size:16px; color:#999999; text-align:left;}
.title_detaileds .author{color:#0091c9;}
.title_detaileds .views{color:#1235cb;}
.title_detaileds .time{color:#9a9a9a;}
.title_detaileds strong{color:#d47d4d;}
.title_detaileds .t_bdshare{ position:absolute; right:0; top:1px;}
.bdshare{margin:0 auto 0 auto;width:96%; }


.details_summary{margin-top:18px; border:#d1d1d1 solid 1px; padding:16px 25px; line-height:30px;}

.details_contents{margin-top:18px; min-height:420px; font-size:14px; line-height:28px; word-wrap:break-word;word-break:break-all;}
.details_contents img{ margin-top:15px; max-width:100%;}
.details_tag{margin-top:18px;}

.details_tips{margin-top:18px; padding:20px 34px; font-size:12px; background:#f5f5f5; color:#949494; line-height:24px;}


.previous,.next{margin:0 auto;padding:0 0 0 36px;text-align:left; font-size:16px; color:#a4a4a4; line-height:36px;}
.previous { margin-top:15px; background:#f5f5f5;}
.next{ background:#f5f5f5;}
.previous a{ color:#1b1b1b;}
.next a{ color:#1b1b1b;}
.previous strong,.next strong{ color:#0091c9;}

.baike_other{ margin:18px auto 0 auto;padding:20px 34px; background:#fff;  border:#e9e9e9 solid 1px;}
.baike_other h2{ display:block; padding-bottom:10px; font-size:16px; color:#5d5455;border-bottom:#e9e9e9 solid 1px;}

.baike_other_list{ margin-top:20px;}

.baike_other_list dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding:0 5px 0 20px; width:380px; line-height:30px;}
.baike_other_list dd h4{ float:left; color:#454545; font-weight:normal;}
.baike_other_list dd span{ float:right; color:#8b8b8b; }


.join{ padding:10px 0 30px 0; overflow:hidden;}
.join_list{ margin:28px auto 0 auto; width:782px;}

.join_list_top{ padding-left:24px; background:#f49727; height:40px; line-height:40px; font-weight:800; font-size:18px; color:#fff;}

.join_list>ul{ display:block; margin:18px auto; font-size:0px;}
.join_list>ul>li{display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding-left:30px; height:30px; line-height:30px; width:286px; font-size:16px; color:#595959;}

.join_list_contents{ padding:0 30px; font-size:14px; line-height:28px; word-wrap:break-word;word-break:break-all;}
.join_list_contents img{ margin-top:15px; max-width:100%;}


.join_tips{margin:18px auto 0 auto; padding:20px 30px;width:722px; font-size:14px; background:#f5f5f5; color:#949494; line-height:24px; border-radius:5px;}
.join_tips strong{ font-size:18px;color:#f49727;}


.dialog_video_overlay{position: fixed;z-index: 1000;top: 0;width:100%; height: 100%;background: rgba(0,0,0,.6);}

.dialog_video{ position:fixed; top:50%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#fff; border-radius:8px; 
padding:20px; width:800px; text-align:center; z-index:1001;
}
.dialog_video .dialog_video_close{ position:absolute; right:-30px; top:-30px; width:45px; height:45px; line-height:45px; text-align:center; border:#fff solid 3px;border-radius:100%; color:#fff; font-size:30px; background:#eb3941; font-weight:800;}