html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
@media only screen and (min-width: 1200px) {
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
p {line-height:22px; text-align:justify;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/*.ttop { width:1420px; border:1px solid #cdcdcd;}*/
}
@media only screen and (max-width: 1200px) {
body {margin:0 auto; font:normal 75% "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:1.33em; line-height:1.33em; color:#474545;}
h3 {font-weight:normal; font-size:1em; color:#746969;}
p {line-height:1.83em; text-align:justify;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:1.33em; font-family:inherit;}
body { min-width:780px; +overflow:hidden; background: url(../img/bg.jpg) repeat-x;}
.ttop { width:780px; border:1px solid #cdcdcd;}
}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
a img, iframe {border:none;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/
/* == 以上 reset Css == */
/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-family:"微软雅黑","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
@media only screen and (min-width: 1200px) {
td{ vertical-align:center; font-size:12px;}
body{ background:#fff;}
}
@media only screen and (max-width: 1200px) {
td{ vertical-align:center; font-size:1em;}
}
/* 页面基本元素
-------------------------------------------------------------- */
/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; color:#097CCF;}
/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.ovh{overflow:hidden;}
/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
/* float style */
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.rel{position:relative;}
/* display style */
.db{display:block;}
.dn{display:none;}
.di{display:inline;}
.dib{display:inline-block;}
/* padding style */
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.plr20{padding-left:20px;padding-right:20px;}
.plr30{padding-left:30px;padding-right:30px;}
.plr40{padding-left:40px;padding-right:40px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb100{padding-bottom:100px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb15{padding-top:15px;padding-bottom:15px;}
.ptb20{padding-top:20px;padding-bottom:20px;}
/* margin style */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml34{margin-left:34px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr25{margin-right:25px;}
.mr33{margin-right:33px;}
.mlr5{margin-left:5px;margin-right:5px;}
.mlr10{margin-left:10px;margin-right:10px;}
.mlr15{margin-left:15px;margin-right:15px;}
.mlr20{margin-left:20px;margin-right:20px;}
.mlr30{margin-left:20px;margin-right:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mtb5{margin-top:5px;margin-bottom:5px;}
.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb15{margin-top:15px;margin-bottom:15px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mlra{margin: 0 auto;}
/* color style */
.white{color:#fff;}
.red{color:#f00;}
.green{color:#390}
.black{color:#000;}
.gray{ color:#999;}
.darkgray{color:#666;}
.orange{color:#ff9900;}
.blue{color:#0063b0;}
.c666{color: #666}
.c333{color: #333}
.c999{color: #999}
.ycyellow {color: #D1AD00;}
.ycred {color: #D60010;}
/* text align style */
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.ti2em{text-indent:2em !important;}
.tlf{table-layout:fixed !important;}
.nowrap{white-space:nowrap !important;;word-break:normal !important;}
/* font-size - font-famiyl - font-weight line-height*/
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.far{font-family:Arial;/*Arial*/}
.fst{font-family:'\5B8B\4F53';/*SimSun*/}
.fht{font-family:'\9ED1\4F53';/*SimHei*/}
.fyh{font-family:'\5fae\8f6f\96c5\9ed1';/*Microsoft Yahei*/}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.lh1{line-height: 1}
/* blank style */
.blank5{clear:both;display:block;height:5px;overflow:hidden;}
.blank10{clear:both;display:block;height:10px;overflow:hidden;}
.blank15{clear:both;display:block;height:15px;overflow:hidden;}
.blank20{clear:both;display:block;height:20px;overflow:hidden;}
.blank50{clear:both;display:block;height:50px;overflow:hidden;}
.bd1{border-bottom: 1px solid #eaeaea;clear:both;display:block;height:1px;overflow:hidden;}
.bb1c{border-bottom: 1px solid #cccccc}
.bt1c{border-bottom: 1px solid #cccccc}
.W3000 { width:3000px; }
.w100 { width:100%; }
.h100 { height:100%; }
/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 1200px) {
/* 主体内容开始
-------------------------------------------------------------- */
.ym { float:left;width:100%;text-align:center;}
.page { margin: 0 auto; width:100%; height: auto; }
#content{ width:100%;}
#content a:hover{color:#097CCF;}
#content {position:relative; overflow:hidden;border-bottom:2px solid #c5c5c5;}
#content .nav {height:77px; border-bottom:1px solid #eaeaea;}
#content .nav .g-wrap .crumbs {float:left; padding-left:10%; height:100%;}
#content .nav .g-wrap .crumbs a {float:left; padding:0; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852; font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif}
#content .nav .g-wrap .crumbs a.on {background:url(../img/news/crumbs_arrow.png) no-repeat 0 36px;}
#content .nav .g-wrap .columns {float:right; height:100%; padding-right:10%;}
#content .nav .g-wrap .columns a {position:relative; float:left; margin-left:30px; font-weight:bold; line-height:77px; color:#63666b;font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif}
#content .nav .g-wrap .columns a span {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#D1AD00; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav .g-wrap .columns a.on span {/*left:15%; */width:100%;}
#banner {height:93px;}
#banner div {height:93px; background:no-repeat center 0;}
#banner .about {background-image:url(../img/banner/about.jpg);}
#banner .news {background-image:url(../img/banner/news.jpg);}
#banner .relation {background-image:url(../img/banner/relation.jpg);}
#banner .service {background-image:url(../img/banner/service.jpg);}
#banner .citizen {background-image:url(../img/banner/citizen.jpg);}
#banner .career {background-image:url(../img/banner/career.jpg);}
#banner .suggest {background-image:url(../img/banner/suggest.jpg);}
#banner .contact {background-image:url(../img/banner/contact.jpg);}
#banner .search {background-image:url(../img/banner/search.jpg);}
.g-wrap {position:relative; margin:0 auto; width:100%; height:100%; overflow:hidden;}
#about-1 .editor {padding:63px 10% 0; color:#746969; background:url(../img/news/since.png) no-repeat 10% 10px;}
#about-1 .editor p {margin-bottom:15px;}
#about-1 .editor .hidden {display:none;}
p, span {font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;}
.main{margin:0 auto; width:980px; margin-bottom:10px; /*overflow:hidden; */}
#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:12px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #D60010;color:#FFF;font-size:12px;}
#pages span {background: #D60010;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}
/* 主页
-------------------------------------------------------------- */
#kinMaxShow{visibility:hidden;width:100%; height:328px; overflow:hidden; }
#kinMaxShowa{visibility:hidden;width:867px; height:283px; overflow:hidden; margin:0 auto; }
#kinMaxShowb{visibility:hidden;width:926px; height:316px; overflow:hidden; margin:0 auto; }
/*--- 关于裕昌 ---*/
.navbg { background:url(../img/news/nbga.jpg) repeat-x; width:100%; height:50px; margin:0 auto;}
.navn { width:982px; margin:0 auto; position:relative;}
.navbt { float:left; background:url(../img/navjian3.jpg) no-repeat left; line-height:47px; font-size:16px; color:#333333; padding-left:30px;}
.navbt a { font-size:16px; color:#333333; }
.nynav { float:right;right:0; top:0;}
.nynav ul li { float:left; line-height:50px; color:#8d8d8d; font-size:14px; width:94px; text-align:center;}
.nynav ul li a { display:block; font-size:14px;color:#8d8d8d; padding-bottom:4px;}
.nynav ul li a:hover { background:url(../img/navnvbg.png) no-repeat; display: block; color:#fff;}
.nynav ul li a.dq { background:url(../img/news/nvbg.png) no-repeat; display: block; color:#fff;}
.ngsbg { background:width:100%; margin:0 auto; padding-top:34px; background-color:#F3F3F5; padding-bottom:72px;}
.nkbgz { width:982px; border-bottom:1px solid #cbcbcb; height:auto; margin:0 auto;}
.nkbga { background:url(../img/navnkbga.jpg) no-repeat; width:982px; height:17px;}
.nkbgb { width:982px; height:auto;}
.qypdk { width:930px; margin:0 auto;}
.qypdbt { padding-top:8px; width:100%; border-bottom:1px solid #E7E7E7; padding-bottom:17px; overflow:hidden; float:left;}
.qypdbta { float:left; color:# 333333; font-size:16px;}
.qypdbta a { color:#333333; font-size:16px;}
.qypdbta span { color:#9c9a9f; padding-left:5px;}
.qypdsa { width:100%; padding-top:26px; float:left;}
.qypdsz { float:left; width:626px;}
#con { WIDTH:100%; float:left;}
#tags {margin: 0;padding: 0;height: 39px;}
#tags LI {
float: left;
list-style: none;
border-bottom: none;
height: 33px;
line-height: 33px;
width: 80px;
text-align: center;
background:url(../img/navtabbgb.jpg) no-repeat;
display: block;
margin-left: 5px;
padding-bottom:6px;
}
#tags LI A { color: #757575; display: block; font-size:13px;text-decoration: none; height: 33px;line-height: 33px;}
#tags LI.emptyTag { BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {color: #FFFFFF; background:url(../img/navtabbga.jpg) no-repeat;display: block;}
#tags LI.selectTag A {color: #FFFFFF;}
#tagContent { width:100%;overflow: hidden; padding-top:18px;}
.tagContent {DISPLAY: none;}
#tagContent DIV.selectTag {DISPLAY: block}
.spbga { background-color:#F6F6F6; width:374px; padding-left:6px;}
.spywz { color:#757575; font-size:13px; width:222px;}
.spywz a{ color:#757575; font-size:13px; line-height:28px;}
.pdqywh { width:258px; float:right;}
.w100 { width:100%;}
.gd1 { padding-top:2px;}
.whtu { float:left; padding-top:34px; width:100%;}
.container{ width:100%; float:left; padding-top:12px;}
.menuTitle{ width:245px; padding-left:12px; height:26px; font-weight:bold; background-color:#EDECEC;margin:0 auto; line-height:26px; font-size:13px; color:#505050; border:none; cursor:pointer;margin-bottom:1px;}
.menuContent{ background-color:#fff; margin:0 auto; height:auto; width:257px; text-align:left; display:none;}
.activeTitle{ width:245px; padding-left:12px; height:26px; margin:0 auto; line-height:26px; font-size:13px; color:#505050; cursor:pointer;}
.lhe { line-height:35px; color:#505050; padding-left:12px;}
.pdqyfc { width:930px;margin:0 auto;padding-top:44px;}
.pdfck { width:100%; float:left; padding-top:20px;}
.pdfcy { width:184px; float:left; padding-right:2px;}
.pdfcy a { display:block; width:186px; height:180px;}
.pdfcy a img { opacity:0.5;filter: Alpha(opacity=50); }
.pdfcy a:hover img { opacity:1;filter: Alpha(opacity=100); }
.pdfcbt { width:184px; text-align:center; background-color:#EDECEC; height:30px; line-height:30px; font-size:13px;}
.pdfcbt a { font-size:13px; display:block;}
.pdfcy a:hover .pdfcbt { color:#fff; background-color:#0066B3;}
.pdzx { width:930px;margin:0 auto;padding-top:38px; padding-bottom:91px;}
.pdbjbh { width:628px; float:left;}
.pdbjbh ul li { background-color:#fff; float:left;width:285px; height:347px; padding-left:13px; padding-right:13px;}
.pdbjbh ul li:hover { background-color:#F0F0F0;}
.video_list a { display:block;}
.zongc { float:left; width:100%; padding-top:17px;}
.pdzctu { float:left; padding-top:15px;}
.pdzcwz { line-height:24px; padding-top:10px; float:left; width:100%;}
.pdzcwz a { color:#7d7d7d;}
.pdldgh { width:284px;}
.video_list .ico2_4{left:10px;bottom:10px;}
.video_list a:hover .ico2_4{background-position:-80px -20px;}
.ico{display:inline-block;overflow:hidden;width:20px;height:20px;vertical-align:middle;background:url(../img/navico.png);}
.ico2_4{background-position:-60px -20px;}
.pdryxwz a { float:left; color:#ac0101; font-size:14px; padding-top:16px;}
.Shopping { width:284px; padding-top:15px; float:left;}
.PicCont{ position:relative; width:284px; height:230px; overflow:hidden;}
.PicCont .Pic{ display:none; position:absolute; left:0px; top:0px; width:286px; height:230px;}
.PicCont .Pic img { width:283px; height:230px;}
.PicNum{ position:absolute; right:20px; bottom:6px; width:284px; height:9px; text-align:right;}
.PicNum .Num{ display:inline-block; width:9px; height:9px; margin-left:6px; background:url(../img/navshopping_ot.png) no-repeat; color:#d9891c; font:bold 12px/20px Tahoma; text-align:center; cursor:pointer; _behavior:url(/scripts/iepngfix.htc);}
.PicNum .cur{ background:url(../img/navshopping_cur.png) no-repeat; color:#fff;}
.PicNum .Numa{ display:inline-block; width:10px; height:10px; margin-left:6px; background:url(../img/navshopping_ota.png) no-repeat; color:#d9891c; font:bold 12px/20px Tahoma; text-align:center; cursor:pointer; _behavior:url(/scripts/iepngfix.htc);}
.PicNum .cura{ background:url(../img/navshopping_ota.png) no-repeat; color:#fff;}
/*裕昌新闻总页*/
.newxc { position:relative; float:right; top:-17px;}
.newzk { width:590px; float:left; padding-left:26px;}
.newzkbt { border-bottom:1px solid #E7E7E7; width:100%; padding-bottom:13px;}
.more { float:right;}
.newzkx { width:100%; padding-top:24px;}
.newxy { width:329px; float:right;}
.newxy ul li { background:url(../img/navdian.jpg) no-repeat left; color:#797979;text-align:right; line-height:24px;}
.newxy ul li a { float:left; text-align:left; padding-left:13px; color:#797979;}
#hotpic { width: 229px; height:146px; overflow: hidden; }
#NewsPic { position: relative; width: 229px; height: 146px; overflow: hidden; }
#NewsPic a { overflow: visible; border: 0; text-decoration: none; }
#NewsPic .Picture { position: absolute; left: 0; top: 0; }
#NewsPic .Nav { position: absolute; height: 13px; line-height: 14px; bottom: 0; right: 0; }
#NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
#NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }
#NewsPicTxt { position: relative; width: 380px; height: 22px; border: 1px; margin: 0; padding-top: 4px; text-align: center; font-family: Sans-Serif; font-weight: 700; color: #000; font-size: 14px; margin-left: auto; margin-right: auto; margin-top: 3px; }
#NewsPicTxt a:link, #NewsPicTxt a:visited { font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #000; text-decoration: none; }
#NewsPicTxt a:hover { color: red; }
.newzx { width:100%; padding-top:16px; float:left; padding-bottom:78px;}
.newmt { width:294px; height:242px; float:left; background-color:#EDEDED;}
.newmtbt { padding-left:27px; color:#333333; padding-top:26px;}
.newmtbt a { font-size:16px; color:#333333;}
.newmtx { padding-left:27px; width:242px; padding-top:20px;}
.mtbdy { float:left; width:294px; height:242px; margin-left:22px; background-color:#5A5A5A}
.mtbdnr { width:264px; padding:28px 0 0 18px;float:left;}
.mtdbt { font-size:16px; color:#fff; padding-bottom:30px;}
.mtms a { line-height:24px; color:#fff;}
.mtms a:hover {color:#fff;}
.more2 { text-align:right; color:#fff; font-size:13px; padding-top:20px;}
.more2 a { color:#fff; font-size:13px;}
.mtspxw { width:319px; padding-left:29px;}
.spxwnr { float:left; width:100%; padding-top:24px;}
.spxwnry { float:left; width:200px; padding-left:15px;}
.spxbt { color:#6f6f6f; padding-top:12px;}
/*裕昌新闻*/
.nwdxwk { width:926px; margin:0 auto;}
.afcqhz { width:426px; height:316px; float:right;background-color:#848484;}
.nwdxwz { width:926px; }
.nwdxy { width:364px;font-size:14px;line-height:28px;}
.nwdxy a p{ font-size:14px; line-height:28px;color:#fff;}
.nwdxy a:hover { color:#000;}
.nwdxy a span { font-size:24px; font-weight:bold; color:#fff; line-height:30px;}
.nwdxm { width:926px; margin:0 auto; padding-top:38px; padding-bottom:30px;}
.nwdxm ul li { border-bottom:1px solid #D7D7D7;}
.nwdxm ul li a { display:block; padding-top:20px;}
.nwdxm ul li a:hover { background-color:#FFFFFF; display:block; color:#000;}
.wdxwnra { padding-top:20px; padding-left:22px;}
.wdxwbvt { font-size:16px; color:#666; margin-top:0; padding-top:0; padding-bottom:0; margin-bottom:0; padding-left:26px;}
.shij { font-size:16px; display:block; text-align:right; padding-right:25px; padding-bottom:18px; font-style:italic;}
.wdms { padding-left:26px; padding-top:20px;line-height:24px; display:block; width:877px;}
.nwdxm ul li a:hover h1,.nwdxm ul li a:hover .shij,.nwdxm ul li a:hover .wdms { color:#000;}
#nwdxwzimg { width:52%; }
#nwdxwzimg a img { width:499px; height:316px;}
#news { width:75%; padding-left:12.5%; margin-top:2em; }
#news .met_title { text-align:center; font-size:2em; height:4em; line-height:4em;}
#news .met_infos { text-align:center; padding:10px 0;}
#news .met_tools { border-top: 1px solid #ddd; margin-top: 30px; position: relative; padding: 10px 10px 0; height: 50px; line-height: 50px; }
#news .bdshare-button-style1-16 .bds_qzone{background-position:0 -52px}.bdshare-button-style1-16 .bds_tsina{background-position:0 -104px}.bdshare-button-style1-16 .bds_renren{background-position:0 -208px}.bdshare-button-style1-16 .bds_tqq{background-position:0 -260px}.bdshare-button-style1-16 .bds_kaixin001{background-position:0 -312px}.bdshare-button-style1-16 .bds_tqf{background-position:0 -364px}.bdshare-button-style1-16 .bds_hi{background-position:0 -416px}.bdshare-button-style1-16 .bds_douban{background-position:0 -468px}.bdshare-button-style1-16 .bds_tieba{background-position:0 -728px}.bdshare-button-style1-16 .bds_hx{background-position:0 -988px}.bdshare-button-style1-16 .bds_fx{background-position:0 -1040px}.bdshare-button-style1-16 .bds_ty{background-position:0 -1196px}.bdshare-button-style1-16 .bds_fbook{background-position:0 -1352px}.bdshare-button-style1-16 .bds_twi{background-position:0 -1404px}.bdshare-button-style1-16 .bds_linkedin{background-position:0 -1664px}.bdshare-button-style1-16 .bds_meilishuo{background-position:0 -1716px}.bdshare-button-style1-16 .bds_mogujie{background-position:0 -1768px}.bdshare-button-style1-16 .bds_diandian{background-position:0 -1820px}.bdshare-button-style1-16 .bds_huaban{background-position:0 -1872px}.bdshare-button-style1-16 .bds_duitang{background-position:0 -2028px}.bdshare-button-style1-16 .bds_youdao{background-position:0 -2080px}.bdshare-button-style1-16 .bds_wealink{background-position:0 -2184px}.bdshare-button-style1-16 .bds_copy{background-position:0 -2288px}.bdshare-button-style1-16 .bds_mail{background-position:0 -2340px}.bdshare-button-style1-16 .bds_print{background-position:0 -2392px}.bdshare-button-style1-16 .bds_mshare{background-position:0 -2444px}.bdshare-button-style1-16 .bds_sqq{background-position:0 -2652px}.bdshare-button-style1-16 .bds_sdo{background-position:0 -2704px}.bdshare-button-style1-16 .bds_qingbiji{background-position:0 -2756px}.bdshare-button-style1-16 .bds_people{background-position:0 -2808px}.bdshare-button-style1-16 .bds_xinhua{background-position:0 -2912px}.bdshare-button-style1-16 .bds_yaolan{background-position:0 -2964px}.bdshare-button-style1-16 .bds_thx{background-position:0 -2496px}.bdshare-button-style1-16 .bds_bdhome{background-position:0 -156px}.bdshare-button-style1-16 .bds_bdxc{background-position:0 -2548px}.bdshare-button-style1-16 .bds_bdysc{background-position:0 -3068px}.bdshare-button-style1-16 .bds_isohu{background-position:0 -3016px}.bdshare-button-style1-16 .bds_more{background-position:0 0}.bdshare-button-style1-16 .bds_ibaidu{background-position:0 -3120px}.bdshare-button-style1-16 .bds_weixin{background-position:0 -1612px}.bdshare-button-style1-16 .bds_iguba{background-position:0 -1300px}.bdshare-button-style1-16 .bds_h163{background-position:0 -3160px}.bdshare-button-style1-16 .bds_evernotecn{background-position:0 -3195px}.bdshare-button-style1-16{zoom:1}.bdshare-button-style1-16:after{content:".";visibility:hidden;display:block;height:0;clear:both}.bdshare-button-style1-16 a,.bdshare-button-style1-16 .bds_more{float:left;font-size:12px;padding-left:17px;line-height:16px;height:16px;background-image:url(../img/share/icons_1_16.png?v=774cfc30.png);_background-image:url(../img/share/icons_1_16_debase.png?v=a2277903.png);background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}.bdshare-button-style1-16 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}.bdshare-button-style1-16 .bds_more{color:#333;float:left}.bdshare-button-style1-16 .bds_count{color:#333;background:url(../img/share/sc.png?v=a970ff04.png) no-repeat 0 -30px;width:42px;height:16px;padding:0;margin:6px 0 0;text-align:center}.bdshare-button-style1-16 .bds_count:hover{background-position:-42px -30px}.bdshare-button-style1-16 .bds_button_image{float:left;cursor:pointer;margin:6px 6px 0 0;height:auto;padding:0}.bdshare-button-style1-16 .bdshare_button_count{background:url(../img/share/sc.png?v=a970ff04.png) no-repeat 0 0;width:44px;height:24px;line-height:24px}.bdshare-button-style1-16 .bdshare_button_count:hover{background-position:-44px 0}.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139{display:none}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:0.5em;color:#818181; font-size:14px;}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
/* box layout */
.box_layout {overflow:hidden}
.box_layout .cell{width:100%;overflow:hidden;position:relative}
.box_layout .cols_2{width:50%;float:left; height:330px;}
.box_layout .cols_2 .col{width:50%;float:left;overflow:hidden}
.box_layout .cols_2 .col .cell{padding-bottom:72%}
.box_layout .cols_2 .row .cell{width:50%;padding-bottom:35%;float:left}
.box_layout .cols_2 .row_group .cell{padding-bottom:164%}
.box_layout .cols_2 .col_group .cell{width:100%}
.box_layout .switch_y{position:relative}
.box_layout .switch_y .switch_fix{position:absolute;top:0;left:0;width:100%}
.box_layout .switch_y .switch_move{margin-top:100%}
.box_layout .switch_y .row.switch_move{margin-top:35%;left:0}
.box_layout .switch_x{position:relative}
.box_layout .switch_x .switch_fix{position:absolute;top:0;left:0}
.box_layout .switch_x .switch_move{margin-left:50%}
.box_layout .con{position:absolute;top:0;left:0;width:87%;height:72%;padding:20px; padding-bottom:0; padding-right:0;font-size:14px}
.box_layout .con.img{width:100%;height:100%;padding:0}
.box_layout .con.img{width:100%;height:100%;padding:0}
.box_layout .con img{ }
.box_layout .con a{display:block;width:100%;height:100%;position:relative}
.box_layout .con .tit{font-size:22px;display:block;margin-bottom:0.5em; height:80px;line-height:28px;}
.box_layout .con .cell_tit{display:block;font-size:22px;margin-bottom:0.5em;font-weight:bold}
.box_layout .con .tit.no_txt{margin-bottom:0.5em}
.box_layout .con .icon{vertical-align:-2px;font-size:0.8em}
.box_layout .con .btn_mov{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;height:44px !important;width:45px !important}
.box_layout .con .btn_pic{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;height:44px !important;width:45px !important}
.box_layout .con .over_con{display:none;width:81%;height:81%;padding:10%;overflow:hidden;color:#fff;position:absolute;top:0;left:0;background:url(../img/navbg_img_over.png) repeat 0 0}
.box_layout .con .over_con.more{width:126%;height:137%;top:-16%;left:-13%;padding:0}
.box_layout .col_group .con .over_con{width:80%;height:80%;padding:10%}
.box_layout .row_group .con .over_con{width:80%;height:90%}
.box_layout .con a:hover .over_con{display:block;font-weight:bold}
.box_layout .con a .bg_img_txt{position:absolute;top:0;left:0; padding:20px}
.box_layout .btn_read_more{display:block;margin-top:20px;}
@media screen and (max-width:1400px){
/* box layout */
.box_layout .con .tit {font-size:18px}
.box_layout .con .cell_tit{font-size:18px}
}
/* color theme */
.theme_txt{color:#fff !important}
.theme_txt a{color:#fff !important}
.theme_txt .tit{color:#fff !important}
.theme_01{background:#FFB400!important}
.theme_02{background:#e6e7e8!important;color:#000!important}
.theme_02 a{color:#000!important}
.theme_03{background:#0057AC!important}
.theme_04{background:#0b9e00!important}
.theme_05{background:#009ca6!important}
.theme_06{background:#0689d8!important}
.theme_07{background:#f9f9f9!important}
.theme_07 .txt{color:#000!important}
.theme_07 .tit{color:#0588d7!important}
.theme_07 .sub_tit{margin-bottom:25px;display:block}
.box_layout .con p { line-height:22px;}
/* 人才理念 */
.nrclnk { float:left; padding-top:0px; width:100%; padding-left:5px;}
.xb-about-news .ul a,.xb-about-news .ul span{display:block; overflow:hidden;}
.xb-about-news .ul dt{padding-bottom:30px;}
.xb-about-news .ul dt .img{width:173px; height:130px; padding:3px 4px 5px 4px; float:left; margin-right:10px; background:url(../img/navimg_bg.jpg) no-repeat;}
.xb-about-news .ul dt .date{padding-top:9px; line-height:15px; color:#595757;}
.xb-about-news .ul dt .h1{font-size:16px; line-height:25px; color:#151b21; padding-bottom:6px; font-weight:bold;}
.xb-about-news .ul dt .p{line-height:22px; color:#595757; height:56px;}
.xb-about-news .ul dt .more{width:78px; height:23px; text-align:center; line-height:23px; font-weight:bold; color:#ffffff; background:#f08d19;}
.xb-about-news .ul dd{line-height:40px; border-bottom:#9f9f9f dotted 1px; }
.xb-about-news .ul dd a{display:block;float:left; padding-left:14px; background:url(../img/navag.png) no-repeat left;}
.xb-about-news .ul dd a:hover{color:#f08d19;}
.xb-about-news .ul dd span{color:#595757; display:block; padding-right:12px; float:right; font-size:11px;}
.industry-default-imgall{height:317px; margin-bottom:10px;}
.industry-default-imgall .kwicks{width:926px; position:relative;}
.industry-default-imgall .kwicks li{width:184px; height:317px; overflow:hidden;}
.industry-default-imgall .kwicks li .img{width:400px;height:317px; position:absolute; top:0; left:0; z-index:10;}
.industry-default-imgall .kwicks li .cont{width:100%; height:100%; position:absolute; top:0; left:0; z-index:30;background:url(../img/navwpng90.png) repeat;}
.industry-default-imgall .kwicks li .cont .p-warp{width:100%; height:125px; position:absolute; top:50%;left:0; margin-top:-63px;}
.industry-default-imgall .kwicks li .cont .simg{width:100%; margin-top:18px; text-align:center; height:69px; display:block;}
.industry-default-imgall .kwicks li .cont .p{font-size:16px; color:#3f3f3f; font-family:\5FAE\8F6F\96C5\9ED1; line-height:33px; display:block; text-align:center;}
.industry-default-imgall .kwicks li .co{width:222px; height:110px; padding:15px 16px 0 16px; position:absolute; top:50%; margin-top:-63px; z-index:30; background:url(../img/navpngs95.png) repeat; color:#ffffff; line-height:22px; font-family:\5FAE\8F6F\96C5\9ED1; left:200px;}
.industry-default-imgall .kwicks li .co p { color:#fff; padding-bottom:6px;}
.industry-default-imgall .kwicks #kwick_1 .co{background:url(../img/navrpng95.png) repeat;}
.industry-default-imgall .kwicks #kwick_2 .co{background:url(../img/navgpng95.png) repeat;}
.industry-default-imgall .kwicks #kwick_3 .co{background:url(../img/navdpng95.png) repeat;}
.industry-default-imgall .kwicks #kwick_4 .co{background:url(../img/navbpng95.png) repeat;}
.industry-default-imgall .kwicks #kwick_5 .co{background:url(../img/navhpng95.png) repeat;}
.rczpx { border-bottom:1px dashed #9F9F9F; width:926px; float:left; padding-top:40px; padding-left:5px; padding-bottom:16px; font-size:16px; color:#333333;}
.rcbga { background:url(../img/news/rcbg1.jpg) repeat-x; margin-top:40px; width:100%; height:32px; padding-top:10px; float:left; font-size:14px; font-weight:bold; }
.rcbgb { background:url(../img/rcbg2.jpg) no-repeat top; height:521px; width:100%; float:left; margin-top:32px; padding-top:20px; font-size:14px; overflow:hidden;}
.rckda { float:left; width:94px; text-align:center; padding-right:90px;}
.rckda2 { float:left; width:162px; padding-left:15px;}
.rckdb { float:left; width:168px; text-align:center; padding-right:100px;}
.rckdc { float:left; width:162px;text-align:center;}
.rckdd { float:left; width:162px;text-align:center; }
.rckde { float:left; width:152px;text-align:center;}
.rczplb { border-bottom:1px solid #EBECEE; line-height:40px; height:40px; padding-top:7px; text-align:center;}
.rcyp { width:94px; float:left;}
.rcyp1 { width:162px; float:left; padding-left:50px; }
.rcyp1 a { display:block; color:#0166b4; font-size:14px;}
.rcyp2 { width:168px; float:left; padding-left:50px; }
.rcyp3 { width:162px; float:left; padding-left:50px; }
.rcyp4 { width:162px; float:left; padding-left:50px; }
.rcyp4 a { float:left; color:#0166b4; font-size:14px;}
.czbty { color:#0166b4; font-size:16px;}
/* 联系我们 */
.lxdtk { border:1px solid #C9C9C9; width:90%; height:418px; float:left; margin-left:24px; margin-top:22px;}
.lxwmk { background:url(../img/navdtbg.jpg) no-repeat bottom right; width:100%; float:left; padding-left:68px;}
.lxywa { font-size:30px; color:#555555; font-family:Arial, Helvetica, sans-serif; padding-top:38px; }
.lxywb { width:87px; height:25px; background-color:#555555; line-height:25px; color:#fff; text-align:center; margin-top:20px;}
.lxywc { width:385px; border-bottom:2px solid #555555; color:#555555; font-size:26px; padding-top:22px; padding-bottom:12px; }
.lxywd { font-size:13px; line-height:28px; padding-top:15px;}
.lxywe { padding-top:20px; padding-bottom:68px;}
.lxbga { background:url(../img/navlxbg.jpg) no-repeat; width:111px; height:105px; float:left; margin-right:24px;}
.lxbga a { line-height:30px;font-size:14px; text-align:center; display:block; padding-top:25px;}
.lxbga a img { text-align:center;}
#two_codes img{display:none;}
#two_codes:hover img{display:block;}
/* 裕昌产业 */
#main {
margin-top:30px;
}
.wdcyz { width:982px; height:auto; margin:0 auto;}
.news{width:725px;height:auto; float:left;overflow:hidden; padding-top:68px;}
.news ul li{width:180px;height:157px;float:left;position:relative;overflow:hidden;}
.news ul li .newsThum{width:100%;height:100%;position:absolute;left:0px;top:0px;}
.news ul li .newsInfo{width:150px;height:125px;position:absolute;right:0px;bottom:0px;background:#fff;}
.newsPage{width:990px;height:36px;margin-top:15px;display:block;margin:15px auto;}
.newsPage a{display:block;width:34px;height:34px;float:right;border:1px solid #e5e5e5;background:#fff url(../img/navpage.jpg) no-repeat;cursor:pointer;margin-left:2px;}
.newsPage span{background:#fff;width:65px;height:34px;border:1px solid #e5e5e5;line-height:34px;text-align:center;float:right;font-family:Georgia,"Times New Roman",Times,serif;margin-left:2px;}
.newsPage a.pagePrev{background-position:-34px 0px;}
.newsPage a.pagePrev:hover{background-position:-34px -34px;}
.newsPage a.pageNext:hover{background-position:0px -34px;}
.newsInfoTime{width:130px;margin-top:2px;height:20px;padding:0px 10px;font-size:12px;line-height:20px;font-family:Georgia,"Times New Roman",Times,serif;color:#a3a3a3;}
.newsInfoTitle{width:130px;height:36px;padding:2px 10px;line-height:18px;font-size:12px;}
.newsInfoDes{width:130px;padding:0px 10px;height:auto;font-size:12px;color:#a3a3a3;line-height:16px;margin-top:5px;}
.newsTrans{border-color:transparent #fff transparent transparent;border-style:solid;border-width:5px 5px 5px 0px;width:0;height:0;position:absolute;left:-5px;top:20px;}
.news li .bor{ width:180px;height:157px;position:relative;overflow:hidden;}
.ad{ height:44px; line-height:44px; background: url(../img/industry/realty/ga_03.jpg) repeat-x bottom; }
.ad ul,{ overflow: hidden; height: 44px }
.ad ul li{ float:left;margin-right: 3px}
.ad ul li a{width: 136px; text-align: center; background: url(../img/industry/realty/pic-menu.jpg) no-repeat -139px 0; display: block;}
.ad ul li a.on{ background: url(../img/industry/realty/pic-menu.jpg) no-repeat 0 0; color: #D1AD00; font-weight: bold; }
/* 联系我们 改动 第二次 */
.mnlxsk { float:left; width:100%; position: relative;}
.mnlxbg { background:url(../img/navabg1.png) no-repeat; width:354px; padding:0 0 0 31px; height:351px; position:absolute; right:32px; top:112px;}
.mnlxbta { float:left; width:312px;}
.mnlxbrx { float:left; width:100%; text-align:right; padding-top:27px;}
.mnlxdh { float:left; width:100%; font-size:36px; text-align:right; color:#363439; font-weight:bold;}
.mnlxly { background:url(../img/navaniu2.jpg) no-repeat left; width:80%; float:left; padding-left:20px;margin-top:5px;}
.mnlynr { background:url(../img/navbi.jpg) no-repeat right 70px; float:left; width:312px; margin-top:7px;}
.mnlxnr2 { float:left; width:876px; line-height:34px; padding:50px; padding-left:50px; font-size:13px;}
.mnlxnr2 span { width:250px;font-size:16px;}
/*---------------- 切换效果用 ----------------*/
.clearfix{display:block;}
}
/*********************************************************************************************
*
*
*
*
*/
/*-------- 屏幕分辨率在1200px以下 --------*/
@media only screen and (max-width: 1200px) {
/* 主体内容开始
-------------------------------------------------------------- */
.ym { float:left;width:100%;text-align:center;}
.page { margin: 0 auto; width:100%; height: auto; }
#content{ width:100%;}
#content a:hover{color:#097CCF;}
#content {position:relative; overflow:hidden;border-bottom:2px solid #c5c5c5;}
#content .nav {height:77px; border-bottom:1px solid #eaeaea;}
#content .nav .g-wrap .crumbs {float:left; padding-left:20px; height:100%; }
#content .nav .g-wrap .crumbs a {float:left; padding:0; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852; font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif}
#content .nav .g-wrap .crumbs a.on {background:url(../img/news/crumbs_arrow.png) no-repeat 0 36px;}
#content .nav .g-wrap .columns {float:right; height:100%; padding-right:10%;}
#content .nav .g-wrap .columns a {position:relative; float:left; margin-left:20px; font-weight:bold; line-height:77px; color:#63666b;font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif}
#content .nav .g-wrap .columns a span {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#D1AD00; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#content .nav .g-wrap .columns a.on span {/*left:15%; */width:100%;}
#banner {height:93px;}
#banner div {height:93px; background:no-repeat center 0;}
#banner .about {background-image:url(../img/banner/about.jpg);}
#banner .news {background-image:url(../img/banner/news.jpg);}
#banner .relation {background-image:url(../img/banner/relation.jpg);}
#banner .service {background-image:url(../img/banner/service.jpg);}
#banner .citizen {background-image:url(../img/banner/citizen.jpg);}
#banner .career {background-image:url(../img/banner/career.jpg);}
#banner .suggest {background-image:url(../img/banner/suggest.jpg);}
#banner .contact {background-image:url(../img/banner/contact.jpg);}
#banner .search {background-image:url(../img/banner/search.jpg);}
#about-1 .editor {padding:63px; color:#746969; background:url(../img/news/since.png) no-repeat 0 0;}
#about-1 .editor p {margin-bottom:15px;}
#about-1 .editor .hidden {display:none;}
p, span {font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;}
.main{margin:0 auto; width:980px; margin-bottom:10px; /*overflow:hidden; */}
#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:12px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #D60010;color:#FFF;font-size:12px;}
#pages span {background: #D60010;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}
/* 主页
-------------------------------------------------------------- */
#kinMaxShow{visibility:hidden;width:100%; height:328px; overflow:hidden; }
#kinMaxShowa{visibility:hidden;width:867px; height:283px; overflow:hidden; margin:0 auto; }
#kinMaxShowb{visibility:hidden;width:926px; height:316px; overflow:hidden; margin:0 auto; }
/*旗下产业
-------------------------------------------------------------- */
.scont { width:985px; margin:0 auto; padding-top:29px;}
.scybt { float:left; width:100%;}
.scybta { background:url(../img/navjian2.jpg) no-repeat left; padding-left:22px; font-size:16px; color:#8A8A8A;}
.scybta a { font-size:20px; color:#414141;}
.scywk { width:985px; float:left; padding-top:0px;}
.web_widht{ width:980px; margin:0 auto;}/* 网页的内容宽 */
.course{ height:112px; background:#FFF;}
.course_nr{height:112px; background:url(../img/navico9.gif) repeat-x center;}
.course_nr li{ float:left; padding-top:85px; width:108px; text-align:center; position:relative; margin-top:23px;font-size:16px;}
.shiji{ position:absolute; width:100%; left:0; top:-8px; display:none;}
.shiji h1{ height:67px; line-height:67px; color:#707070; font-weight:bold; background:url(../img/nav000.gif) no-repeat center top; margin-bottom:1px; font-size:14px;Font-style:italic;}
.shiji p{ line-height:53px; color:#0066B8; font-size:16px; background-color:#fff;}
.bg1 { background:url(../img/navico10.gif) no-repeat center top;}
.bg2 { background:url(../img/navico11.gif) no-repeat center top;}
.bg3 { background:url(../img/navico12.gif) no-repeat center top;}
.bg4 { background:url(../img/navico13.gif) no-repeat center top;}
.bg5 { background:url(../img/navico14.gif) no-repeat center top;}
.bg6 { background:url(../img/navico15.gif) no-repeat center top;}
.bg7 { background:url(../img/navico16.gif) no-repeat center top;}
.bg8 { background:url(../img/navico17.gif) no-repeat center top;}
.bg9 { background:url(../img/navico18.gif) no-repeat center top;}
/*--- 集团动态 ---*/
.sdtdk { background:#F9F9F9; padding-top:28px; padding-bottom:15px; width:100%; margin:0 auto; margin-top:42px; padding-bottom:32px;}
.sdtnk { width:985px; margin:0 auto;}
.sdtxk { width:100%; padding-top:20px; float:left;}
.sjtdt { width:605px; float:left; height:285px; background-color:#fff; padding:19px 11px 0 20px;}
.sdtyt { float:right; width:312px; height:304px;}
.sdtnr { float:left; width:100%;}
.sdtnr ul li { border-bottom:1px dashed #ABABAB; line-height:38px; font-size:13px; text-align:right;}
.sdtnr ul li a { float:left; text-align:left; color:#686868;}
.tuk { border:1px solid #D2D2D2; padding:8px 9px; float:left;}
.sdtnr2 { width:389px; text-align:left;}
.sdtnr2 h1 { font-size:16px; line-height:20px; margin:0; padding:0;}
.sdtms { line-height:24px; padding-top:10px; width:100%; float:left; color:#8B8B8B;}
.sdtxq { padding-top:10px; float:left; width:100%;}
.sdtxq a { color:#70A2DF;}
.sjta { float:left; width:144px; height:131px; padding:22px 0 0 12px; background-color:#0166B6; color:#FFF; line-height:30px; font-size:13px;}
.sjta span { font-size:22px;color:#FFF;}
.sjtb { float:left; width:142px; height:131px; background-color:#F4CF5A;color:#604500;line-height:30px; font-size:13px; text-align:right; padding-right:14px; padding-top:20px;}
.sjtb span { color:#604500; font-size:22px;}
.sjtc { width:156px; float:left;height:153px; background:url(../img/navjtbg1.jpg) no-repeat;}
.sjtc a { color:#fff; font-size:14px; padding-left:60px; padding-top:111px; display:block; line-height:42px;}
.sjtc a:hover { color:#fff;}
.sjtd { width:156px; float:left;height:151px; background:url(../img/navjtbg2.jpg) no-repeat;}
.sjtd a { color:#fff; font-size:14px; padding-left:44px; display:block; line-height:48px; padding-bottom:100px;}
.sjtd a:hover { color:#fff;}
/*--- 关于裕昌 ---*/
.navbg { background:url(../img/news/nbga.jpg) repeat-x; width:100%; height:50px; margin:0 auto;}
.navn { width:982px; margin:0 auto; position:relative;}
.navbt { float:left; background:url(../img/navjian3.jpg) no-repeat left; line-height:47px; font-size:16px; color:#333333; padding-left:30px;}
.navbt a { font-size:16px; color:#333333; }
.nynav { float:right;right:0; top:0;}
.nynav ul li { float:left; line-height:50px; color:#8d8d8d; font-size:14px; width:94px; text-align:center;}
.nynav ul li a { display:block; font-size:14px;color:#8d8d8d; padding-bottom:4px;}
.nynav ul li a:hover { background:url(../img/navnvbg.png) no-repeat; display: block; color:#fff;}
.nynav ul li a.dq { background:url(../img/news/nvbg.png) no-repeat; display: block; color:#fff;}
.ngsbg { background:width:100%; margin:0 auto; padding-top:34px; background-color:#F3F3F5; padding-bottom:72px;}
.nkbgz { width:982px; border-bottom:1px solid #cbcbcb; height:auto; margin:0 auto;}
.nkbga { background:url(../img/navnkbga.jpg) no-repeat; width:982px; height:17px;}
.nkbgb { width:982px; height:auto;}
.qypdk { width:930px; margin:0 auto;}
.qypdbt { padding-top:8px; width:100%; border-bottom:1px solid #E7E7E7; padding-bottom:17px; overflow:hidden; float:left;}
.qypdbta { float:left; color:# 333333; font-size:16px;}
.qypdbta a { color:#333333; font-size:16px;}
.qypdbta span { color:#9c9a9f; padding-left:5px;}
.qypdsa { width:100%; padding-top:26px; float:left;}
.qypdsz { float:left; width:626px;}
#con { WIDTH:100%; float:left;}
#tags {margin: 0;padding: 0;height: 39px;}
#tags LI {
float: left;
list-style: none;
border-bottom: none;
height: 33px;
line-height: 33px;
width: 80px;
text-align: center;
background:url(../img/navtabbgb.jpg) no-repeat;
display: block;
margin-left: 5px;
padding-bottom:6px;
}
#tags LI A { color: #757575; display: block; font-size:13px;text-decoration: none; height: 33px;line-height: 33px;}
#tags LI.emptyTag { BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {color: #FFFFFF; background:url(../img/navtabbga.jpg) no-repeat;display: block;}
#tags LI.selectTag A {color: #FFFFFF;}
#tagContent { width:100%;overflow: hidden; padding-top:18px;}
.tagContent {DISPLAY: none;}
#tagContent DIV.selectTag {DISPLAY: block}
.spbga { background-color:#F6F6F6; width:374px; padding-left:6px;}
.spywz { color:#757575; font-size:13px; width:222px;}
.spywz a{ color:#757575; font-size:13px; line-height:28px;}
.pdqywh { width:258px; float:right;}
.w100 { width:100%;}
.gd1 { padding-top:2px;}
.whtu { float:left; padding-top:34px; width:100%;}
.container{ width:100%; float:left; padding-top:12px;}
.menuTitle{ width:245px; padding-left:12px; height:26px; font-weight:bold; background-color:#EDECEC;margin:0 auto; line-height:26px; font-size:13px; color:#505050; border:none; cursor:pointer;margin-bottom:1px;}
.menuContent{ background-color:#fff; margin:0 auto; height:auto; width:257px; text-align:left; display:none;}
.activeTitle{ width:245px; padding-left:12px; height:26px; margin:0 auto; line-height:26px; font-size:13px; color:#505050; cursor:pointer;}
.lhe { line-height:35px; color:#505050; padding-left:12px;}
.pdqyfc { width:930px;margin:0 auto;padding-top:44px;}
.pdfck { width:100%; float:left; padding-top:20px;}
.pdfcy { width:184px; float:left; padding-right:2px;}
.pdfcy a { display:block; width:186px; height:180px;}
.pdfcy a img { opacity:0.5;filter: Alpha(opacity=50); }
.pdfcy a:hover img { opacity:1;filter: Alpha(opacity=100); }
.pdfcbt { width:184px; text-align:center; background-color:#EDECEC; height:30px; line-height:30px; font-size:13px;}
.pdfcbt a { font-size:13px; display:block;}
.pdfcy a:hover .pdfcbt { color:#fff; background-color:#0066B3;}
.pdzx { width:930px;margin:0 auto;padding-top:38px; padding-bottom:91px;}
.pdbjbh { width:628px; float:left;}
.pdbjbh ul li { background-color:#fff; float:left;width:285px; height:347px; padding-left:13px; padding-right:13px;}
.pdbjbh ul li:hover { background-color:#F0F0F0;}
.video_list a { display:block;}
.zongc { float:left; width:100%; padding-top:17px;}
.pdzctu { float:left; padding-top:15px;}
.pdzcwz { line-height:24px; padding-top:10px; float:left; width:100%;}
.pdzcwz a { color:#7d7d7d;}
.pdldgh { width:284px;}
.video_list .ico2_4{left:10px;bottom:10px;}
.video_list a:hover .ico2_4{background-position:-80px -20px;}
.ico{display:inline-block;overflow:hidden;width:20px;height:20px;vertical-align:middle;background:url(../img/navico.png);}
.ico2_4{background-position:-60px -20px;}
.pdryxwz a { float:left; color:#ac0101; font-size:14px; padding-top:16px;}
.Shopping { width:284px; padding-top:15px; float:left;}
.PicCont{ position:relative; width:284px; height:230px; overflow:hidden;}
.PicCont .Pic{ display:none; position:absolute; left:0px; top:0px; width:286px; height:230px;}
.PicCont .Pic img { width:283px; height:230px;}
.PicNum{ position:absolute; right:20px; bottom:6px; width:284px; height:9px; text-align:right;}
.PicNum .Num{ display:inline-block; width:9px; height:9px; margin-left:6px; background:url(../img/navshopping_ot.png) no-repeat; color:#d9891c; font:bold 12px/20px Tahoma; text-align:center; cursor:pointer; _behavior:url(/scripts/iepngfix.htc);}
.PicNum .cur{ background:url(../img/navshopping_cur.png) no-repeat; color:#fff;}
.PicNum .Numa{ display:inline-block; width:10px; height:10px; margin-left:6px; background:url(../img/navshopping_ota.png) no-repeat; color:#d9891c; font:bold 12px/20px Tahoma; text-align:center; cursor:pointer; _behavior:url(/scripts/iepngfix.htc);}
.PicNum .cura{ background:url(../img/navshopping_ota.png) no-repeat; color:#fff;}
/*裕昌新闻总页*/
.newxc { position:relative; float:right; top:-17px;}
.newzk { width:590px; float:left; padding-left:26px;}
.newzkbt { border-bottom:1px solid #E7E7E7; width:100%; padding-bottom:13px;}
.more { float:right;}
.newzkx { width:100%; padding-top:24px;}
.newxy { width:329px; float:right;}
.newxy ul li { background:url(../img/navdian.jpg) no-repeat left; color:#797979;text-align:right; line-height:24px;}
.newxy ul li a { float:left; text-align:left; padding-left:13px; color:#797979;}
#hotpic { width: 229px; height:146px; overflow: hidden; }
#NewsPic { position: relative; width: 229px; height: 146px; overflow: hidden; }
#NewsPic a { overflow: visible; border: 0; text-decoration: none; }
#NewsPic .Picture { position: absolute; left: 0; top: 0; }
#NewsPic .Nav { position: absolute; height: 13px; line-height: 14px; bottom: 0; right: 0; }
#NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
#NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }
#NewsPicTxt { position: relative; width: 380px; height: 22px; border: 1px; margin: 0; padding-top: 4px; text-align: center; font-family: Sans-Serif; font-weight: 700; color: #000; font-size: 14px; margin-left: auto; margin-right: auto; margin-top: 3px; }
#NewsPicTxt a:link, #NewsPicTxt a:visited { font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #000; text-decoration: none; }
#NewsPicTxt a:hover { color: red; }
.newzx { width:100%; padding-top:16px; float:left; padding-bottom:78px;}
.newmt { width:294px; height:242px; float:left; background-color:#EDEDED;}
.newmtbt { padding-left:27px; color:#333333; padding-top:26px;}
.newmtbt a { font-size:16px; color:#333333;}
.newmtx { padding-left:27px; width:242px; padding-top:20px;}
.mtbdy { float:left; width:294px; height:242px; margin-left:22px; background-color:#5A5A5A}
.mtbdnr { width:264px; padding:28px 0 0 18px;float:left;}
.mtdbt { font-size:16px; color:#fff; padding-bottom:30px;}
.mtms a { line-height:24px; color:#fff;}
.mtms a:hover {color:#fff;}
.more2 { text-align:right; color:#fff; font-size:13px; padding-top:20px;}
.more2 a { color:#fff; font-size:13px;}
.mtspxw { width:319px; padding-left:29px;}
.spxwnr { float:left; width:100%; padding-top:24px;}
.spxwnry { float:left; width:200px; padding-left:15px;}
.spxbt { color:#6f6f6f; padding-top:12px;}
/*裕昌新闻*/
.nwdxwk { width:100%; margin:0 auto;}
.afcqhz { width:auto; height:316px; float:right;background-color:#848484;}
.nwdxwz { width:100%; }
.nwdxy { width:354px;font-size:14px;line-height:28px; }
.nwdxy a { font-size:14px; line-height:28px;color:#fff;}
.nwdxy a:hover { color:#fff;}
.nwdxy a span { font-size:24px; font-weight:bold; color:#fff; line-height:30px;}
.nwdxm { width:100%; margin:0 auto; padding-top:38px; padding-bottom:30px;}
.nwdxm ul li { border-bottom:1px solid #D7D7D7;}
.nwdxm ul li a { display:block; padding-top:20px;}
.nwdxm ul li a:hover { background-color:#D1AD00; display:block; color:#fff;}
.wdxwnra { padding-top:20px; padding-left:22px;}
.wdxwbvt { font-size:16px; color:#666; margin-top:0; padding-top:0; padding-bottom:0; margin-bottom:0; padding-left:26px;}
.shij { font-size:16px; display:block; text-align:right; padding-right:25px; padding-bottom:18px; font-style:italic;}
.wdms { padding-left:26px; padding-top:20px;line-height:24px; display:block; width:90%;}
.nwdxm ul li a:hover h1,.nwdxm ul li a:hover .shij,.nwdxm ul li a:hover .wdms { color:#fff;}
#nwdxwzimg { width:48%; }
#nwdxwzimg a img { width:100%; height:316px;}
#news { width:75%; padding-left:12.5%; margin-top:2em; }
#news .met_title { text-align:center; font-size:16px; height:4em; line-height:4em;}
#news .met_infos { text-align:center; padding:10px 0;}
#news .bdshare-button-style1-16 .bds_qzone{background-position:0 -52px}.bdshare-button-style1-16 .bds_tsina{background-position:0 -104px}.bdshare-button-style1-16 .bds_renren{background-position:0 -208px}.bdshare-button-style1-16 .bds_tqq{background-position:0 -260px}.bdshare-button-style1-16 .bds_kaixin001{background-position:0 -312px}.bdshare-button-style1-16 .bds_tqf{background-position:0 -364px}.bdshare-button-style1-16 .bds_hi{background-position:0 -416px}.bdshare-button-style1-16 .bds_douban{background-position:0 -468px}.bdshare-button-style1-16 .bds_tieba{background-position:0 -728px}.bdshare-button-style1-16 .bds_hx{background-position:0 -988px}.bdshare-button-style1-16 .bds_fx{background-position:0 -1040px}.bdshare-button-style1-16 .bds_ty{background-position:0 -1196px}.bdshare-button-style1-16 .bds_fbook{background-position:0 -1352px}.bdshare-button-style1-16 .bds_twi{background-position:0 -1404px}.bdshare-button-style1-16 .bds_linkedin{background-position:0 -1664px}.bdshare-button-style1-16 .bds_meilishuo{background-position:0 -1716px}.bdshare-button-style1-16 .bds_mogujie{background-position:0 -1768px}.bdshare-button-style1-16 .bds_diandian{background-position:0 -1820px}.bdshare-button-style1-16 .bds_huaban{background-position:0 -1872px}.bdshare-button-style1-16 .bds_duitang{background-position:0 -2028px}.bdshare-button-style1-16 .bds_youdao{background-position:0 -2080px}.bdshare-button-style1-16 .bds_wealink{background-position:0 -2184px}.bdshare-button-style1-16 .bds_copy{background-position:0 -2288px}.bdshare-button-style1-16 .bds_mail{background-position:0 -2340px}.bdshare-button-style1-16 .bds_print{background-position:0 -2392px}.bdshare-button-style1-16 .bds_mshare{background-position:0 -2444px}.bdshare-button-style1-16 .bds_sqq{background-position:0 -2652px}.bdshare-button-style1-16 .bds_sdo{background-position:0 -2704px}.bdshare-button-style1-16 .bds_qingbiji{background-position:0 -2756px}.bdshare-button-style1-16 .bds_people{background-position:0 -2808px}.bdshare-button-style1-16 .bds_xinhua{background-position:0 -2912px}.bdshare-button-style1-16 .bds_yaolan{background-position:0 -2964px}.bdshare-button-style1-16 .bds_thx{background-position:0 -2496px}.bdshare-button-style1-16 .bds_bdhome{background-position:0 -156px}.bdshare-button-style1-16 .bds_bdxc{background-position:0 -2548px}.bdshare-button-style1-16 .bds_bdysc{background-position:0 -3068px}.bdshare-button-style1-16 .bds_isohu{background-position:0 -3016px}.bdshare-button-style1-16 .bds_more{background-position:0 0}.bdshare-button-style1-16 .bds_ibaidu{background-position:0 -3120px}.bdshare-button-style1-16 .bds_weixin{background-position:0 -1612px}.bdshare-button-style1-16 .bds_iguba{background-position:0 -1300px}.bdshare-button-style1-16 .bds_h163{background-position:0 -3160px}.bdshare-button-style1-16 .bds_evernotecn{background-position:0 -3195px}.bdshare-button-style1-16{zoom:1}.bdshare-button-style1-16:after{content:".";visibility:hidden;display:block;height:0;clear:both}.bdshare-button-style1-16 a,.bdshare-button-style1-16 .bds_more{float:left;font-size:12px;padding-left:17px;line-height:16px;height:16px;background-image:url(../img/share/icons_1_16.png?v=774cfc30.png);_background-image:url(../img/share/icons_1_16_debase.png?v=a2277903.png);background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}.bdshare-button-style1-16 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}.bdshare-button-style1-16 .bds_more{color:#333;float:left}.bdshare-button-style1-16 .bds_count{color:#333;background:url(../img/share/sc.png?v=a970ff04.png) no-repeat 0 -30px;width:42px;height:16px;padding:0;margin:6px 0 0;text-align:center}.bdshare-button-style1-16 .bds_count:hover{background-position:-42px -30px}.bdshare-button-style1-16 .bds_button_image{float:left;cursor:pointer;margin:6px 6px 0 0;height:auto;padding:0}.bdshare-button-style1-16 .bdshare_button_count{background:url(../img/share/sc.png?v=a970ff04.png) no-repeat 0 0;width:44px;height:24px;line-height:24px}.bdshare-button-style1-16 .bdshare_button_count:hover{background-position:-44px 0}.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139{display:none}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:1.5em;color:#818181}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
/* box layout */
.box_layout {overflow:hidden}
.box_layout .cell{width:100%;overflow:hidden;position:relative}
.box_layout .cols_2{width:50%;float:left; height:330px;}
.box_layout .cols_2 .col{width:50%;float:left;overflow:hidden}
.box_layout .cols_2 .col .cell{padding-bottom:72%}
.box_layout .cols_2 .row .cell{width:50%;padding-bottom:35%;float:left}
.box_layout .cols_2 .row_group .cell{padding-bottom:164%}
.box_layout .cols_2 .col_group .cell{width:100%}
.box_layout .switch_y{position:relative}
.box_layout .switch_y .switch_fix{position:absolute;top:0;left:0;width:100%}
.box_layout .switch_y .switch_move{margin-top:100%}
.box_layout .switch_y .row.switch_move{margin-top:35%;left:0}
.box_layout .switch_x{position:relative}
.box_layout .switch_x .switch_fix{position:absolute;top:0;left:0}
.box_layout .switch_x .switch_move{margin-left:50%}
.box_layout .con{position:absolute;top:0;left:0;width:87%;height:72%;padding:20px; padding-bottom:0; padding-right:0;font-size:14px}
.box_layout .con.img{width:100%;height:100%;padding:0}
.box_layout .con.img{width:100%;height:100%;padding:0}
.box_layout .con img{ }
.box_layout .con a{display:block;width:100%;height:100%;position:relative}
.box_layout .con .tit{font-size:22px;display:block;margin-bottom:0.5em; height:80px;line-height:28px;}
.box_layout .con .cell_tit{display:block;font-size:22px;margin-bottom:0.5em;font-weight:bold}
.box_layout .con .tit.no_txt{margin-bottom:0.5em}
.box_layout .con .icon{vertical-align:-2px;font-size:0.8em}
.box_layout .con .btn_mov{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;height:44px !important;width:45px !important}
.box_layout .con .btn_pic{position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;height:44px !important;width:45px !important}
.box_layout .con .over_con{display:none;width:81%;height:81%;padding:10%;overflow:hidden;color:#fff;position:absolute;top:0;left:0;background:url(../img/navbg_img_over.png) repeat 0 0}
.box_layout .con .over_con.more{width:126%;height:137%;top:-16%;left:-13%;padding:0}
.box_layout .col_group .con .over_con{width:80%;height:80%;padding:10%}
.box_layout .row_group .con .over_con{width:80%;height:90%}
.box_layout .con a:hover .over_con{display:block;font-weight:bold}
.box_layout .con a .bg_img_txt{position:absolute;top:0;left:0; padding:20px}
.box_layout .btn_read_more{display:block;margin-top:20px;}
/* color theme */
.theme_txt{color:#fff !important}
.theme_txt a{color:#fff !important}
.theme_txt .tit{color:#fff !important}
.theme_01{background:#FFB400!important}
.theme_02{background:#e6e7e8!important;color:#000!important}
.theme_02 a{color:#000!important}
.theme_03{background:#0057AC!important}
.theme_04{background:#0b9e00!important}
.theme_05{background:#009ca6!important}
.theme_06{background:#0689d8!important}
.theme_07{background:#f9f9f9!important}
.theme_07 .txt{color:#000!important}
.theme_07 .tit{color:#0588d7!important}
.theme_07 .sub_tit{margin-bottom:25px;display:block}
.box_layout .con p { line-height:22px;}
/* 联系我们 */
.lxdtk { border:1px solid #C9C9C9; width:90%; height:418px; float:left; margin-left:24px; margin-top:22px;}
.lxwmk { background:url(../img/navdtbg.jpg) no-repeat bottom right; width:100%; float:left; padding-left:68px;}
.lxywa { font-size:30px; color:#555555; font-family:Arial, Helvetica, sans-serif; padding-top:38px; }
.lxywb { width:87px; height:25px; background-color:#555555; line-height:25px; color:#fff; text-align:center; margin-top:20px;}
.lxywc { width:385px; border-bottom:2px solid #555555; color:#555555; font-size:26px; padding-top:22px; padding-bottom:12px; }
.lxywd { font-size:13px; line-height:28px; padding-top:15px;}
.lxywe { padding-top:20px; padding-bottom:68px;}
.lxbga { background:url(../img/navlxbg.jpg) no-repeat; width:111px; height:105px; float:left; margin-right:24px;}
.lxbga a { line-height:30px;font-size:14px; text-align:center; display:block; padding-top:25px;}
.lxbga a img { text-align:center;}
#two_codes img{display:none;}
#two_codes:hover img{display:block;}
/* 裕昌产业 */
.wdcyz { width:982px; height:auto; margin:0 auto;}
.news{width:725px;height:auto; float:left;overflow:hidden; padding-top:68px;}
.news ul li{width:180px;height:157px;float:left;position:relative;overflow:hidden;}
.news ul li .newsThum{width:100%;height:100%;position:absolute;left:0px;top:0px;}
.news ul li .newsInfo{width:150px;height:125px;position:absolute;right:0px;bottom:0px;background:#fff;}
.newsPage{width:990px;height:36px;margin-top:15px;display:block;margin:15px auto;}
.newsPage a{display:block;width:34px;height:34px;float:right;border:1px solid #e5e5e5;background:#fff url(../img/navpage.jpg) no-repeat;cursor:pointer;margin-left:2px;}
.newsPage span{background:#fff;width:65px;height:34px;border:1px solid #e5e5e5;line-height:34px;text-align:center;float:right;font-family:Georgia,"Times New Roman",Times,serif;margin-left:2px;}
.newsPage a.pagePrev{background-position:-34px 0px;}
.newsPage a.pagePrev:hover{background-position:-34px -34px;}
.newsPage a.pageNext:hover{background-position:0px -34px;}
.newsInfoTime{width:130px;margin-top:2px;height:20px;padding:0px 10px;font-size:12px;line-height:20px;font-family:Georgia,"Times New Roman",Times,serif;color:#a3a3a3;}
.newsInfoTitle{width:130px;height:36px;padding:2px 10px;line-height:18px;font-size:12px;}
.newsInfoDes{width:130px;padding:0px 10px;height:auto;font-size:12px;color:#a3a3a3;line-height:16px;margin-top:5px;}
.newsTrans{border-color:transparent #fff transparent transparent;border-style:solid;border-width:5px 5px 5px 0px;width:0;height:0;position:absolute;left:-5px;top:20px;}
.news li .bor{ width:180px;height:157px;position:relative;overflow:hidden;}
.ad{ height:44px; line-height:44px; background: url(../img/industry/realty/ga_03.jpg) repeat-x bottom; }
.ad ul,{ overflow: hidden; height: 44px }
.ad ul li{ float:left;margin-right: 3px}
.ad ul li a{width: 136px; text-align: center; background: url(../img/industry/realty/pic-menu.jpg) no-repeat -139px 0; display: block;}
.ad ul li a.on{ background: url(../img/industry/realty/pic-menu.jpg) no-repeat 0 0; color: #D1AD00; font-weight: bold; }
/* 联系我们 改动 第二次 */
.mnlxsk { float:left; width:100%; position: relative;}
.mnlxbg { background:url(../img/navabg1.png) no-repeat; width:354px; padding:0 0 0 31px; height:351px; position:absolute; right:32px; top:112px;}
.mnlxbta { float:left; width:312px;}
.mnlxbrx { float:left; width:100%; text-align:right; padding-top:27px;}
.mnlxdh { float:left; width:100%; font-size:36px; text-align:right; color:#363439; font-weight:bold;}
.mnlxly { background:url(../img/navaniu2.jpg) no-repeat left; width:80%; float:left; padding-left:20px;margin-top:5px;}
.mnlynr { background:url(../img/navbi.jpg) no-repeat right 70px; float:left; width:312px; margin-top:7px;}
.mnlxnr2 { float:left; width:876px; line-height:34px; padding:50px; padding-left:50px; font-size:13px;}
.mnlxnr2 span { width:250px;font-size:16px;}
/*---------------- 切换效果用 ----------------*/
.clearfix{display:block;}
}
/*-------- 产业列表样式 --------*/
@media screen and (min-width:1200px){
.cp_list{
margin:50px auto;
width:1020px;
margin-bottom:30px;
overflow:hidden;
}
}
@media screen and (max-width:1200px){
.cp_list{
margin:50px 30px;
width:100%;
overflow:hidden;
}
}
.cp_list li{
width:476px;
height:150px;
float:left;
margin-right:30px;
margin-bottom:50px;
overflow:hidden;
}
.cp_li_img,.cp_li_img img{
width:244px;
height:150px;
overflow:hidden;
}
.cp_li_con{
width:212px;
height:128px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:10px 0 10px 20px;
overflow:hidden;
}
.cp_li_dt{
width:212px;
height:20px;
line-height:20px;
font-size:14px;
font-weight:bold;
color:#333;
margin-bottom:5px;
overflow:hidden;
}
.cp_li_dd{
width:212px;
height:75px;
line-height:18px;
color:#666;
margin-bottom:5px;
overflow:hidden;
}
.cp_li_more{
width:197px;
height:20px;
line-height:20px;
color:#666;
background:url(../img/industry/realty/cp_li_more.jpg) no-repeat left center;
padding-left:15px;
overflow:hidden;
}
.cp_li_dt a{
color:#333;
}
.cp_li_dd a,.cp_li_more a{
color:#666;
}
.cp_li_dt a:hover,.cp_li_dd a:hover,.cp_li_more a:hover{
color:#ff9900;
}
/*-------- 其他产业详情样式 --------*/
@media screen and (min-width:1200px){
#industry {
width:50%;
margin:0 auto;
}
}
@media screen and (max-width:1200px){
#industry {
width:90%;
margin:0 auto;
}
}
#showindustry {
width:80%;
margin:0 auto;
}
/*-------- 社会责任 --------*/
.qyjjk {
width:100%;
padding-top:24px;
float:left;
}
.gynra {
float:left;
width:100%;
padding-bottom:32px;
background:url(../img/news/xian4.jpg) repeat-x bottom;
margin-bottom:35px;
}
.gynrae {
float:left;
width:100%;
padding-bottom:32px;
border-bottom:1px dashed #C9C9C9;
margin-bottom:50px;
}
.gywzya {
width:654px;
}
.gybty {
color:#000000;
font-size:16px;
padding-left:60px;
}
.gymsy {
line-height:24px;
padding-top:22px;
}
@media screen and (min-width:1200px){
.gywk {
width:927px;
margin:0 auto;
padding-bottom:60px;
}
.gywzy {
width:630px;
}
.gywztu {
width:262px;
font-size:14px;
}
}
@media screen and (max-width:1200px){
.gywk {
width:80%;
margin:0 auto;
padding-bottom:60px;
}
.gywzy {
width:60%;
}
.gywztu {
width:40%; font-size:14px;
}
}
/*-------- 招贤纳士 --------*/
@media screen and (min-width:1200px){
#joblist,#showjob,#cvlist,.v52fmbx,#feedback,#messagelist{
width:800px;
}
}
@media screen and (max-width:1200px){
#joblist,#showjob,#cvlist,.v52fmbx,#feedback,#messagelist{
width:750px;
}
}
#joblist {
padding: 15px;
line-height:2;
/*float:right;
padding-right:100px;*/
}
#joblist dl {
padding: 10px 5px 10px;
margin-top: 30px;
border: 1px solid #ddd
}
#joblist dt {
padding: 0 10px;
font-size: 16px;
font-weight: bold
}
#joblist dd .dtail {
padding: 5px 10px 0;
border-top: 1px solid #ddd
}
#joblist dd .dtail span {
margin-right: 15px
}
#joblist dd .dtail a {
color: #1c57c4
}
#joblist dd .editor {
padding: 10px;
font-size:14px;
}
#joblist dd .mis {
padding: 5px 10px;
border-bottom: 1px solid #ddd;
font-size: 12px
}
#joblist dd .mis span {
margin-right: 15px;
color: #999
}
#showjob {
margin:0 auto;
}
#cvlist {
padding: 30px
}
#showjob h1.title {
color:#D1AD00;
font-size: 24px;
padding: 15px 5px;
border-bottom: 1px solid #ddd;
margin-bottom: 30px
}
#showjob .ctitle {
color: #D1AD00;
margin: 30px 0 10px;
padding: 0 10px;
font-size: 22px;
font-weight: normal;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ddd
}
#showjob .met_editor {
padding: 0 10px;
font-size:16px;
}
#showjob .met_editor div ol li{
padding-bottom: 10px;
}
#showjob .paralist {
background: #D1AD00;
padding: 5px 10px;
color: #fff;
margin-top: 30px;
}
#showjob .paralist li {
list-style: none;
padding: 8px 5px 8px 90px;
min-height: 20px;
position: relative;
border-bottom: 1px solid #ddd
}
#showjob .paralist li:last-child {
border-bottom: 0
}
#showjob .paralist li a {
color: #fff
}
#showjob .paralist li span {
position: absolute;
left: 0;
top: 0;
width: 80px;
padding: 8px 5px;
overflow: hidden;
word-wrap: break-word
}
#showjob .info_cv {
margin-top: 30px;
margin-left: 10px
}
#showjob .info_cv a {
display: inline-block;
background: #D1AD00;
height: 35px;
line-height: 35px;
padding: 0 35px;
color: #fff;
border-radius: 2px
}
#showjob .info_cv a:hover {
background: #38c4f0
}
#showjob .info_cv a.active {
background: #1ba4cf
}
/*-------- 在线应聘 --------*/
.v52fmbx_hr {
border-top: 1px solid #ddd;
margin: 0;
padding: 0 5px 0 15px;
font-weight: bold;
font-size: 16px;
background: #ddd;
height: 60px;
line-height: 60px;
}
:-ms-input-placeholder {
color: #999
}
.v52fmbx {
border: 1px solid #ddd;
border-top: 0;
overflow: hidden;
text-align: left;
line-height:1.2;
font-size:14px;
}
ol {
margin-left:3em;
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
.v52fmbx dl:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0
}
.v52fmbx dl {
clear:left;
width: 100%;
zoom: 1;
background: #fff
}
.v52fmbx dl {
border-top: 1px solid #ddd;
margin: 0;
/*display: -webkit-box;*/
display: -moz-box;
display: box;
display: -ms-flexbox;
position: relative;
padding: 5px 0
}
.v52fmbx dl dt {
float:left;
padding: 15px 15px 10px 15px;
width: 105px;
text-align: left;
font-weight: normal;
overflow: hidden;
line-height: 1.2
}
.v52fmbx dl dd {
float:left;
-moz-box-flex: 1.0;
-webkit-box-flex: 1.0;
box-flex: 1.0;
-ms-flex: 1;
padding: 2px 0 0 15px;
margin: 10px 0
}
.v52fmbx dl dd label input {
position: relative;
top: 1px;
margin-right: 3px
}
.v52fmbx dl dd .fbox {
margin: 0 10px 0 0
}
.v52fmbx dl dd .tips {
color: #aaa
}
.v52fmbx dl dd .tips:hover {
color: #f00
}
.v52fmbx dl dd.labelinline label {
display: inline
}
.v52fmbx dl dt.addimgdt {
padding: 10px 5px 10px
}
.v52fmbx dl dt.addimgdt p {
height: 30px;
line-height: 30px;
margin-bottom: 8px
}
.v52fmbx dl.noborder {
border-bottom: 0
}
.v52fmbx select {
line-height: 31px;
height: 31px;
vertical-align: middle;
background-color: #fff;
outline: 0;
border: 1px solid #ccc;
padding: 4px;
color: #656565;
}
.v52fmbx dl dd.ftype_code input {
width: 80px;
margin-right: 10px
}
.v52fmbx dl dd.ftype_code img {
height: 30px;
position: relative;
bottom: 2px
}
.ftype_textarea .tips {
display: block
}
.ftype_textarea textarea {
width: 350px;
line-height: 1.5;
height: 100px;
padding: 7px 5px;
border: 1px solid #dcdfe0;
background-color: #fff;
color: #333;
outline: 0
}
.ftype_input .fbox {
float: left
}
.ftype_input .tips {
float: left;
padding-top: 5px
}
.ftype_input .fbox input {
width: 350px;
height: 28px;
line-height: 28px\9;
padding: 2px 5px;
border: 1px solid #dcdfe0;
background-color: #fff;
color: #333;
outline: 0;
border-radius: 2px
}
.submit {
display: block;
background: #D60010;
border: 0 none;
height: 34px;
line-height: 26px;
padding: 0 35px;
color: #fff;
cursor: pointer;
border-radius: 2px;
font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'
}
.submit:hover {
background: #38c4f0
}
#feedback {
padding-top:30px;
}
/*-------- pager控制器样式 --------*/
.met_pager {
text-align: center;
padding-bottom: 30px;
}
.met_pager a {
border: 1px solid #e0e0e0;
text-align: center;
height: 28px;
line-height: 28px;
min-width: 28px;
_width: 28px;
text-align: center;
display: inline-block;
color: #aaa
}
.met_pager a:hover {
border: 1px solid #a0a0a0;
color: #aaa
}
.met_pager .PreSpan,.met_pager .NextSpan {
height: 30px;
line-height: 30px;
min-width: 60px;
_width: 60px;
text-align: center;
background: #f0f0f0;
color: #ccc;
display: inline-block
}
.met_pager .PreA,.met_pager .NextA {
height: 28px;
line-height: 28px;
min-width: 58px;
_width: 58px;
color: #aaa
}
.met_pager .PreSpan,.met_pager .PreA {
margin-right: 6px
}
.met_pager .NextSpan,.met_pager .NextA {
margin-left: 6px
}
.met_pager .firstPage,.met_pager .lastPage {
font-weight: bold;
height: 28px;
line-height: 28px;
min-width: 40px;
_width: 40px;
color: #aaa
}
.met_pager .Ahover {
font-weight: bold;
background: #f0f0f0;
color: #aaa
}
.met_pager .PageText {
margin-left: 10px;
color: #aaa
}
.met_pager #metPageT,#metPageB {
text-align: center;
border: 1px solid #e0e0e0;
color: #aaa
}
.met_pager #metPageT {
width: 20px;
padding: 6px 5px 5px
}
.met_pager #metPageB {
min-width: 40px;
_width: 40px;
padding: 6px 0 5px;
cursor: pointer;
font-weight: bold
}
@media screen and (max-width:1200px){
/* box layout */
.box_layout .con .tit {font-size:18px}
.box_layout .con .cell_tit{font-size:18px}
}
/*---------------- 企业风采 ----------------*/
#imglist {
width:780px;
}
#imglist ul.list_1 {
list-style: none;
visibility: hidden
}
#imglist ul.list_1 li {
width:100%;
float: left;
text-align: center;
margin-top: 30px;
overflow: hidden
}
#imglist ul.list_1 li a {
text-align: center;
display: block;
margin: 0 auto;
background: #fff;
border: 1px solid #ddd;
font-size: 0
}
#imglist ul.list_1 li h2 {
text-align: left;
font-size: 14px;
padding: 10px 10px;
font-weight: normal;
border-top: 1px solid #ddd
}
#imglist ul a img {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s
}
#imglist ul a:hover h2 {
color: #333
}
#imglist ul a:hover img {
filter: alpha(opacity = 50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5
}
#imglist ul.list_2 {
list-style: none;
}
#imglist ul.list_2 li {
height:160px;
padding: 20px 10px;
border-bottom: 1px solid #ddd
}
#imglist ul.list_2 li dl{
height:100%;
}
#imglist ul.list_2 dt {
float: left;
position: relative
}
#imglist ul.list_2 dd {
float: left;
width: auto
}
#imglist ul.list_2 dd h2 {
padding: 5px 10px;
font-size: 15px
}
#imglist ul.list_2 dd p {
padding: 5px 10px;
color: #818181
}
#showimg {
width:75%;
margin:0 auto;
}
#showimg h1.met_title {
font-size: 24px;
padding: 15px 5px;
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
text-align:center;
}
#showimg .met_slide_box {
text-align: center;
background: #000;
margin: 0 auto;
overflow: hidden;
position: relative
}
#showimg .met_slide_list ul {
display: none;
}
#showimg ul.exposureThumbs {
border-right: 0;
padding: 0;
margin: 0;
list-style-type: none;
height: 79px;
width: 790px;
margin: 0px auto;
padding: 10px
}
#showimg ul.exposureThumbs li {
background: #111;
margin: 0 10px 0 0;
padding: 0;
text-align: center;
display: none;
float: left
}
#showimg ul.exposureThumbs li img {
cursor: pointer
}
#showimg ul.exposureThumbs li.last {
margin: 0
}
#showimg .exposureWrapper {
position: absolute;
top: 0;
left: 0
}
#showimg .exposureWrapper img {
cursor: pointer;
position: absolute;
top: 0;
left: 0
}
#showimg .exposureLoaded {
background-image: none
}
#showimg ul.exposureThumbs li {
width: 150px;
height: 79px
}
#showimg .exposureSlideshowControls a {
font-size: 11px;
color: #bba;
text-decoration: none;
outline: 0;
padding: 2px 6px;
display: inline
}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover
{
background-color: #999;
color: #444
}
#showimg .met_slide_box .left,.met_slide_box .right {
position: absolute;
width: 50%;
cursor: pointer
}
#showimg .met_slide_box .left a,.met_slide_box .right a {
display: block;
width: 100%;
height: 100%
}
#showimg .imgparalist {
background: #8c989f;
padding: 5px 10px;
color: #fff;
visibility: hidden;
margin-top: 30px;
visibility: hidden
}
#showimg .imgparalist li {
list-style: none;
padding: 8px 5px 8px 90px;
min-height: 20px;
position: relative;
border-bottom: 1px solid #ddd
}
#showimg .imgparalist li:last-child {
border-bottom: 0
}
#showimg .imgparalist li a {
color: #fff
}
#showimg .imgparalist li span {
position: absolute;
left: 0;
top: 0;
width: 80px;
padding: 8px 5px;
overflow: hidden;
word-wrap: break-word
}
#showimg .met_editor div p{
text-align:center;
}
/*--------------- 网站地图 -----------------*/
@media screen and (min-width:1200px){
.met_section{
width:1100px;
}
}
@media screen and (max-width:1200px){
.met_section{
width:780px;
}
}
#sitemaplist dl{
margin-top:30px;
padding:20px;
border:1px solid #ddd;
}
#sitemaplist dt h2{
font-size:18px;
font-weight:normal;
padding:10px 0;
border-bottom:1px solid #ddd;
}
#sitemaplist dt h2 i{
font-size:22px;
margin-left:10px;
font-weight:normal;
color:#888;
position:relative;
top:2px;
}
#sitemaplist dd ul{
float:left;
width:25%;
list-style:none;
margin-top:20px;
}
#sitemaplist dd li{
margin-top:5px;
}
#sitemaplist dd li h4 a{
font-weight:normal;
color:#666;
}
.met_section{position:relative;padding:40px 0 50px;}
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{float:left;margin-left:-230px;width:100%;}
.met_section article .met_article{margin-left:250px;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{border:1px solid #ddd;}
.met_section aside section h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef; border-left:4px solid #e9280c;}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'宋体';line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}
/*------------------- 下载中心 --------------------*/
@media screen and (min-width:1200px){
#downloadlist, #showdownload{
width:1100px;
}
}
@media screen and (max-width:1200px){
#downloadlist, #showdownload{
width:780px;
}
}
#downloadlist{padding:15px}
#downloadlist .metlist{margin-bottom:20px}
#downloadlist .metlist dt{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:8px 5px 8px 0;background:url(../images/dt-9.gif) no-repeat 5px 11px}
#downloadlist .metlist dd{color:#999;padding:8px;background:#f7f8fa}
#downloadlist .metlist dd b{font-weight:normal}
#downloadlist .metlist dd div{float:right}
#downloadlist .metlist dd span{padding-right:20px}
#downloadlist .metlist dd a{color:#1c57c4}
#downloadlist .metlist dd a.down{color:#fa1a1a}
#showdownload{padding:15px}
#showdownload h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showdownload .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden}
#showdownload .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showdownload .paralist li:last-child{border-bottom:0}
#showdownload .paralist li a{color:#fff}
#showdownload .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;word-wrap:break-word}
#showdownload .met_editor{padding:0 10px}
#showdownload .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showdownload .downloadbox{margin-top:30px}
#showdownload .downloadbox a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showdownload .downloadbox a:hover{background:#38c4f0}
#showdownload .downloadbox a.active{background:#1ba4cf}
/*------------------- 企业荣誉 --------------------*/
#rybody{
max-width: 1200px;
margin: 0 auto;
padding: 0 5%;
font-size: 100%;
font-family: "Noto Sans", sans-serif;
color: #000000;
background: #ffffff;
}
#rybody h2{
margin: 3em 0 0 0;
font-size: 2em;
letter-spacing: 2px;
text-transform: uppercase;
}
/* -------------------------------------
* timeline
* ------------------------------------- */
#timeline {
list-style: none;
margin: 50px 0 30px 120px;
padding-left: 30px;
border-left: 8px solid #000;
}
#timeline li {
margin: 40px 0;
position: relative;
}
#timeline p {
margin: 0 0 15px;
}
#rybody .date {
margin-top: -10px;
top: 50%;
left: -158px;
font-size: 1.8em;
line-height: 20px;
position: absolute;
}
#rybody .circle {
margin-top: -10px;
top: 50%;
left: -44px;
width: 10px;
height: 10px;
background: #ef252a;
border: 5px solid #eee9dc;
border-radius: 50%;
display: block;
position: absolute;
}
#rybody .content {
max-height: 20px;
padding: 50px 20px 0;
border-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 0.5em;
position: relative;
}
#rybody .content:before, #rybody .content:after {
content: "";
width: 0;
height: 0;
border: solid transparent;
position: absolute;
pointer-events: none;
right: 100%;
}
#rybody .content:before {
border-right-color: inherit;
border-width: 20px;
top: 50%;
margin-top: -20px;
}
#rybody .content:after {
border-right-color: #fff;
border-width: 17px;
top: 50%;
margin-top: -17px;
}
#rybody .content p {
max-height: 0;
color: transparent;
text-align: justify;
word-break: break-word;
hyphens: auto;
overflow: hidden;
}
#rybody label {
font-size: 1.8em;
position: absolute;
z-index: 100;
cursor: pointer;
top: 20px;
transition: transform 0.2s linear;
}
#rybody .radio {
display: none;
}
/* -------------------------------------
* mobile phones (vertical version only)
* ------------------------------------- */
@media screen and (max-width: 767px) {
#timeline {
margin-left: 0;
padding-left: 0;
border-left: none;
}
#timeline li {
margin: 50px 0;
}
#rybody label {
width: 85%;
font-size: 1.1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
transform: translateX(18px);
}
#rybody .content {
padding-top: 45px;
border-color: #eee9dc;
}
#rybody .content:before, .content:after {
border: solid transparent;
bottom: 100%;
}
#rybody .content:before {
border-bottom-color: inherit;
border-width: 17px;
top: -16px;
left: 50px;
margin-left: -17px;
}
#rybody .content:after {
border-bottom-color: #48b379;
border-width: 20px;
top: -20px;
left: 50px;
margin-left: -20px;
}
#rybody .content p {
font-size: 0.9em;
line-height: 1.4;
}
#rybody .circle, #rybody .date {
display: none;
}
}