*{ padding:0px; margin:0px;}
li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
img{display:block; border:none;}
img{max-width: 100%;}

.header, #nav li a, .banner .idxs li, #index1 .sublist ul li p a, .index1ri dl dt.one, .index1ri dl dt.two, .index1ri dl dt.three, .tab-hd li a, .tab-hd li .icon, .c_left a, .c_left span, .foot1 a span, #bottom a, #conbg ul li a, #index1 .tabbtn li a, .positon a.home-icon, .positon a.zi, .list .item h3, .picSlideWr .pon_box, .atte a, .page dl, .abview a, .sel_mask span, .sel_mask .list a, .toolbar .qq, .toolbar .top1, .toolbar .jisuanqi, .honor li .img, .honor li span, .prolist li .img1 img, #left .list .item, .index1ri .title
{-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
}

/*header*/
#header{z-index: 999;  width: 100%;  height:79px;}
.header{width:100%; height:79px; position:relative; z-index:9; background:#FFFFFF;}
.g-wrap {position: relative; margin: 0 auto; width: 1130px; height: 100%;}
.header .logo{float:left; padding:0; margin-top:17px;}
.header .head{ height:79px; float:right; }
.header .head .head-nav{float:left; position:relative; height:79px;}

#nav { height:90px; float:left;}
#nav li {float:left;}
#nav li a {font-size:13px; text-align:center; color:#666666; padding:34px 20px 0px; font-weight:bold; display:block;}
#nav li a:hover,#nav li.curr a{ color:#e62129;}
.header .head .head-nav .subline {height:2px; background: #e62129; position: absolute; bottom: 0; left: 0;}
	
#subNav {position:absolute; top:79px; left:0px; z-index:4; width:100%; height:50px; overflow: hidden;}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-100%; width:100%; background-color:rgba(0,0,0,0.6); overflow:hidden; padding-left: 7px; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .about {left:48.5%;}
#subNav .g-wrap .news {left:56.7%; }
#subNav .g-wrap .product {left:64.8%;}
#subNav .g-wrap .culture {left:73%;}
#subNav .g-wrap .join {left:73%;}
#subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
#subNav .g-wrap .on {top:0; z-index: 2;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-size:14px; line-height:50px; color:rgba(255,255,255,0.6); font-weight: bold; -webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#fff;}
#subNav .g-wrap .item #on { color: #fff;}
#subNav .g-wrap .item.on{ margin-top:90px;}


.header .head .head-btn{ float:right; height:79px;}
.header .head .head-btn .language{float:right; width:30px; padding-top:32px; height: 47px; position:relative;}
.header .head .head-btn .language .language-top{display:block; float: right;}
.header .head .head-btn .language .language-top img{ width:19px; height:20px;}
.header .head .head-btn .language .language-con{width:330px; height:50px;  position:absolute; right:0px; top:79px; background:rgba(0,0,0,0.5); box-sizing: border-box; display:none;}
.header .head .head-btn .language .language-con .in_txt{ width:260px; height:50px; float:left; line-height:50px; border:none; background:none; padding-left:20px; font-size:14px; color:rgba(255,255,255,0.4); outline:none;}
.header .head .head-btn .language .language-con .submit{ float:right; width:50px; height:50px; border:0px; background:url(../images/search1.png) center no-repeat; cursor:pointer; outline:none;}
.language-con input::-webkit-input-placeholder {color: rgba(255,255,255,0.4);}
.language-con input:-moz-placeholder {color: rgba(255,255,255,0.4);}
.language-con input::-moz-placeholder {color: rgba(255,255,255,0.4);}
.language-con input:-ms-input-placeholder {color: rgba(255,255,255,0.4);}

/*banner*/
.banner{width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.banner .pics{width:100%; overflow:hidden;}
.banner .pics li{width:100%; height:409px; display:flex; flex-direction:row; align-items:center; justify-content: center;}
.banner .pics li img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:409px; object-fit: cover; }
.w1200{ width:1130px; margin:0px auto; position:relative;}
.banner .idxs{position:absolute;right:0%;bottom:25px;}
.banner .idxs li{width:10px; height:10px; background:transparent; border-radius:14px; margin-right:10px; font-size: 0; float:left; border:2px solid #ffffff; cursor:pointer;}
.banner .idxs li.on{background:#ffffff; width:40px;}

.btns a {position: absolute; z-index: 20; top: 50%; margin-top: -32px; width: 50px; height: 50px; overflow: hidden; opacity: 0; filter: alpha(opacity=0);
  -webkit-transition: background-position .3s;
  -moz-transition: background-position .3s;
  -ms-transition: background-position .3s;
  -o-transition: background-position .3s;
  transition: background-position .3s;
}
.btns .prev {left: 120px; background: url(../images/icon_left.png) no-repeat left center;}
.btns .prev:after{content:" "; display:block; position:absolute; left:1px; top:50%; height:2px; margin-top: -1px; width:0; background:transparent;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
        transition: all .8s;
}
.btns .next {right: 120px; background: url(../images/icon_right.png) no-repeat right center;}
.btns .next:after{content:" "; display:block; position:absolute; right:1px; top:50%; height:2px; margin-top: -1px; width:0; background:transparent; 
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
        transition: all .8s;
}
.banner:hover .btns .prev{left:120px; opacity:1; filter:alpha(opacity=100);}
.banner:hover .btns .next{right:120px; opacity:1; filter:alpha(opacity=100);}
.btns .prev:hover:after,.btns .next:hover:after{background-color:#fff; width:70px;}

/*首页 第一部分*/
#index1{ width:1130px; margin:34px auto 36px auto;}
.index1ri{ float:left; width:500px;}
.index1ri .title{ color:#555555; font-size:18px; font-weight:bold;}
.index1ri .title:hover{ color:#e62129; }
.index1ri .index1js{ font-size:13px; color: rgba(85, 85, 85, .7); line-height:22px; padding-top:28px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }

/*首页 新闻*/
.index1le{ width:370px; float:left; margin-left:30px; position: relative;}
#index1 .tabbtn{ border-bottom:1px solid #eceff1;}
#index1 .tabbtn li {float:left; margin-right:40px;}
#index1 .tabbtn li a {color:#555555; font-size:15px;  display:block; padding-bottom:14px; font-weight: bold;}
#index1 .tabbtn li.on a {color:#e62129;}
#index1 .slider_index{ position: absolute; height: 2px; background: #e62129; top: 33px;}
#index1 .sublist{ padding-top:12px;}
#index1 .sublist ul li{ padding:1px 0px;}
#index1 .sublist ul li span{ color:#aaacb5; font-size:13px;}
#index1 .sublist ul li p{  white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; width:77%; color: rgba(85, 85, 85, .7); float:right;}
#index1 .sublist ul li p a{ font-size:13px; color:rgba(85, 85, 85, .7);}
#index1 .sublist ul li p a:hover{ color:#e62129;}

.index1cul{ float:right; width:200px; height:110px; display:block;}


/*首页 第二部分*/
#index2bg{ background:#e3e6e8;}
#index2{ width:1131px; margin:0px auto;}
.tab{ width:100%; height:165px; position:relative;}
.tab-hd {width:100%; overflow:hidden; zoom:1; position:absolute; left:0px; top:0px; z-index:9; display: flex; justify-content: space-between;}
.tab-hd li{ float:left; width:282px; height:165px; background:rgba(0,0,0,0.2); text-align:center; color:#ffffff; font-size:16px;}
.tab-hd li a{ display:block; height:100%; color:#ffffff; font-size:16px;}
.tab-hd li.active a{ background:rgba(230,33,41,0.9);}
.tab-hd li .icon{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.tab-hd li.active .icon{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);  /*兼容-webkit-引擎浏览器*/
    -moz-transform:scale(1.2);     /*兼容-moz-引擎浏览器*/
}
.tab-hd li img{width: 50px; height: 50px; margin-bottom: -5px;}

.tab-bd{position: absolute; top: 0; left: 0; width:100%; height:165px; overflow: hidden;}
.tab-bd li{ width: 100%; height:165px; position: absolute; left: 0; top: 0; opacity: 0;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s;
     -moz-transition: all 1s;
      -ms-transition: all 1s;
       -o-transition: all 1s;
          transition: all 1s;
}
.tab-bd li.active{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1;}
.tab-bd li.a{ background-image: url(../images/tbbg1.jpg)}
.tab-bd li.b{ background-image: url(../images/tbbg2.jpg)}
.tab-bd li.c{ background-image: url(../images/tbbg3.jpg)}
.tab-bd li.d{ background-image: url(../images/tbbg4.jpg)}

/*底部*/
#footbg{ border-top:1px solid #eeeeee; }
#foot{ width:1130px; margin:0px auto; padding:12px 0px 15px 0px;}
.foot1{ float:left; width:350px; position: relative;}
.foot1 .bdtitle{ color:#555555; font-size:13px; float:left; height:37px; line-height:37px;}
.foot1 a{float:left; cursor: pointer; width:37px; height:37px; display:block;}
.foot1 a span{width:37px; height:37px; display:block; float:left; }

.foot1 a.weixin span{background: url(../images/wechat.png);}
.foot1 a.weixin:hover span{ background: url(../images/wechat_on.png);}
.foot1 a.weixin{ margin:0px 13px;}
.foot1 a.douyin span{background: url(../images/wechat.png);}
.foot1 a.douyin:hover span{background: url(../images/wechat_on.png);}
.foot1 a.kuaishou{ margin:0px 13px;}
.foot1 a.kuaishou span{background: url(../images/kuaishou.png);}
.foot1 a.kuaishou:hover span{background: url(../images/kuaishou_on.png);}
.foot1 a.weibo span{background: url(../images/weibo.png);}
.foot1 a.weibo:hover span{background: url(../images/weibo_on.png);}


.foot1 .wxcode{ position:absolute; left:24px; top:-132px; display:none; z-index:99;}
.foot1 .dycode{ position:absolute; left:74px; top:-132px; display:none; z-index:99;}
.foot1 .kscode{ position:absolute; left:124px; top:-132px; display:none; z-index:99;}
.foot1 .wbcode{ position:absolute; left:174px; top:-132px; display:none; z-index:99;}
.foot1 .wbcode img{max-width: inherit;}


/*旗下网站*/
.sel_mask{ float:right; margin-top:11px; position:relative; width:76px;}
.sel_mask span{ float: left; color:#555555; font-size:13px;}
.sel_mask span:hover{ color: #e62129; cursor: pointer;}
.sel_mask img{float: right; margin-top: 4px;}
.sel_mask .list{ width:106px; position:absolute; display:none; z-index:1; top: 25px; max-height:87px; overflow-y:scroll; background:#e3e6e8; }
.sel_mask .list a{height:24px; text-align:left; line-height:24px;font-size:13px; color:rgba(85, 85, 85, .7); padding-left: 10px; display: block;}
.sel_mask .list a:first-child{padding-top: 10px;}
.sel_mask .list a:last-child{padding-bottom: 10px;}
.sel_mask .list a:hover{color: #e62129;}

#bottombg{ padding:30px 0px; background:#f2f2f2; border-top:1px solid #eeeeee; }
#bottom{ width:1130px; margin:0px auto; color:rgba(85,85,85,0.7); font-size:12px;}
#bottom .falv{ float:right; color:rgba(85,85,85,0.7);}
#bottom a{color:rgba(85,85,85,0.7);}
#bottom a:hover{ color:#555555;}

/*子页头部*/
#zybannerb{ width:100%; height:93px; background-repeat:no-repeat; background-position: center; background-attachment: fixed; }
#zybannerb img{ float:right; margin-top:41px;}
.ban-fadeInLeft1 {
  -webkit-animation-name: banImg_fadeInLeft1;
  animation-name: banImg_fadeInLeft1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@keyframes banImg_fadeInLeft1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
  
@-webkit-keyframes banImg_fadeInLeft1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

#conbg{ border-bottom:1px solid #eeeeee;}
.positon{ float:right; margin-top:17px;}
.positon a{ display:inline-block;}
.positon a.home-icon{position: relative; top: 1px; opacity: 1;}
/* .positon a.home-icon:hover{opacity: 1;} */
.positon a.zi, .positon span.zi{ background:url(../images/posj.png) 7px center no-repeat; padding-left:22px; color:rgba(85, 85, 85, 1); font-size:13px;}
.positon a.zi:hover{ color:#e6212a;}
#conbg ul li{ float:left; height:62px; margin-right:40px;}
#conbg ul li a{ display:block; text-align:center; line-height:61px; height:61px; color:#555555; font-size:13px; }
#conbg ul li a:hover,#conbg ul li a.active,#channelid #infosmallid21 a{ color:#e6212a;}
#conbg .sub_slider{ position: absolute; bottom: -1px; height: 2px; background: #e62129;}

/*子页右侧*/
#right{ width:296px; float:right; margin-top:30px;}
#right .leftcase{ margin-top:10px; display:block;}
#right .lefthistory{ margin-top:10px; display:block;}

/*子页左侧*/
#left{ width:787px; float:left; border-right:1px solid #eeeeee; padding:33px 23px 70px 0px;}
.abview{ color:rgba(85, 85, 85, .8); font-size:16px; line-height:28px; position: relative;}
.abview img{display: inline-block; max-width: 640px;}
.abview a{color:rgba(85, 85, 85, .8);}
.abview a:hover{color:#555555;}
#left .contitle{margin-bottom: 30px;}
#left .lmtit{ color: #fbd5d4; font-size: 59px; line-height: 59px;}
#left .wztit{ color:#333332; font-size:31px; font-weight:bold; margin-top: 6px;}
#left .entit{ color:#1a1a18; font-size:15px;}
#left .sctit{ color:#e1cfcd; font-size:41px; margin-top: 6px;}
.protitle{margin-top: 36px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee;}
.abview .message{position: absolute; right: 50px; top: 80px;}

/*新闻*/
#left .list{ margin-top:-3px;}
#left .list .item{padding-top:26px; padding-bottom:27px;}
#left .list .item:hover{background: #e1e1e1;}
#left .list .news-top{padding-top: 0px;}
#left .list .news-top:hover{background: none;}
#left .list .xian{ border-bottom:1px solid #eeeeee;}
#left .list .item a{display: block; width: 100%;}
#left .list .news-top-img{float: left;}
#left .list .news-top-cont{float: right; width: 415px; height: 218px; display: flex; flex-direction: column; justify-content: flex-end;}
#left .list .news-top-img img{width:350px;height:218px;display: block;float: left; object-fit: cover;}
#left .list .news-top-cont .time{color:#e4dcdc; font-size:60px; }
#left .list .news-top-cont h3{margin: 6px 0;}
#left .list .item .news-top-cont .txt{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-align: justify; text-align-last: justify;}

#left .list .item #ltime{ float:left; width:90px; height: 90px; background: #e1e1e1; margin-right:22px;}
#left .list .item #ltime .time .dtmd{ display: block; margin: 12px 0 3px 8px; color: #e6212a; font-size: 24px; font-weight: bold;}
#left .list .item #ltime .time .dtmym{ display: block; margin-left: 8px; color: #ffffff; font-size: 24px;}
#left .list .item h3{font-size:18px;color: #555555; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition: all ease 300ms; }
#left .list .item .author{color: rgba(85, 85, 85, .7); line-height: 22px; font-size: 13px; margin-top:2px; }
#left .list .item .txt{color: rgba(85, 85, 85, .7); line-height:22px; font-size:13px; margin-top:2px;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#left .list .item:hover h3{color: #e6212a;}

.ntime{  color:#e4dcdc; font-size:30px; line-height: 30px; padding-bottom: 3px; margin-top:-7px;}
.ntitle{ color:#555555; font-size:24px; font-weight:bold;}
.nauth{ font-size: 13px; color: rgba(85, 85, 85, .8); padding-top: 5px; padding-bottom:23px; border-bottom:1px solid #eeeeee; margin-bottom:23px;}


.page{width:100%; background:#e3e6e8; height:57px; line-height:57px; margin-top:60px; }
.page dl{ width:50%; display:inline-block; font-size:14px; color: rgba(85, 85, 85, .6); text-align:right;}
.page p a{color:rgba(85, 85, 85, .6); overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.page dl:hover{ background:#fb9f3a;}
.page dl:hover p a{ color:#FFFFFF;}
.page dl.one{ text-align:left;}
.page dl.two{ text-align:right;}
.page dl.one p{ background:url(../images/xleft.png) left center no-repeat; padding-left:27px; margin-left:20px; padding-right: 27px; overflow: hidden;}
.page dl.two p{ background:url(../images/xright.png) right center no-repeat; padding-right: 27px; margin-right:20px; padding-left: 27px; overflow: hidden;}
.page dl.one:hover p{ color:#FFFFFF; background:url(../images/xleft_on.png) left center no-repeat;}
.page dl.two:hover p{ color:#FFFFFF; background:url(../images/xright_on.png) right center no-repeat;}

/*地产开发详情*/
.picSlideWr{position:relative; height:430px; overflow:hidden; padding: 30px 0; border-bottom: 1px solid #eeeeee;}
.picSlideWr .bd li{float:left; margin-right:7px; height:430px; width:706px;}
.picSlideWr .bd li img{ height:430px; width:706px; object-fit: cover;}
.picSlideWr .pon_box{position:absolute; right:0; top:30px; z-index: 5; height:430px; width:417px; background: rgba(0,0,0,.63);}
.picSlideWr .pon_box:hover{ background: rgba(0,0,0,.53);}
.picSlideWr .pon_box .next{position:absolute; left:50%; top:50%; margin:-34px 0 0 -34px; width:68px; height:68px; background:url("../images/next.png") no-repeat center;}
.picSlideWr .pon_box:hover .next{background:url("../images/next_on.png") no-repeat center;}
.protitle p{color:#555555; font-size:24px; font-weight:bold; padding-bottom:4px; letter-spacing:4px; float: left; margin-right: 10px;}
.protitle span { float: left; color: #f48000; font-size: 13px; background: #feecd8; padding: 5px 12px; margin-left: -1px; border: 1px solid #f5d8b9; border-top: none; border-bottom: none; margin-top: 4px;}
.protitle .location2{ float: left; width: 30px; height: auto; padding-left: 10px; padding-top: 1px;}
.proadd{ color: #555555; font-size: 16px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee; padding-top: 7px;}
.txt_box{ color:rgba(85, 85, 85, .8); font-size:16px; line-height:28px; padding: 30px 0; border-bottom: 1px solid #eeeeee; }

/*地产开发列表*/
.prolist{margin-left:-20px; *zoom:1;_position:relative; *margin-left:-48px; margin-top:9px; margin-bottom: 70px;}
.prolist li{ width:363px; float:left; margin:17px 0px 17px 20px;}
.prolist li .img1{ width:363px; height:204px;}
.prolist li .img1 img{width:363px; height:204px;}
.prolist .di_wz{ margin-top:16px; margin-bottom:3px;}
.prolist .di_wz p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:60%; float:left; margin-right:9px;}
.prolist .di_wz p a{ color:#555555; font-size:18px; font-weight: bold;}
.prolist .di_wz p a:hover{ color: #e6212a;}
.prolist .di_wz span{ float:left; color:#f48000; font-size:13px; background:#feecd8; padding:5px 12px; margin-left:-1px; border: 1px solid #f5d8b9; border-top: none; border-bottom: none;}
.prolist .di_miao p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; color:rgba(85, 85, 85, .8); font-size:13px; line-height:23px;}
.prolist li .img1 img:hover{ filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4}

/*地产开发列表  项目筛选*/
#sjld{ margin-top:40px;}
.sjld_tit{ float:left; color:#555555; font-size:13px; line-height:32px; padding-right:20px;}
.option{ height:30px; line-height:30px; border:1px solid #eeeeee; display:inline-block; margin-right:10px; cursor:pointer; position:relative; padding: 0 20px;}
.option .list1{ width:calc(100% + 2px); position:absolute; left:-1px; display:none; z-index:1;}
.option .list1 li{ text-align:left; line-height:36px; background:#f0f0f0;  font-size:13px; color: rgba(85, 85, 85, .6); padding-left: 22px; border-bottom: 1px solid rgba(255, 255, 255, .7);}
.option .list1 li:last-child{border: none;}
.option .list1 li:hover{color: #fff;background: #fb9f3a;}
 /*.option.win2{width:120px;}
.option.win3{width:143px;}
.option.win4{width:120px;}*/
.option span{float:left; color: rgba(85, 85, 85, .6); font-size:13px;}
.option img{float:left; margin-top:12px; margin-left:10px;}


#allmap{ width:100%; height:260px; margin-top:30px;}

.pagelist{ text-align:center; color:#666666; font-size:14px; margin-top: 60px;}
.pagelist a{ color:#666666; font-size:14px; border:1px solid #eeeeee; display:inline-block; padding:6px 12px;}
.pagelist a:hover,.pagelist a.red{ background:#e6212a; border:1px solid #e6212a; color:#FFFFFF;}
.pagelist a:hover b,.pagelist a.red b{ font-weight:normal;}

/*资质荣誉*/
.honor{margin-left:-24px; *zoom:1;_position:relative; *margin-left:-48px; margin-top:-13px;}
.honor li{ width:243px; float:left; margin-left:24px; margin-top:20px;}
.honor li .img{ width:249px; height:167px; border:1px solid #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.honor li .img img{ width:247px; height:165px; border:2px solid #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.honor li span{ display:block; color:rgba(85, 85, 85, .6); font-size:13px; text-align:center; padding-top:9px; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; width:100%;}
.honor li a:hover .img{ border:1px solid #e6212a; -webkit-transform: scale(1.1); transform: scale(1.1);}
.honor li a:hover span{ color:#e6212a;}

/*发展历程*/
#history {height:500px; background-color:#ffc88c; overflow:hidden;}
#history .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; overflow:visible;}
#history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#history .viewport .prev {left: -57px;background-image:url(../images/btn_prev.png);}
#history .viewport .next {right: -57px;background-image:url(../images/btn_next.png);}
#history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#history .viewport .wrap .on {bottom:0;}
#history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0;}
#history .viewport .wrap .item div p {margin-bottom:20px; line-height:20px; color:#3c5d38; font-size: 13px;}
#history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font-size: 48px; color:#e6212a;}

/* toolbar */
.toolbar { display: block; width:40px; position: fixed; right: 40px; bottom: 40px; z-index: 999;}
.toolbar li{ width:40px; height:40px; margin-bottom: 1px; position: relative;}
.toolbar li i{ width:40px; height:40px; display: block; position: absolute; left: 0;top: 0; cursor: pointer; text-align: center;}
.toolbar .qq, .toolbar .top1, .toolbar .jisuanqi{ background-color:#f38086;}
.toolbar .qq span{ background:url(../images/kefu.png) no-repeat; width:26px; height:26px; margin:7px auto; display:block;}
.toolbar .top1 span{ background:url(../images/top.png) no-repeat; width:26px; height:14px; margin:13px auto; display:block;}
.toolbar .jisuanqi span{ background:url(../images/jisuanqi.png) no-repeat; width:20px; height:26px; margin:7px auto; display:block;}
.toolbar .qq:hover,.toolbar .top1:hover, .toolbar .jisuanqi:hover{background-color: #e6212a;}
.toolbar.middle{top:50%;}


/*百度地图周边*/
.fl{float:left;}
.fr{float:right;}
.map-box{margin-top:30px;width:1130px;height:350px;position:relative; margin-bottom:70px;}
.map-box #map{width:870px;height:350px;float:left;}
.map-box .map-label{height:55px;width:170px;position:absolute;background-image: url(../images/map-label-bg.png);background-repeat: no-repeat;background-position: bottom;}
.map-box .map-label h2{padding:0 5px;width:235px;color:#fff;overflow:hidden;text-align:center;font-size:16px;background-color: #e91c35;height:35px;line-height: 35px;}
.map-box .map-label .map-label-price{text-align:center;height:35px;color:#e91c35;line-height: 35px;font-size:14px;padding-right:33px;position:absolute;top:35px;width:100%; display: none;}
.map-box .map-label .map-label-price span{font-size:18px;color:#e91c35; display: none;}
.map-box .map-mart{font-size:12px;background-color: #fff;width:260px;height:350px;float:left;}
.map-box .map-mart .map-mart-title{height:45px;line-height: 45px;border-bottom:2px solid #e91c35;}
.map-box .map-mart .map-mart-title a{display:inline-block;width:47px;text-align: center;color:#425571;}
.map-box .map-mart .map-mart-title a.active{background-color: #e91c35;color:#fff;}
.map-box .map-mart .map-mart-lists{padding:0 15px;height:305px;overflow-y:auto;}
.map-box .map-mart .map-mart-lists li{height:50px;line-height: 50px;color:#425571;cursor:pointer;cursor:pointer;overflow: hidden;}
.map-box .map-mart .map-mart-lists li i{width:20px;height:60px;display:inline-block;vertical-align:top;background-image:url(../images/map-qipao.png);background-repeat:no-repeat;margin-right:5px;background-position:left center;text-align:center;color:#fff;}
.map-box .map-mart .map-mart-lists li .text{width:130px;display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.map-box .map-mart .map-mart-lists li .location-icon{display:inline-block;width:16px;height:16px;background-image: url(../images/location.png);background-repeat: no-repeat;vertical-align: middle;}

/* 在线招聘 */
.joblist{padding: 40px 0px 70px 0px; font-size: 13px; color: rgba(85, 85, 85, .8); line-height: 23px;}
.job_add table td{ padding: 10px 6px;}
.job_add table td a{color: #ff0000;}
.job_add table td input, .job_add table td select{padding: 4px 0;}
.job_add table td img{display: inline-block;}

.job_add .position-item { position: relative; padding: 30px; padding-bottom: 0; border: 1px solid #eee; border-radius: 4px; margin-bottom: 16px; font-size: 14px; color: #999; position: relative; line-height: 1;}
.job_add .position-item .position-name { font-size: 20px; color: #333; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.job_add .position-item .item-category {padding: 18px 0 14px;}
.job_add .position-item .btn-group { position: absolute; right: 15px; top: 30px; z-index: 1000; margin-bottom: 40px;}
.job_add .position-item .btn-group .button { height: 38px; line-height: 38px; border-radius: 4px; display: inline-block; background-color: #fff; margin-bottom: 10px; color: #e60012; padding: 0 20px; font-size: 14px; cursor: pointer; border: 1px solid #e60012;}
.job_add .position-item .time { padding-bottom: 30px; padding-left: 16px; position: relative;}
.job_add .position-item .item-detail { width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: #333; cursor: pointer; margin: 0 auto; border-top: 1px dashed #eee;}
.job_add .position-item .time:before { content: ""; width: 10px; height: 12px; position: absolute; left: 0; top: 1px; background: url(../images/publish-time.png) no-repeat center; background-size: contain;}
.job_add .position-item .item-category span{padding-right: 10px;}
.job_add .position-item .item-category span.city { position: relative; padding-left: 16px; max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.job_add .position-item .item-category span.city:before { position: absolute; content: ""; width: 10px; height: 12px; background: url(../images/city-icon.png) no-repeat center; background-size: cover; top: 3px; left: 0;}
.detail-society .detail-content { padding-top: 30px; padding-bottom: 30px;}
.detail-society .detail-content h3 { font-size: 18px; color: #333; padding-bottom: 2px; font-weight: 400;}
.detail-society .module-bd { word-break: break-all; font-size: 14px; color: #333; line-height: 34px;}

/* 弹窗 */
.modal-container { position: fixed; top: 0; left: 0; z-index: 10; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; background: hsla(0, 0%, 40%, .6);}
.modal-container:target { display: flex;}
.modal { width: 24rem; padding: 1rem .5rem; border-radius: .8rem; color: hsl(0, 0%, 100%); background: #e6212a; box-shadow: .4rem .4rem 2.4rem .2rem hsla(236, 50%, 50%, 0.3); position: relative; overflow: hidden;}
.modal__details { text-align: center; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid hsla(0, 0%, 100%, .4);}
.modal__title { font-size: 1rem;}
.modal__description { margin-top: 2rem; font-size: 1.6rem; font-style: italic;}
.modal__text { padding: 0 1rem; margin-bottom: 1rem; font-size: 1.6rem; line-height: 2; height: 17rem;}
.link-2 { width: 2rem; height: 2rem; border: 1px solid hsla(0, 0%, 100%, .4); border-radius: 100rem; color: inherit; font-size: 2.2rem; position: absolute; top: .7rem; right: 1rem; display: flex; justify-content: center; align-items: center; transition: .2s;}
.link-2::before { content: '×'; -webkit-transform: translateY(-.1rem); transform: translateY(-.1rem);}
.link-2:hover,.link-2:focus {	border-color: hsla(0, 0%, 100%, .6); -webkit-transform: translateY(-.2rem);	transform: translateY(-.2rem);}

/* 留言 */
.message_add{ font-size: 13px; color: #ffffff;}
.message_add td[align=left]{display: flex; align-items: center;}
.message_add input, .message_add textarea{ border: none; padding:.5rem; margin: .3rem 0; width: 80%;}
.message_add input {height: 1.8rem;}
.message_add input[name=txtcode]{width: 40%;}
.message_add #imgcode{display: inline-block;}
.message_add input[name=Submit], .message_add input[name=Submit2]{width: unset; height: unset; margin-top: 1rem; padding: .5rem 2rem;}

/* 计算器 */
div.mortgage { display: none; right: 50px; left: auto; bottom: 0; position: fixed; z-index: 999; background: #fff; box-shadow: 3px 3px 15px rgba(0,0,0,0.2),-3px -3px 15px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.1) inset; border-radius: 3px; padding: 0 10px; font-size: 14px; color: #333;}
div.mortgage h3 { font-size: 18px; font-weight: normal; padding: 20px 10px 10px; border-bottom: solid 1px #e5e5e5}
div.mortgage h3 i { margin: 0 10px 0 0}
.icon-calcutator { width: 20px; height: 26px; background: url(../images/jsq.png) no-repeat; display: inline-block; vertical-align: middle;}
div.mortgage h3 span { cursor: pointer; padding-bottom: 2px}
div.mortgage h3 span.over { border-bottom: solid 2px #e60012}
div.mortgage h3 a { float: right}
div.mortgage table { padding: 10px 0 15px; display: block}
div.mortgage table tr { height: 50px}
div.mortgage table tr th { width: 100px; text-align: right}
div.mortgage table tr td { position: relative}
div.mortgage table tr td select { width: 280px; height: 38px; border: 1px solid #e5e5e5; background: #f6f6f6}
div.mortgage table tr td input { width: 268px; height: 24px; border: 1px solid #e5e5e5; padding: 6px 5px; line-height: 1.2em;}
div.mortgage table tr td .rate { width: 129px; margin-right: 10px}
div.mortgage table tr td i { position: relative; right: 45px; color: #e60012; font-style: normal}
div.mortgage table tr td button { width: 380px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; margin: 0 10px; background: #e60012;	border: 0; display: block}
div.mortgage table .trsd { display: none}
div.mortgage table .trdouble { display: none}
div.mortgage table .radio { height: 30px}
div.mortgage table .radio label { width: 140px; display: inline-block; vertical-align: baseline;}
div.mortgage table .radio label input { width: 14px; height: 14px}
div.mortgage dl { width: 340px; border-top: solid 1px #e5e5e5; padding-top: 5px; margin: 0 auto 10px}
div.mortgage dl dt { width: 160px; line-height: 15px; padding: 5px 0; display: inline-block}
div.mortgage dl dt span { font-size: 12px; color: #999; display: block}
div.mortgage dl dd { width: 180px; float: right; line-height: 25px; text-align: right; display: inline-block;}
div.mortgage dl dd span { color: #e60012; padding: 0 10px}
div.mortgage .purchasing { display: none}
div.mortgage .purchasing th { width: 90px; font-weight: normal; padding-right: 15px}
div.mortgage .purchasing td #rg01 { background: transparent}
div.mortgage .purchasing td span { width: 200px; line-height: 15px; font-size: 12px; position: absolute; left: 20px; top: 10px; color: #d4d4d4; z-index: -1}
div.mortgage input, div.mortgage button { margin: 0; font-size: 12px; vertical-align: middle;}
div.mortgage input[type=radio], div.mortgage input[type=checkbox] {margin-right: 4px;}
div.mortgage .icon-calcutatorclose { width: 20px; height: 20px; background: url(../images/jsq_close.png); cursor: pointer;}