#banner {height:93px;}
#banner.new-banner {height:93px;}
#banner div {height:93px; background:no-repeat center 0;}
#banner.new-banner div {height:93px;}
#banner .about {background-image:url(../img/banner/about.jpg?v1);}
#banner .news {background-image:url(../img/banner/news.jpg?v1); }
#banner .tzbanner {background-image:url(../img/banner/tzbanner.jpg?v1); }
#banner .relation {background-image:url(../img/banner/relation.jpg?v1);}
#banner .service {background-image:url(../img/banner/service.jpg?v1); height: 93px}
#banner .citizen {background-image:url(../img/banner/citizen.jpg?v1);}
#banner .career {background-image:url(../img/banner/career.jpg?v1);}
#banner .suggest {background-image:url(../img/banner/suggest.jpg?v1);}
#banner .contact {background-image:url(../img/banner/contact.jpg?v1);}
#banner .happy {background-image:url(../img/banner/happy.jpg?v1);}
#banner .search {background-image:url(../img/banner/search.jpg?v1);}
#banner1 {height:379px;}
#banner1 div {height:379px; background:no-repeat center 0;}
#banner1 .service1 {background-image: url(../skt-img/b1.jpg); }
#banner1 .service2 {background-image: url(../skt-img/b2.jpg); }
#banner1 .service3 {background-image: url(../skt-img/b3.jpg); }
/*#content .nav {padding:26px 0; height:24px; border-bottom:1px solid #eaeaea; overflow:hidden;}*/
/*#content .nav {height:77px; border-bottom:1px solid #eaeaea;}*/
#content {
    overflow: visible;
}
/*产品服务页面5*/
.service_tit_fix{position:fixed; top:0px; z-index:999; margin-top:0 !important;height:77px;border-bottom: 1px solid #e4e4e4;  width:1680px; background-color:white; text-align:center;}
#fw_selected{ background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:#FFF;}
#content .nav1 {height:77px; border-bottom:1px solid #eaeaea;}
#content {+border-bottom:2px solid #c5c5c5;}
#content .nav1 .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../img/crumbs_icon.png) no-repeat 0 32px;}
#content .nav1 .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852;}
#content .nav1 .g-wrap .crumbs a.on {background:url(../img/crumbs_arrow.png) no-repeat 0 36px;}
.service_tit{float:right; height:100%;}
.service_tit a{position:relative; float:left; font-weight:bold; line-height:30px; color:#63666b; width:96px; margin-top:21px; text-align:center;-webkit-transition:color 500ms;transition:color 500ms;}
.fw_selected{ background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:#FFF;}
#content .nav1 .g-wrap .columns {float:right; height:100%;}
#content .nav1 .g-wrap .columns a {position:relative; float: left; font-weight:bold; line-height:30px; color:#63666b; width:98px; margin-top:21px; text-align:center;-webkit-transition:color 500ms;transition:color 500ms;font-size: 12px}
#content .nav1 .g-wrap .columns a span {position:absolute; right:0; bottom:0; width:0; height:2px; background-color:#f63b2e; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav1 .g-wrap .columns a.on,#content .nav1 .g-wrap .columns a.on:hover { background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:#FFF;}
#content .nav1 .g-wrap .columns a:hover{/* background:url(/images/subNav-bg.png) no-repeat 1px 1px;*/ color:#FF0000;}
.sub_on{ background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:white;}
/*产品服务页面5*/

/*产品服务页面1.2.3*/
/*.service_tit_fix{position:fixed; top:0px; z-index:999; margin-top:0 !important;height:77px;border-bottom: 1px solid #e4e4e4;  width:1680px; background-color:white; text-align:center;}
#fw_selected{ background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:#FFF;}
#content .nav1 {height:77px; border-bottom:1px solid #eaeaea;}
#content {+border-bottom:2px solid #c5c5c5;}
#content .nav1 .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../img/crumbs_icon.png) no-repeat 0 32px;}
#content .nav1 .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852;}
#content .nav1 .g-wrap .crumbs a.on {background:url(../img/crumbs_arrow.png) no-repeat 0 36px;}
#content .nav1 .g-wrap .columns {float:right; height:100%;}
#content .nav1 .g-wrap .columns a {position:relative; float:right; font-weight:bold; line-height:30px; color:#63666b; width:74px; margin-top:21px; text-align:center;-webkit-transition:color 500ms;transition:color 500ms;}
#content .nav1 .g-wrap .columns a span {position:absolute; right:0; bottom:0; width:0; height:2px; background-color:#f63b2e; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav1 .g-wrap .columns a.on,#content .nav1 .g-wrap .columns a.on:hover { background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:#FFF;}
#content .nav1 .g-wrap .columns a:hover{ color:#FF0000;}*/
/*产品服务页面1.2.3*/

/*#content .nav {padding:26px 0; height:24px; border-bottom:1px solid #eaeaea; overflow:hidden;}*/
#content .nav {height:77px; border-bottom:1px solid #eaeaea;}
#content {+border-bottom:2px solid #c5c5c5;}
/*#content .nav .g-wrap {overflow:visible;}*/
#content .nav .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../img/crumbs_icon.png) no-repeat 0 32px;}
#content .nav .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852;}
#content .nav .g-wrap .crumbs a.on {background:url(../img/crumbs_arrow.png) no-repeat 0 36px;}
#content .nav .g-wrap .columns {float:right; height:100%;}
/*#content .nav .g-wrap .columns a {position:relative; float:right; padding-left:30px; font-weight:bold; line-height:77px; color:#63666b; width:48px;}*/
#content .nav .g-wrap .columns a {position:relative; float:right; font-weight:bold; line-height:30px; color:#63666b; width:74px; margin-top:21px; text-align:center;-webkit-transition:color 500ms;transition:color 500ms;}
#content .nav .g-wrap .columns a span {position:absolute; right:0; bottom:0; width:0; height:2px; background-color:#f63b2e; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav .g-wrap .columns a.on span {/*left:15%; *//*width:60%;*/}
#content .nav .g-wrap .columns a.on,#content .nav .g-wrap .columns a.on:hover { background: url(../images/subNav-bg.png) no-repeat 1px -27px; color:#FFF;}
#content .nav .g-wrap .columns a:hover{/* background:url(/images/subNav-bg.png) no-repeat 1px 1px;*/ color:#FF0000;}

#main{background: url(/images/loading.gif) no-repeat 120px 120px;}
#left {float:left; padding:23px 23px 43px 0; width:784px; border-right:1px solid #eee; background-color:#FFF;}
#right {float:right; margin-left:-1px; padding:23px 0 43px 22px; width:299px; /*border-left:1px solid #eee;*/ min-height:900px;}

#footer {border-top:2px solid #c5c5c5; +border-top:0 none;}
#reference .g-wrap {overflow:visible;}
#reference .right {margin-top:-2px; height:66px; background:#f2f2f2 url(../images/bot-tel.png) no-repeat scroll 19px 21px; border-left:0 none; border-top:2px solid #F00; text-indent:23px; }
/*********** 复用 ***********/
#right > * {margin-bottom:12px;}
#right .pdf {padding:22px; background-color:#f4f4f6;}
#right .pdf .btn {margin-bottom:20px; padding:0 9px; height:43px; background:url(../img/news/p_3_5.jpg) no-repeat 0 0;}
#right .pdf .btn .download {float:left; width:122px; height:100%;}
#right .pdf .btn .read {float:right; width:97px; height:100%;}
#right .pdf .link-list a {line-height:18px; color:#5887f5;}
#right .pdf .link-list a:hover {color:#02a181;}
#right .pdf .link-list .top {margin-bottom:8px; font-size:18px; color:#02a181;}
#right .pdf .link-list .top:hover {color:#f63b2e}
#right > a {display:block;}
/*#right .run {display:block; height:110px; background:url(../img/news/p_3_6.jpg) no-repeat 0 0;}*/
/*#right .what {display:block; margin-top:9px; height:135px; background:url(../img/news/p_3_7.jpg) no-repeat 0 0;}*/

a.hover {overflow:hidden;}
a.hover img {width:100%; height:100%; /*-webkit-transition:margin 150ms, width 150ms, height 150ms;*/}
a.hover:hover img { margin-left:-1%; margin-top:-1%;width:102%; height:102%;}

/* 链接列表 */
.link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;}
.link-list a span {float:left; margin-right:15px;}
/* 日期块 */
.date-block {float:left; padding:0 10px; width:68px; height:88px; /*font:bold 14px/15px 'novecento' !important;*/ font-size:15px; color:#444; background-color:#e1e1e1;}
.date-block .day {display:block; margin:10px 0 3px 0; /*font:bold 36px/36px 'novecento' !important;*/font-size:36px; color:#e62b1e;}
/* 链接块 */
.link-block {border-top:1px dotted #ccc;}
.link-block a {display:block; padding:24px 24px 24px 0; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#e1e1e1;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:18px; width:640px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin-bottom:8px; line-height:26px;}
.link-block a h3 {margin:-4px 0; color:#746969; font-size:12px;}
.link-block a p {margin-top:8px; height:36px; line-height:18px; color:#746969; overflow:hidden; font-size:13px;}
/* 加载更多 */
input.more {display:block; width:100%; height:54px; background:#e1dede url(../img/btn_more_on.png) no-repeat center 15px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;}
input.more:hover {background-color:#e62b1e; background-image:url(../img/btn_more.png);}
/*metro ui*/
.metro {position:relative; margin-bottom:23px; height:386px;}
.metro a {position:absolute; top:0; left:0;}
.news-editor p img{ max-width:670px !important;}
 #happy-sungoin p img,#service-2 p img{ width:100%; height:auto; max-width:1680px;}
 #service-2 p{ margin-bottom:15px;}
/*********** 关于 ***********/
#about-1 .editor {padding-top:15px; color:#746969; background-color:#FFF; }
#about-1 .editor p {margin-bottom:15px; font-size:13px; line-height:25px;}
#about-1 .editor .datacal{height:44px; width:764px; line-height:40px; padding-left:20px; background-color:#4c5c98; border:1px solid #ccc; border-top:none;border-left:none; color:#cbd2d9;}
#about-1 .editor .service {
	margin-top: 45px;
    margin-bottom: 15px;
}
#about-1 .editor .service h1 {
	margin-bottom:28px; font-size:20px; font-weight:normal;
}

#about-1 .editor .service .video-wrap {
  width: 100%;
  height: 335px;
  background: #000;
  overflow: hidden;
}

#about-1 .editor .service .video-wrap .video-box {
  margin: 10px auto;
  width: 560px;
  height: 315px;
}

#about-1 .editor .service .video-wrap .video-bg {
  width: 100%;
  height: 100%;
  background-image: url(../img/about/video-bg-784.png);
  background-size: cover;
  position: relative;
}
.videos {
  margin-top: 25px;
}
.videos .row .item {
  width: 784px;
  height: 335px;
  background-color: #000;
  position: relative;
  background-size: cover;
}
.videos .row .item +.item {
  margin-top: 25px;
}
.videos .row .item .v-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 106px;
  height: 106px;
  background-image: url(../img/about/sungoin/v-btn-784.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -53px;
  margin-top: -53px;
  cursor: pointer;
}
.videos .row .item .v-btn:hover {
  opacity: .8;
  filter:alpha(opacity=80);
}
.videos .row .item .video-bg-inner {
  width: 784px;
  height: 335px;
  margin: 0 auto;
}
.videos .row .item.m1 .video-bg-inner {
  background-image: url(../img/about/sungoin/movie-1-784.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.videos .row .item.m2 .video-bg-inner {
  /* background-image: url(../img/about/sungoin/movie-2-784.png); */
  background-image: url(../img/about/sungoin/20230822.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.videos .row .item .video-box-inner {
  width: 784px;
  height: 335px;
  margin: 0 auto;
}

#about-1 .editor .service .video-wrap #video-btn {
  width: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -46px 0 0 -46px;
  cursor: pointer;
}

#about-1 .editor .service .video-wrap #video-btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* IE */
}



#about-1 .editor .cultrue{ margin-top:45px; margin-bottom:15px;}
#about-1 .editor .cultrue h1{ margin-bottom:28px; font-size:20px; font-weight:normal;}
#about-1 .editor .cultrue div p{ margin-bottom:15px; width:704px; margin-top:-5px;}
#about-1 .editor .cultrue div span{ font-size:18px; color:#fe0000; }
#about-1 .editor .hidden {display:none;}

#about-2 .tabMenu {margin:0 -5px 23px 0; height:57px; }
#about-2 .tabMenu a {float:left; width:195px; font-weight:bold; font-size:13px; line-height:57px; text-align:center; color:#63666b; background-color:#dcdde1; border-right:2px solid #fff; -webkit-transition:color 300ms, background-color 300ms;  transition:color 300ms, background-color 300ms;}
#about-2 .tabMenu a.on,
#about-2 .tabMenu a:hover {color:#dcdde1; background-color:#e62b1e;}
#about-2 .tabCont .item {display:none; overflow:hidden; -webkit-transtion:height 500ms; transtion:height 500ms;}
#about-2 .tabCont .item .subitem {margin-bottom:7px; height:209px; background-color:#f1eff1; overflow:hidden;}
#about-2 .tabCont .item .subitem img {float:left; margin-right:25px; width:154px; height:100%; }
#about-2 .tabCont .item .subitem h1 {margin:85px 0 10px 0; font-weight:bold; font-size:16px; color:#4c4c4c;}
#about-2 .tabCont .item .subitem p {padding-right:23px; line-height:18px; color:#4c4c4c;}
#about-3 .top {height:389px; background:#F1EFF2 url(../img/about/p_3_1.jpg) no-repeat 0 -1px;}
#about-3 .top .g-wrap .intro {position:absolute; top:100px; }
#about-3 .top .g-wrap .intro h1 {margin-bottom:10px; color:#e74e42;}
#about-3 .top .g-wrap .intro p {font-size:13px; color:#5e5e5e;}
#about-3 .top .g-wrap .cont-areas {position:absolute; top:200px;}
#about-3 .top .g-wrap .cont-areas .item {padding:6px 0; height:27px; color:#4d4852;}
#about-3 .top .g-wrap .cont-areas .item * {float:left; padding:7px 12px; font-weight:bold; font-size:13px; line-height:13px; }
#about-3 .top .g-wrap .cont-areas .item span {padding-left:0; color:#e74e42;}
#about-3 .top .g-wrap .cont-areas .item a {border-radius:30px; -webkit-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms;}
#about-3 .bottom {position:relative; height:446px; background:url(../img/about/p_3_2.jpg);}
#about-4 #history {height:700px; background-color:#87c97f; overflow:hidden;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; background:url(../img/about/p_1_1.png) no-repeat 2px 20px; overflow:visible;}
#about-4 #history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#about-4 #history .viewport .prev {left:-80px; background-image:url(../img/about/btn_prev.png);}
#about-4 #history .viewport .next {right:-80px;background-image:url(../img/about/btn_next.png);}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../img/about/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../img/about/p_4_2.png) no-repeat 0 0;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#3c5d38; font-size:13px; letter-spacing:1px;}
#about-4 #history .viewport .wrap .item div p.margin34{ margin-bottom:34px;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font-size:30px; color:#34772b;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}
/*********** 新闻 ***********/
    /* 公司动态 */
    #news-1 #left .headline {position:relative; margin-bottom:23px; background-color:#FFF; }
    #news-1 #left .headline img {margin-left:22px; float:right; width:362px; }
    #news-1 #left .headline .date {display:block; margin-bottom:16px; font-size:24px !important; color:#6d8ac4;}
    #news-1 #left .headline h1 {line-height:30px;}
    #news-1 #left .headline p {color:#777; margin:5px 0 7px; font-size:13px;}
    #news-1 #left .headline .resouce {position:absolute; left:0; bottom:0; width:399px; height:54px; background:url(../img/news/p_1_2.jpg) no-repeat 0 0;}
    #news-1 #left .headline .more {width:399px;}
    #right .special {display:block;}
    /* 子公司新闻 */
    /* 杂志专题 */
    /*#news-3 .metro {position:relative; height:386px;}
    #news-3 .metro a {position:absolute; top:0; left:0; background: no-repeat center center;  background-size:100% auto; transition:background-size 1000ms; -webkit-transition:background-size 300ms; -moz-transition:background-size 1000ms;}
    #news-3 #left .metro .a1 {width:458px; height:185px; background-image:url(../img/news/p_3_1.jpg);}
    #news-3 #left .metro .a2 {top:193px; width:458px; height:193px; background-image:url(../img/news/p_3_2.jpg);}
    #news-3 #left .metro .a3 {left:480px; width:304px; height:100%; background-image:url(../img/news/p_3_3.jpg);}
    #news-3 #left .metro a:hover {background-size:103% auto;}*/
    #news-3 .metro .a2 {top:193px;}
    #news-3 .metro .a3 {left:480px;}
    #news-3 #left .link-block {margin-top:22px;}
    /* 新闻详情 */
    #left .news-editor {position:relative; padding-left:106px; color:#746969; background-color:#FFF;}
    #left .news-editor .date-block {position:absolute; left:0; top:0;}
    /*#left .news-editor h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}*/
	#left .news-editor h2{ font-size:15px; color:#222; margin-bottom:10px;} 
    #left .news-editor h3 {margin:14px 0 25px 0; font-size:13px;}
    #left .news-editor p {margin-bottom:15px; color:#746969; font-size:13px;}
    
    #left .news-editor p.fwb {font-weight: bold;}
    p, span {font-family:'Microsoft Yahei'!important;}
    #left .news-editor .bshare-custom {margin-bottom:5px; height:20px; overflow:hidden;}
    #left .news-editor .bshare-custom a {float:left; padding:0; margin-right:5px; width:20px; height:20px; background:url(../img/news/share.jpg) no-repeat 0 0; overflow:hidden;}
    #left .news-editor .bshare-custom .bshare-weixin {background-position:-54px 0;}
    #left .news-editor .bshare-custom .bshare-sinaminiblog {background-position:-79px 0;}
    #left .news-editor .bshare-custom .bshare-qzone {background-position:-129px 0;}
    #left .news-editor .bshare-custom .bshare-qqim {background-position:-154px 0;}
    #left .relative-news {position:relative; border-top:2px solid #e8e6e6;}
    #left .relative-news .main-news {margin-bottom:-23px; padding:23px 16px 0 106px; width:302px; height:170px; border-right:1px dotted #ccc;}
    #left .relative-news .main-news .date-block {position:absolute; left:0; top:23px;}
    #left .relative-news .main-news h1 {margin-bottom:15px; height:44px; line-height:22px;}
    #left .relative-news .main-news p {line-height:20px; color:#777;}
    #left .relative-news .main-news .detail {display:block; line-height:20px; color:#e62b1e;}
    #left .relative-news .link-list {position:absolute; top:24px; left:443px; width:340px; line-height:20px;}
    #left .relative-news .link-list h1 {margin-bottom:39px;}
    #left .relative-news .link-list a {color:#777;}
	#left .relative-news .link-list a:hover{ color:#FF0000;}

/*********** 投资者关系 ***********/
    /*公用*/
    #left .stock .menu {position:absolute; bottom:0; left:0; width:100%; height:45px; background-color:#4C5C99;}
    #left .stock .menu .wrap {float:right; height:100%;}
    #left .stock .menu .wrap a {float:left; width:90px; height:100%; font-size:13px; line-height:45px; text-align:center; color:#acb7c8;}
    #left .stock .menu .wrap a.on {background-color:#2b3459;}
    #left .stock {position:relative; margin-bottom:23px; width:100%; height:218px; background-color:#2b3459;}
    #left .stock .item {display:none; position:absolute; left:106px; top:30px; width:678px; height:130px;}
    #left .stock .item table {width:678px; height:84px;}
    #left .stock .item table .tit {font-size:13px; color:#c3cbd4;}
    #left .stock .item table .tit span {margin-left:2px; font:bold 13px/13px 'novecento' !important;}
    #left .stock .item table .data td {font:bold 30px/70px "dincond", "Microsoft Yahei" !important; color:#919191;}
    #left .stock .item table .data td span {font-family:'dincond'!important;}
    #left .stock .item table .data .red {color:#e62b1e;}
    #left .stock .item table .data td span {float:left;}
    #left .stock .item table .data .green {color:#00A352;}
    #left .stock .item table .data td .num {font-size:60px;}
    #left .stock .item table .data td .icon {margin:0 6px 0 0px; width:16px; height:70px; line-height:0; font-size:0; background:no-repeat 0 44px;}
    #left .stock .item table .data .red .icon {background-image:url(../img/relation/icon_stock_up.png);}
    #left .stock .item table .data .green .icon {background-image:url(../img/relation/icon_stock_down.png)}
    #left .stock .item table .data td .unit {margin-top:30px; font-size:30px; line-height:30px;}
    #left .stock .item p {margin-top:7px; color:#c3cbd4; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; filter:alpha(50);}

    .citizenship_content div {
      color: #746969;
      line-height: 22px;
      margin-bottom: 15px;
    }
    .citizenship_content a {color:#e62b1e;}
    .citizenship_content p {clear:both; width:633px;}

    /* 最新公告 */
    #relation-1 .link-block a {background:#fff url(../img/citizen/icon_pdf.png) no-repeat 707px 43px;}
    #relation-1 .link-block a:hover {background-color:#e1e1e1; background-image:url(../img/citizen/icon_pdf_on.png);}
    #relation-1 .link-block a .summary {width:570px;}
    /* 财务信息 */
    /* 投资者来访 */
    .divSelect {position:relative; cursor:pointer;}
    .divSelect .caption {height:100%;}
    .divSelect ul {display:none; position:absolute; z-index:999; width:100%; overflow:hidden;}
    /*.divSelect ul li:hover {background-color:#FFF;}*/
    .divSelect select {display:none;}

    #relation-3 .top {margin-bottom:12px; height:310px; background:url(../img/relation/p_3_1.jpg) no-repeat 0 0;}
    #relation-3 .fill {position:relative; padding:25px 23px 25px 0; height:502px; color:#6c6c6c; background:url(../img/relation/p_3_2.jpg) no-repeat 0 0;}
    #relation-3 .fill .prompt {position:absolute; left:34px; top:46px; width:220px; font-size:12px; line-height:18px; color:#3b4971;}
    #relation-3 .fill .prompt span {font-size:15px;}
    #relation-3 .fill .item {float:right; margin-bottom:8px; padding-left:22px; width:434px; height:55px; line-height:55px;  background-color:#fff;}
    #relation-3 .fill .textarea {height:133px;}
    #relation-3 .fill .item .divSelect,
    #relation-3 .fill .item input,
    #relation-3 .fill .item textarea {float:right; margin:0; padding:0 23px; width:257px; height:55px; color:#6c6c6c; background-color:#fff;}
    #relation-3 .fill .item .divSelect {padding:0; width:303px; background:#fff;}
    #relation-3 .fill .item .divSelect p {line-height:53px; text-indent:27px; background:url(../img/relation/slidedown.jpg) no-repeat right 0;}
    #relation-3 .fill .item .divSelect ul {padding:10px 0; width:301px; background-color:#eee; border:1px solid #d3d3d2; border-top:0 none;}
    #relation-3 .fill .item .divSelect ul li {height:33px; line-height:33px; padding:0 23px;}
    #relation-3 .fill .item .divSelect ul li:hover {background-color:#cdcdcd;}
    #relation-3 .fill .item textarea {padding:23px; border:0 none; width:255px; height:87px; resize:none;}
    #relation-3 .submit {float:right; margin-top:6px; width:456px; height:53px; background:#74bd42 url(../img/relation/submit.png) no-repeat center 10px; cursor:pointer;}
    /* 公司治理 */
    #relation-4 .link-block a {padding-right:0;}
    #relation-4 .link-block a .summary {margin-left:0; width:100%;}
/*********** 产品服务 ***********/
/* 三号住宅 */
.family{ position:relative; overflow:hidden;}
.family-bg{ position:absolute; bottom:0;opacity:.5;width:100%;background-color:#c11d1d; height:34px; -ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”; filter: alpha(opacity=50); }
.family-word{ position:absolute; bottom:0;  font-size:14px; width:100%; height:34px; line-height:34px;   }
.family-word span{ padding-left:30px; color:#FFF;}
#service-1 .tabMenu {height:108px; border:1px solid #e5e5e5; border-right:0 none;}
#service-1 .tabMenu a {position:relative; float:left; width:260px; height:100%; border-right:1px solid #e5e5e5;  -webkit-transition:background-color 400ms; transition:background-color 400ms;}
#service-1 .tabMenu a span {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 93px 40px; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms; text-align:center; line-height:108px; font-size:20px;}
#service-1 .tabMenu a span.on {-webkit-opacity:0; opacity:0; display:none\9; color:#FFF;}
#service-1 .tabMenu a span.off {background-color:#FFF;}
/*#service-1 .tabMenu .a2 span.off {background-image:url(../img/service/p_1_m2.png);}
#service-1 .tabMenu .a3 span.off {background-image:url(../img/service/p_1_m3.png);}
*/#service-1 .tabMenu .a1 span.on {background-color:#feac00;}
#service-1 .tabMenu .a2 span.on {background-color:#4957af;}
#service-1 .tabMenu .a3 span.on {background-color:#4aa9bd;}
#service-1 .tabMenu .a11 span.on {background-color:#4c8ffa;}
#service-1 .tabMenu .a22 span.on {background-color:#ff7e00;}
#service-1 .tabMenu .a33 span.on {background-color:#95c809;}
#service-1 .tabMenu a.on span.on {-webkit-opacity:1; opacity:1; display:block\9;}
#service-1 .tabMenu a.on span.off {-webkit-opacity:0; opacity:0; display:none\9;}
#service-1 .tabMenu .a1.on {background-color:#007cff;}
#service-1 .tabMenu .a2.on {background-color:#ff7e00;}
#service-1 .tabMenu .a3.on {background-color:#95c808;}
#service-1 .tabCont{background: #f1eff2; padding-top: 48px; padding-left:25px; padding-right:25px;}
#service-1 .tabCont .item {display:none; padding-bottom:50px;}
#service-1 .tabCont .i1 {display:block;}
#service-1 .tabCont h1{ font-size:16px; color:#333; font-weight:normal; margin-top:25px; margin-bottom:10px; letter-spacing:1px;}
#service-1 .tabCont .i3 h1{ margin-top:0;}
#service-1 .tabCont p{ color:#666; font-size:12px;}

#service-1 p{ margin-bottom:18px;}
/* 城市配套服务商 */
#service-2 .wrap { padding-left:38px; background-color:#f7f7f7; color:#666;}
#service-2 .wrap .intro {padding:170px 30px 24px 0; background:url(../img/service/p_2_tit.jpg) no-repeat 0 48px;}
#service-2 .wrap .intro p {line-height:20px;}
#service-2 .wrap span {display:block; font-size:15px; line-height:26px; color:#666;}
#service-2 .wrap .items .prompt {margin-bottom:10px;}
#service-2 .wrap .items .item {margin-bottom:10px; height:201px;}
#service-2 .wrap .items .item img {float:left; width:459px; height:100%;}
#service-2 .wrap .items .item p {float:right; padding-left:23px; width:264px; height:100%; line-height:18px; background-color:#dbe0eb;}
#service-2 .wrap .items .item .tit {margin:20px 0 10px 0; font-size:16px;}
/* 绿色建筑 */
#service-3 .editor {padding: 48px; width: 689px; background: #f7f7f7;}
/*********** 企业公民 ***********/
/* 社会责任报告 */
#citizen-1 .metro .a2 {top:193px;}
#citizen-1 .metro .a3 {top:0px; left:481px;}
#citizen-1 .metro .a4 {left:480px;}
    /*   backup
    #citizen-1 .link-block {margin-top:23px;}
    #citizen-1 .link-block a {background:#fff url(../img/citizen/icon_pdf.png) no-repeat 707px 43px;}
    #citizen-1 .link-block a:hover {background-color:#e8e6e6; background-image:url(../img/citizen/icon_pdf_on.png);}
    #citizen-1 .link-block a .summary {width:570px;}*/

/* 志愿者活动 */
#right a {position:relative;}
#right a span {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 0 0; -webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 500ms; transition:opacity 500ms;}
#right a:hover span {-webkit-opacity:1; opacity:1; display:block\9;}
#right .volunteers_a1 span {background-image:url(../img/citizen/p_2_m1.jpg);}
#right .volunteers_a2 span {background-image:url(../img/citizen/p_2_m2.jpg);}
#right .volunteers_a3 span {background-image:url(../img/citizen/p_2_m3.jpg);}
#right .addr-link{ border:1px solid #cae1e7;}
#right .addr-link a{ display:block; padding-bottom:11px; padding-left:11px; padding-top:11px; cursor:pointer;}
#right .addr-link a.sh{ border-bottom:1px solid #cae1e7; border-top:1px solid #cae1e7;}
#right .addr-link a.bj{ border-top:1px solid #cae1e7;}
#right .addr-link a.gz{ border-bottom:1px solid #cae1e7;}
#right .addr-link p.addr-tit{ font-size:26px; line-height:normal; color:#fd5236; font-weight:lighter; margin-bottom:4px;}
#right .addr-link p{ line-height:15px; padding-left:10px; color:#666; font-size:12px; margin-bottom:0;}

/*********** 加入 ***********/
#career-1 {position:relative; height:625px; background:#f1eff1 url(../career/img/career25-bg.png) no-repeat center 72px;}
#career-1 #main {position:relative; background:none;}
#career-1 .editor {padding-top:75px;}
#career-1 .editor h1 {margin-bottom:25px; color:#ff0000; font-weight:bold;}
#career-1 .editor p {color:#595757; line-height:25px;}

#career-1 .subjects {position:absolute; left:0; bottom:27px; margin-right:-20px; width:auto; height:149px;}
#career-1 .subjects a {float:left; margin-right:15px; width:366px; height:100%;}
#career-1 .flower {display:none; position:absolute; right:-128px; bottom:160px;}
/*********** 投诉建议 ***********/
#suggest-1 .top {height:389px; background:#F1EFF2 url(../img/suggest/p_1_1.jpg) no-repeat center -1px;}
#suggest-1 .top .g-wrap .intro {position:absolute; top:95px; }
#suggest-1 .top .g-wrap .intro h1 {margin-bottom:10px; color:#e74e42;}
#suggest-1 .top .g-wrap .intro p {font-size:13px; color:#5e5e5e;}
#suggest-1 .top .g-wrap .cont-areas {position:absolute; top:200px;}
#suggest-1 .top .g-wrap .cont-areas .item {padding:6px 0; height:27px; color:#4d4852;}
#suggest-1 .top .g-wrap .cont-areas .item * {float:left; padding:7px 12px; font-weight:bold; font-size:13px; line-height:13px; }
#suggest-1 .top .g-wrap .cont-areas .item span {padding-left:0; color:#e74e42;}
#suggest-1 .top .g-wrap .cont-areas .item a {+color:#4d4852; border-radius:30px; -webkit-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms;}
#suggest-1 .top .g-wrap .cont-areas .item a.on,
#suggest-1 .top .g-wrap .cont-areas .item a:hover {color:#fff; background-color:#aaa;}
#suggest-1 .bottom {position:relative; height:447px; background-color:#2b3056;}
/*********** 联系我们 ***********/
#contact-1 .cont-info {position:relative;height:485px; background:#f1eff1 url(../career/img/contactbg-1.png) no-repeat center 1px;}
#contact-1 .cont-info .contacts {position:absolute; top:75px;}
#contact-1 .cont-info .c1 {left:0; width:100%;}
#contact-1 .cont-info .c2 {left:468px; width:663px;}
#contact-1 .cont-info .contacts .menu {height:57px; border-bottom:1px solid #cfb3a8;}
#contact-1 .cont-info .c2 .menu {margin-right:-35px;}
#contact-1 .cont-info .contacts .menu a {float:left; margin-right:35px; font-weight:bold; font-size:13px; line-height:57px; color:#564f4a;}
#contact-1 .cont-info .contacts .menu .on {border-bottom:1px solid #e32235;}
#contact-1 .cont-info .contacts .cont {position:relative; height:147px;}
#contact-1 .cont-info .contacts .cont .subitem {display:; position:absolute; top:75px; left:0; width:100%; height:127px;}
#contact-1 .cont-info .contacts .cont .subitem * {font-size:12px; color:#666;}
#contact-1 .cont-info .contacts .cont .subitem h1 {font-size:16px; margin-bottom:30px; color:#333;}
#contact-1 .cont-info .contacts .cont .subitem p span{ display:inline-block;*display:inline; *zoom:1; float:left;}
#contact-1 .cont-areas {position:relative; height:240px; color:#ffeec7; background:#e74e42 url(../img/contact/p_1_2_bg.jpg) repeat-x 0 125px;}

#contact-1 .cont-areas .belong {position:absolute; top:36px; left:0; height:49px;}
#contact-1 .cont-areas .belong a {+color:#ffeec7; float:left; margin-right:50px;padding:16px 35px; font-size:15px; line-height:13px; border:2px solid #e74e42; border-radius:30px;border-color:#fee8c2;}
#contact-1 .cont-areas .belong a.on {border-color:#fee8c2;background-color:#ffeec7; color:#e74d41;}
#contact-1 .cont-areas .belong a:hover{ background-color:#ffeec7;color:#e74d41;}

#contact-1 .cont-areas .comps {position:absolute; left:0; top:150px; width:100%; height:108px;}
#contact-1 .cont-areas .comps .item{display:none; }

/*#contact-1 .cont-areas .comps .items-2{ padding-left:278px;} 
#contact-1 .cont-areas .comps .items-3{ padding-left:546px;;} 
#contact-1 .cont-areas .comps .items-4{ padding-left:829px;;}*/
/*#contact-1 .cont-areas .comps .on {display:block;}*/
#contact-1 .cont-areas .comps .item .subitem {float:left; padding-right:40px;}
#contact-1 .cont-areas .comps .item .nofloat {float:none; clear:both; }
#contact-1 .cont-areas .comps .item .subitem * { padding:4px 12px; font-size:14px;  line-height:22px; }
#contact-1 .cont-areas .comps .item .subitem span {padding-left:0;}
#contact-1 .cont-areas .comps .item .subitem p{}
#contact-1 .cont-areas .comps .item .subitem a {+color:#ffeec7; border-radius:30px; -webkit-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms;border-color:#fee8c2;}
#contact-1 .cont-areas .comps .item .subitem a.on,
#contact-1 .cont-areas .comps .item .subitem a:hover {color:#e74e42; background-color:#ffeec7;}

#contact-1 .cont-areas .addrs {position:absolute; left:0; top:270px; width:100%; height:90px; color:#ffeec7;}
#contact-1 .cont-areas .addrs .item {display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
#contact-1 .cont-areas .addrs .item .subitem {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
#contact-1 .cont-areas .addrs .item .subitem h1 {font-weight:normal; font-size:20px; line-height:29px; color:#ffeec7;}
#contact-1 .cont-areas .addrs .item .subitem p {line-height:29px;}
#contact-1 .cont-areas .addrs .item .subitem a {display:inline-block; padding-left:35px; line-height:29px; background:url(../img/contact/p_1_2_icon.png) no-repeat 0 0;}
/*********** 幸福尚景 ***********/
#about-6 .cont-info {position:relative;height:389px; background:#f1eff1 url(../img/about/p_6_1.jpg) no-repeat center 0;}
#about-6 .cont-info .contacts {position:absolute; top:75px;}
#about-6 .cont-info .c1 {left:0; width:675px;}
#about-6 .cont-info .c2 {left:468px; width:663px;}
#about-6 .cont-info .contacts .menu {height:57px; border-bottom:1px solid #cfb3a8;}
#about-6 .cont-info .c2 .menu {margin-right:-35px;}
#about-6 .cont-info .contacts .menu a {float:left; margin-right:35px; font-weight:bold; font-size:13px; line-height:57px; color:#564f4a;}
#about-6 .cont-info .contacts .menu .on {border-bottom:1px solid #e32235;}
#about-6 .cont-info .contacts .cont {position:relative; height:147px;}
#about-6 .cont-info .contacts .cont .subitem {display:; position:absolute; top:72px; left:0; width:100%; height:127px;}
#about-6 .cont-info .contacts .cont .subitem * {font-size:12px; color:#666;}
#about-6 .cont-info .contacts .cont .subitem h1 {font-size:18px; margin-bottom:30px; color:#fe0000; font-weight:bold;}
#about-6 .cont-areas {position:relative; height:108px; color:#ffeec7; background:#e74e42 url(../img/contact/p_1_2_bg.jpg) repeat-x 0 125px;}

#about-6 .cont-areas .belong {position:absolute; top:36px; left:0; height:49px;}
#about-6 .cont-areas .belong a {+color:#ffeec7; float:left; margin-right:58px; padding:16px 35px; font-size:15px; line-height:13px; border:2px solid #e74e42; border-radius:30px;border-color:#fee8c2;}
#about-6 .cont-areas .belong a.on {border-color:#fee8c2;background-color:#ffeec7; color:#e74d41;}
#about-6 .cont-areas .belong a:hover{ background-color:#ffeec7;color:#e74d41;}

/*#about-6 .cont-areas .comps {position:absolute; left:0; top:170px; width:100%; height:108px;}*/
#about-6 .cont-areas .comps { width:100%; height:108px;}
#about-6 .cont-areas .comps .item .subitem {
	margin-top: 45px;
}
#about-6 .cont-areas .comps .item {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
/*#about-6 .cont-areas .comps .on {display:block;}*/
/*#about-6 .cont-areas .comps .item .subitem {height:27px;}*/
#about-6 .cont-areas .comps .item .subitem * { padding:4px 11px; font-size:15px;  line-height:22px; }
#about-6 .cont-areas .comps .item .subitem span {padding-left:0;}
#about-6 .cont-areas .comps .item .subitem p{}
#about-6 .cont-areas .comps .item .subitem a {+color:#ffeec7; border-radius:30px; /*-webkit-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms;*/ margin-right:0;}
#about-6 .cont-areas .comps .item .subitem a.on,
#about-6 .cont-areas .comps .item .subitem a:hover {color:#e74e42; background-color:#ffeec7;}

#about-6 .cont-areas .addrs {position:absolute; left:0; top:270px; width:100%; height:90px; color:#ffeec7;}
#about-6 .cont-areas .addrs .item {display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
#about-6 .cont-areas .addrs .item .subitem {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
#about-6 .cont-areas .addrs .item .subitem h1 {font-weight:normal; font-size:20px; line-height:29px; color:#ffeec7;}
#about-6 .cont-areas .addrs .item .subitem p {line-height:29px;}
#about-6 .cont-areas .addrs .item .subitem a {display:inline-block; padding-left:35px; line-height:29px; background:url(../img/contact/p_1_2_icon.png) no-repeat 0 0;}
/*********** 搜索结果 ***********/
#search {margin-bottom:36px;}
#search .prompt {position:relative; margin-bottom:23px; height:160px; background:url(../img/search/p_1_1.jpg) no-repeat center 4px;}
#search .prompt p {position:absolute; bottom:15px; right:0; font-size:14px; color:#746969;}
#search .prompt p span {font-size:14px; color:#f10;}
#search .link-block a {padding:24px 5px; height:auto;}

/*********** 登陆 & 注册 ***********/
#volunteer #left .wrap {position:relative; height:382px; background-color:#f0ede7; color:#9e7e6b;}
#volunteer #left .wrap * {position:absolute; top:0; left:50%; text-align:center;}
#volunteer #left p {width:300px; margin-left:-150px;}
#volunteer #left .wrap .welcomes {top:60px; margin-left:-150px; width:300px; font:bold 30px/30px 'dincond', 'Microsoft Yahei'!important; color:#224241;}
#volunteer #left .wrap .welcomes span {position:static; font-weight:normal; font-size:16px; color:#9e7e6b;}

#volunteer #left .btn,
#volunteer #left .fill {display:block; padding:0 10px; height:44px; font-size:14px; line-height:44px; text-align:center; color:#4c4c4c; background-color:#f0ede7; border:2px solid #e62b1e; border-radius:30px;}
#volunteer #left .btn.on {color:#fff; background-color:#e62b1e;}
#volunteer #left .long {margin-left:-111px; width:198px;}
#volunteer #left .longer {margin-left:-120px; width:241px;}
#volunteer #left .normal {margin-left:-111px; width:122px;}
#volunteer #left .short {margin-left:-111px; width:70px;}
#volunteer #left input.fill {padding:1px 11px; background-color:#fff; border:1px solid #d4d4d3;}
#volunteer #left input.btn {margin-left:-109px; padding:0; width:218px; line-height:0; cursor:pointer;}

#volunteer #left .guide .a1 {top:165px;}
#volunteer #left .guide .a2 {top:229px;}
#volunteer #left .register .i1 {top:127px;}
#volunteer #left .register .i2 {top:191px;}
#volunteer #left .register .code {top:191px; margin-left:-12px;}
#volunteer #left .register .i3 {top:255px;}
#volunteer #left .register .prompt {top:322px;}
#volunteer #left .register .prompt a {position:static; font-weight:bold; color:#e62b1e;}
#volunteer #left .register .reference,
#volunteer #left .login .reference    {top:25px; left:auto; right:22px; padding:0 40px 0 0; width:75px; height:34px; line-height:17px; text-align:right; background:url(../img/login/icon_refer.png) no-repeat right 0;}
#volunteer #left .login p {top:70px; font-size:16px;}
#volunteer #left .login .i1 {top:108px;}
#volunteer #left .login .i2 {top:172px;}
#volunteer #left .login .i3 {top:236px;}
#volunteer #left .login a {top:305px;}
#volunteer #left .login a {font-size:13px; margin-left:-30px; width:60px;}
#volunteer #left .register-fill {height:700px;}
#volunteer #left .register-fill p span {display:block; position:static; font-size:14px;}
#volunteer #left .register-fill input {margin-left:-209px;}
#volunteer #left .register-fill .i1 {top:160px;}
#volunteer #left .register-fill .i2 {top:160px; margin-left:-56px;}
#volunteer #left .register-fill .i3 {top:224px;}
#volunteer #left .register-fill .i4 {top:288px; width:394px;}
#volunteer #left .register-fill .i5 {top:354px;}
#volunteer #left .register-fill .i6 {top:354px; margin-left:20px; width:165px;}
#volunteer #left .register-fill .i7 {top:418px;}
#volunteer #left .register-fill .i8 {top:482px;}
#volunteer #left .register-fill .i9 {top:546px; width:268px;}
#volunteer #left .register-fill .i10 {top:610px; width:414px;}
#volunteer #left .register-fill .d1 {top:224px;}
#volunteer #left .register-fill .d2 {top:482px;}
#volunteer #left .register-fill .file {top:546px; margin-left:-209px; width:418px; height:48px;}
#volunteer #left .register-fill .file .f1 {top:0; left:0; margin-left:0; padding:1px 10px; width:268px; border:1px solid #d4d4d3; background-color:#fff; overflow:hidden;}
#volunteer #left .register-fill .file .f2 {left:auto; top:0; right:0; z-index:1; margin-left:0; width:119px;  height:48px; background-color:#b2a593; border-radius:30px; border:0 none;}
#volunteer #left .register-fill .file .f3 {left:auto; top:0; right:0; z-index:2; outline:1px solid blue;width:119px;  height:48px; border-radius:30px; cursor:pointer; -webkit-opacity:0; opacity:0; display:none\9;}

#volunteer #left .register-fill p {top:60px; font-size:16px;}
#volunteer #left .wrap .divSelect {margin-left:20px; width:189px; height:48px; border-radius:30px; background:#dbd5cc url(..img//login/divSlct_icon_2.png) no-repeat 150px 19px;}
#volunteer #left .wrap .divSelect * {margin-left:0; left:0; border-radius:30px;}
#volunteer #left .wrap .divSelect .caption {top:0; left:0; width:100%; height:100%; font-size:14px; line-height:48px;}
#volunteer #left .wrap .divSelect ul {position:absolute; left:19px; top:50px; padding:15px 0; width:150px; background-color:#dbd5cc; border-radius:10px;}
#volunteer #left .wrap .divSelect ul li {position:static; width:100%; height:35px; line-height:35px;}
#volunteer #left .wrap .divSelect ul li:hover {background-color:#aaa; color:#fff;}
#volunteer #left .email-fill p {top:60px; font-size:16px;}
#volunteer #left .email-fill .fill {top:100px;}
#volunteer #left .email-fill .i2 {top:164px;}
#volunteer #left .email-fill #yzm {top:164px;}
#volunteer #left .email-fill .btn {top:228px;}
#volunteer #left .email-send p {top:60px; font-size:16px; }
#volunteer #left .email-send .mail {top:100px; color:#e62b1e;}
#volunteer #left .email-send .btn  {top:150px;}

/* 用户中心 */
#volunteer #left .user {padding:39px 29px; background-color:#f0ede7; color:#9e7e6b;}
#volunteer #left .user .tabs {height:49px;}
#volunteer #left .user .tabs a {float:left; margin-right:6px; width:168px; height:45px; font-size:14px; line-height:45px; text-align:center; color:#9e7e6b; border:2px solid #d1c9c9; border-radius:30px;}
#volunteer #left .user .tabs a.on,
#volunteer #left .user .tabs a:hover {color:#fff; background-color:#e62b1e; border-color:#e62b1e;}
#volunteer #left .user .conts .item {display:none; position:relative;}
#volunteer #left .user .conts .item input {position:absolute; left:50%;}
#volunteer #left .user .conts .item-1 {height:600px;}
#volunteer #left .user .conts .item-2 {padding-bottom:100px; height:500px;}
#volunteer #left .user .conts .item-3 {height:600px;}
#volunteer #left .user .conts .item-1 p {position:absolute; left:50%; margin-left:-250px; width:420px; height:48px; line-height:48px;}
#volunteer #left .user .conts .item-1 p * {position:static;}
#volunteer #left .user .conts .item-1 p .label {float:left; width:100px; text-align:right;}
#volunteer #left .user .conts .item-1 p .cont {float:right; width:292px; height:100%; text-indent:35px;  background-color:#fff; border-radius:30px; }
#volunteer #left .user .conts .item-1 p span.cont {background-color:#e0ddd8;}
#volunteer #left .user .conts .item-1 .p1 {top:53px;}
#volunteer #left .user .conts .item-1 .p2 {top:109px;}
#volunteer #left .user .conts .item-1 .p3 {top:164px;}
#volunteer #left .user .conts .item-1 .p4 {top:220px;}
#volunteer #left .user .conts .item-1 .p5 {top:276px;}
#volunteer #left .user .conts .item-1 .p6 {top:332px;}
#volunteer #left .user .conts .item-1 .p7 {top:388px;}
#volunteer #left .user .conts .item-1 .p8 {top:444px;}
#volunteer #left .user .conts .item-1 .p9 {top:536px;}
#volunteer #left .user .conts .item-2 table {margin-top:40px; width:100%; border-collapse:collapse;}
#volunteer #left .user .conts .item-2 table tr {height:78px; color:#6d6861; border-bottom:1px solid #c3c1be;}
#volunteer #left .user .conts .item-2 table tr.thead {background-color:#c3c1be; color:#fff;}
#volunteer #left .user .conts .item-2 table td {line-height:78px; text-align:center;}
#volunteer #left .user .conts .item-2 .pages {position:absolute; right:36px; bottom:30px; padding-right:108px; height:34px; font:22px/34px "Arial", "Microsoft Yahei", sans-serif; line-height:34px; font-size:22px; color:#555; background:url(../img/login/user_2_btns.png) no-repeat right 0;}
#volunteer #left .user .conts .item-2 .pages .curr {color:#e62b1e;}
#volunteer #left .user .conts .item-2 .pages a {position:absolute; top:0; width:34px; height:100%;}
#volunteer #left .user .conts .item-2 .pages .prev {right:49px;}
#volunteer #left .user .conts .item-2 .pages .next {right:0;}
#volunteer #left .user .conts .item-3 .i1 {top:92px;}
#volunteer #left .user .conts .item-3 .i2 {top:153px;}
#volunteer #left .user .conts .item-3 .i3 {top:214px;}
#volunteer #left .user .conts .item-3 .i4 {top:275px;}
#volunteer #right .user-welcomes {position:relative; height:195px; background:#ffd900 url(../img/login/user_icon.png) no-repeat 32px 27px;}
#volunteer #right .user-welcomes p {position:absolute; top:27px; left:95px; font-size:14px; color:#3e3f41;}
#volunteer #right .user-welcomes input {position:absolute; top:100px; left:50%; margin-left:-33px; width:66px; height:31px; color:#e1dede; background-color:#686a6a; cursor:pointer;}

/*职位申请*/
#left .bg-none{ background:#f2f4fa none ; padding-top:0;font-size:14px; color:#333; padding-bottom:45px;}
#left .bg-color{background:#f1eff2 none ; padding-top:37px; padding-left:49px; padding-bottom:37px;font-size:14px;}
#left .bg-color p{ margin:0; color:#666; font-size:12px;}
#left .bg-color p span a{ color:#FF0000; text-decoration:underline;}
#left .invant{width:100%; height:auto; background-color:#f2f4fa; text-align:left;}
#left .invant h1{ border-bottom:1px dashed #ccc; padding-top:26px; padding-bottom:20px; text-align:center;}
.job-wrap{ width:690px; margin:0 auto;}
.job-wrap .form-tit{ height:50px; line-height:50px;  padding:20px 0;}
.job-wrap .form-tit span{ font-size:14px; vertical-align:middle;}
.job-wrap .form-tit input{ width:205px;  padding-top:10px; padding-bottom:10px; margin-left:30px; border:1px solid #ccc; text-indent:3px; line-height:20px;}
.f-l{ float:left;}
.f-r{ float:right;}
.job-wrap .form-con ul li{ margin-top:15px;}
.job-wrap .form-con textarea{ width:684px; height:120px; resize:none; max-height:120px; max-width:684px; overflow:auto; border-width:1px; border-color:#ccc !important;}
.job-wrap .form-bot{ margin-top:15px;}
.uploadfile{ margin-top:20px;}
.uploadfile span.jl-name{ background:url(/career/img/jl-ico.png) no-repeat; padding-left:27px; margin-left:30px; padding-top:5px;}
.uploadfile span.jl-jdt{ display:inline-block; padding:1px; border:1px solid #36be79; text-align:center; margin-left:40px;}
.uploadfile span#percent{ width:123px; display:inline-block; font-size:12px; background-color:#36be79; color:#FFF;}
.uploadfile span.jl-delete{ margin-left:15px;}
.uploadfile span.jl-delete a,.uploadfile span.jl-download a{ color:#36be79; cursor:pointer;}
.uploadfile span.jl-delete a:hover,.uploadfile span.jl-download a:hover{ color:#FF0000;}
.uploadbtn{ display:inline-block; width:104px; height:45px; background-color:#648389; color:#FFF; border-radius:5px; font-size:16px; cursor:pointer;}
.uploadbtn:hover,.submitbtn:hover{ opacity:.8; filter: alpha(opacity=80);}
input.submitbtn{ display:block; width:165px; height:47px; line-height:47px; text-align:center; border:none; margin-left:auto; margin-right:auto; margin-top:50px;  background-color:#fe0000; color:#FFF; font-size:16px; cursor:pointer;}

/*职位搜索*/
#left .bg-invant{ background:#FFF none ; padding-top:0;font-size:14px; color:#333; padding-bottom:45px;}
#left .bg-color{background:#f1eff2 none ; padding-top:37px; padding-left:49px; padding-bottom:37px;font-size:14px;}
#left .bg-color p{ margin:0; color:#666; font-size:12px;}
#left .bg-color p span a{ color:#FF0000; text-decoration:none;}

.num-wrap{ border-top:1px solid #c4c4c4;border-left:1px solid #c4c4c4;}
.num_con_tit a{ display:inline-block; float:left; width:260px; height:44px; line-height:44px; text-align:center; border-top:none; border-left:none; border-bottom:1px solid #c4c4c4;border-right:1px solid #c4c4c4; margin:0; font-size:13px;}
.num_con_tit a:hover{ cursor:pointer; background-color:#eeebeb;}
.num_con_tit a span.f-l{ padding-left:20px;}
.num_con_tit a span.f-r{ padding-right:20px;}
.num_con_tit a.active{ background-color:#4aa9bd; color:#FFF;}
.f-l{ float:left;}
.f-r{ float:right;}
.line{ width:100%; height:1px; border-bottom:1px dashed #c4c4c4; padding-top:30px; margin-bottom:30px;}
.tab-con h1,.tab-con h2{ font-size:24px; color:#333; font-weight:normal; padding-top:5px;}
.tab-con h2{ font-size:16px; margin-top:35px; margin-left:-9px; padding-bottom:5px;}
.tab-con ul li{ margin-top:10px; line-height:20px; font-size:13px; color:#666;}
.submitbtn:hover{ opacity:.8; filter: alpha(opacity=80);}
input.submitbtn{ display:block; width:165px; height:47px; line-height:47px; text-align:center; border:none; margin-left:auto; margin-right:auto; margin-top:50px;  background-color:#fe0000; color:#FFF; font-size:16px; cursor:pointer;}

@media screen and (max-width:1230px) {
	#about-4 #history .viewport{ width:848px; overflow:hidden;}
	#about-4 #history .viewport .prev{left:0px;}
	#about-4 #history .viewport .next{ right:0px;}
	}

/*新页面内容*/
/*#jinru{ cursor:pointer;}
.ser_box{ width:960px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.ser_left{ width:335px; height:auto; float:left; display:none; }
.ser_left2{ width:335px; height:auto; float:left; display:none; }
.ser_left1{ width:335px; height:auto; float:left; display:none; }
.ser_right{ width:460px; float:right; height: auto;}
.change_content{ display:none;}
.change_content2{ display:none; }
.change_content3{ display:none;}
.skt1{ margin-right:20px; margin-top:110px; margin-bottom:70px;}
.skt{ font-size:40px; color:#FF0000; line-height:60px; font-weight:normal; margin-top:10px; margin-bottom:20px;}
.syq{ font-size:16px;  line-height:26px; color:#565656; margin-bottom:15px; margin-left:10px; background-color:#d9d9d9; padding-left:5px; padding-right:5px;}
.syq_content{font-size:16px; color:#777; line-height:30px; width:420px; }
.syh{ font-size:16px;  line-height:26px; color:white; margin-bottom:15px;margin-left:10px; background-color:#ff0000; padding-left:5px; padding-right:5px;}
.pic_box_6{ margin-top:25px;width:530px; height:auto;}
.pic_box_3{ margin-top:40px;width:530px; height:auto;}
.pic_box_5{ margin-top:40px;width:530px; height:auto;}
.content_6{ width:102px; float:left;margin-right:73px; margin-bottom:30px;}
.xs{ font-size:13px; color:#afaeae; width:102px; text-align:center; line-height:40px; }
.ser_left1{ margin-bottom:80px; width:335px; float:right;}
.ser_right1{ width:530px; float:left; height:660px;}
.over{ font-size:13px; color:#FF0000;width:102px; text-align:center; line-height:40px; }*/


/*新页面内容*/
#jinru{ cursor:pointer;}
.ser_box{ width:960px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.ser_left{ width:335px; height:auto; float:left; display:none; }
.ser_left2{ width:335px; height:auto; float:left; display:none; }
.ser_left1{ width:335px; height:auto; float:left; display:none; }
.ser_right{ width:460px; float:right; height: auto;}
.change_content{ display:none;}
.change_content2{ display:none; }
.change_content3{ display:none;}
.skt1{ margin-right:20px; margin-top:110px; margin-bottom:70px;}
.skt{ font-size:42px; color:#FF0000; line-height:44px; font-weight:normal; margin-top:110px; }
.syq{ font-size:28px;  line-height:30px; color:#565656; margin-bottom:10px; margin-left:10px;}
.syq_content{font-size:13px; color:#777; line-height:30px; width:470px; /* border:1px solid red;*/ margin-top:10px; margin-bottom:30px;margin-left:10px;}
.syh{ font-size:28px;  line-height:30px; color:#ff0000; margin-bottom:10px;margin-left:10px;}
.pic_box_6{ margin-top:40px;width:530px; height:auto;}
.pic_box_3{ margin-top:40px;width:530px; height:auto;}
.pic_box_5{ margin-top:40px;width:530px; height:auto;}
.content_6{ width:102px; float:left;margin-right:73px; margin-bottom:30px;}
.xs{ font-size:13px; color:#afaeae; width:102px; text-align:center; line-height:40px; }
.ser_left1{ margin-bottom:80px; width:335px; float:right;}
.ser_right1{ width:530px; float:left; height:660px;}
.over{ font-size:13px; color:#FF0000;width:102px; text-align:center; line-height:40px; }

/*.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

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


.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
*/

.sb {
	vertical-align: super;
}