.wrap { width: 1100px; margin-right: auto; margin-left: auto; } .l { float: left; } .r { float: right !important; } .pr { position: relative; } .pa { position: absolute; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .vm { vertical-align: middle; } .vt { vertical-align: top; } .vb { vertical-align: bottom; } .db { display: block; } .dib { display: inline-block; -moz-inline-stack: inline-block; } .fix { } .fix::before { display: table; content: ""; } .fix::after { display: table; content: ""; } .fix::after { clear: both; } .el { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } .art_link a { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } .oh { overflow: hidden; } .mh { height: auto !important; min-height: 464px; } .btn { cursor: pointer; } .hidetext { font: 0px/0 a; letter-spacing: -9px; font-size-adjust: none; font-stretch: normal; } .cir { width: 0px; height: 0px; overflow: hidden; display: inline-block; } .bor1 { border: 1px solid rgb(221, 221, 221); border-image: none; } .bor1_b { border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; } .bor1_b_s { border-bottom-color: rgb(171, 171, 171); border-bottom-width: 1px; border-bottom-style: dotted; } .red { color: rgb(230, 0, 19) !important; } .grey { background: rgb(237, 237, 237) !important; } .p20 { padding: 20px; } .plr15 { padding-right: 15px; padding-left: 15px; } .mt20 { margin-top: 20px; } .mt10 { margin-top: 10px; } .plr25 { padding-right: 25px; padding-left: 25px; } .pb25 { padding-bottom: 25px; } .pb35 { padding-bottom: 35px; } .mb20 { margin-bottom: 20px; } .lh2 { line-height: 2; } .w680 { width: 680px; } .w220 { width: 220px; } .line { background: url("../images/ico.png") no-repeat -99px -64px; margin: 0px 12px; width: 1px; height: 14px; overflow: hidden; vertical-align: middle; display: inline-block; } .bwhite { background: rgb(255, 255, 255); } .hide { display: none; } .slide { width: 100%; position: relative; } .ban_c { left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none; position: absolute; } .ban_c img { width: 100%; height: 100%; } .ban_t { background: rgba(0, 0, 0, 0.5); padding: 4px 0px; left: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); text-indent: 10px; overflow: hidden; white-space: nowrap; position: absolute; z-index: 3; } .ban_nav { left: 0px; width: 100%; text-align: right; bottom: 0px; position: absolute; z-index: 4; } .ban_nav a { background: rgb(204, 204, 204); width: 14px; height: 14px; text-align: center; line-height: 14px; overflow: hidden; font-size: 10px; text-decoration: none; margin-right: 8px; vertical-align: middle; display: inline-block; cursor: pointer; -webkit-text-size-adjust: none; } .ban_nav .on { background: rgb(255, 153, 0); color: rgb(255, 255, 255); } .Left { cursor: pointer; } .Right { cursor: pointer; } .view { width: 100%; height: 100%; overflow: hidden; position: relative; } .gallery { height: 100%; font-size: 0px; white-space: nowrap; } .gallery_cell { height: 100%; overflow: hidden; font-size: 12px; float: left; white-space: normal; } .sele { width: 99px; height: 20px; line-height: 20px; position: relative; cursor: pointer; } .sele_ { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-image: none; left: -1px; top: 20px; width: 100%; display: none; position: absolute; } .sele_ a { display: block; } .sele_ a:hover { background: rgb(240, 240, 240); color: rgb(51, 51, 51); } .datalist { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; text-align: left; border-collapse: collapse; } .datalist caption { padding-bottom: 5px; font-weight: bold; } .datalist th { padding: 4px 0px 4px 15px; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(0, 0, 0); font-weight: bold; background-color: rgb(238, 238, 238); } .datalist td { padding: 4px 0px 4px 15px; border: 1px solid rgb(204, 204, 204); border-image: none; } .datalist tr.altrow { background: rgb(199, 229, 255); } .picshow img { width: 100%; display: block; } .ico { background: url("../images/ico.png"); width: 20px; height: 20px; overflow: hidden; vertical-align: middle; display: inline-block; } .ico1_2 { background-position: -20px 0px; } .ico1_3 { background-position: -40px 0px; } .ico1_4 { background-position: -60px 0px; } .ico1_5 { background-position: -80px 0px; } .ico2_1 { background-position: 0px -20px; } .ico2_2 { background-position: -20px -20px; } .ico2_3 { background-position: -40px -20px; } .ico2_4 { background-position: -60px -20px; } .ico2_5 { background-position: -80px -20px; } .ico3_1 { background-position: 0px -40px; } .ico3_2 { background-position: -20px -40px; } .ico3_3 { background-position: -40px -40px; } .ico3_4 { background-position: -60px -40px; } .ico3_5 { background-position: -80px -40px; } .ico4_1 { background-position: 0px -60px; } .ico4_2 { background-position: -20px -60px; } .ico4_3 { background-position: -40px -60px; } .ico4_4 { background-position: -60px -60px; } .ico4_5 { background-position: -80px -60px; } .ico5_1 { background-position: 0px -80px; } .ico5_2 { background-position: -20px -80px; } .ico5_3 { background-position: -40px -80px; } .ico5_4 { background-position: -60px -80px; } .ico5_5 { background-position: -80px -80px; } .ico6_1 { background-position: 0px -100px; } .ico6_2 { background-position: -20px -100px; } .ico6_3 { background-position: -40px -100px; } .ico6_4 { background-position: -60px -100px; } .ico6_5 { background-position: -80px -100px; } .ico7_1 { background-position: 0px -120px; } .ico7_2 { background-position: -20px -120px; } .ico7_3 { background-position: -40px -120px; } .ico7_4 { background-position: -60px -120px; } .ico7_5 { background-position: -80px -120px; } .ico8_1 { background-position: 0px -140px; } .ico8_2 { background-position: -20px -140px; } .ico8_3 { background-position: -40px -140px; } .ico8_4 { background-position: -60px -140px; } .ico8_5 { background-position: -80px -140px; } .percent30 { width: 30%; } .percent50 { width: 49%; } .percent70 { width: 70%; } .side { width: 185px; } .main_cont { width: 495px; } .sub { width: 235px; } .Tit1 { font: bold 16px/42px "microsoft yahei"; height: 42px; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; } .Tit1 a { font: bold 16px/42px "microsoft yahei"; height: 42px; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; } .Tit1 a:hover { color: rgb(51, 51, 51); } .Tit2 { font: bold 24px/56px "microsoft yahei"; height: 56px; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal; } .Tit2 a { font: bold 24px/56px "microsoft yahei"; height: 56px; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal; } .Tit2 a:hover { color: rgb(0, 0, 0); } .Tit3 { font: bold 18px/50px "microsoft yahei"; height: 50px; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; } .Tit3 a { font: bold 18px/50px "microsoft yahei"; height: 50px; color: rgb(51, 51, 51); font-size-adjust: none; font-stretch: normal; } .Tit3 a:hover { color: rgb(51, 51, 51); } .Tit4 { font: bold 22px/56px "microsoft yahei"; height: 56px; color: rgb(118, 118, 118); font-size-adjust: none; font-stretch: normal; } .Tit4 a { font: bold 22px/56px "microsoft yahei"; height: 56px; color: rgb(118, 118, 118); font-size-adjust: none; font-stretch: normal; } .Tit3 a:hover { color: rgb(118, 118, 118); } .t { color: rgb(51, 51, 51); } .t a { color: rgb(51, 51, 51); } .t a:hover { color: rgb(0, 0, 0); } .head { background: rgb(253, 253, 253); height: 97px; z-index: 9; } .head_top { height: 47px; position: relative; z-index: 10; } .head_top .dib { text-align: left; line-height: 20px; vertical-align: top; } .head_top .cir { border-width: 4px; border-style: solid; border-color: rgb(115, 115, 115) rgb(255, 255, 255) rgb(255, 255, 255); border-image: none; top: 20px; right: 0.5em; position: absolute; } .head_top .sele_on .cir { border-color: rgb(238, 24, 31) rgb(255, 255, 255) rgb(255, 255, 255); } .comp { width: auto; border-right-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; } .mob { width: auto; border-right-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; } .comp span { display: inline-block; } .comp .sele_ { width: 150px; } .comWhitePart { border: 1px solid rgb(225, 225, 225); border-image: none; width: auto; height: auto; clear: both; background-color: rgb(255, 255, 255); } .lang { margin: 12px 0px 0px 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: auto; } .head_f { margin: 12px 0px 0px 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: auto; } .lang { text-indent: 5px; } .lang b { background: rgb(102, 102, 102); width: 26px; text-align: center; color: rgb(255, 255, 255); text-indent: 0px; display: inline-block; } .langHover b { background: rgb(0, 132, 226); color: rgb(255, 255, 255); } .lang span { width: 70px; display: inline-block; } .lang .sele_ { padding-bottom: 10px; border-bottom-color: rgb(0, 132, 226); border-bottom-width: 3px; border-bottom-style: solid; } .lang .sele_ a:hover { background: none; color: rgb(202, 4, 1); } .head_f form { background: url("../images/fangdj.gif") no-repeat 98% 3px rgb(246, 246, 246); } .head_f .btn { width: 20px; } .head_f .focous { background-position: 98% -33px; background-color: rgb(255, 255, 255); } .head_top .mob { height: 44px; line-height: 44px; border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid; } .head_top .comp { height: 44px; line-height: 44px; border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid; } .head_top .log { height: 44px; line-height: 44px; border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid; } .head_top .comp { padding: 0px 2em 0px 0.5em; } .head_top .mob { padding: 0px 2em 0px 0.5em; } .head_top .log { padding: 0px 1em 0px 0.5em; } .head_top .comp .sele_ { background: url("../images/glos_b.png") no-repeat 48% 50px rgb(250, 250, 250); padding: 20px 0px; left: -178px; top: 44px; width: 445px; line-height: 2; border-bottom-color: rgb(235, 0, 7); border-bottom-width: 3px; border-bottom-style: solid; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); } .head_top .comp li { padding-left: 1em; } .head_top .comp strong { padding-left: 1em; } .head_top .comp .t { padding-left: 1em; } .head_top .comp a { display: inline; } .head_top .comp li a:hover { background: none; color: rgb(227, 15, 0); } .head_top .hover { border-top-color: rgb(0, 132, 226); } .head_top .comp_hover { border-top-color: rgb(0, 132, 226); } .head_top .comp_hover { background: rgb(250, 250, 250); border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); box-shadow: 0px 0px 4px rgba(0,0,0,0.2); } .head_top .mob_hover { background: rgb(250, 250, 250); border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); box-shadow: 0px 0px 4px rgba(0,0,0,0.2); } .head_top .comp_hover .cir { border-color: rgb(0, 132, 226) rgb(250, 250, 250) rgb(250, 250, 250); } .head_top .mob_hover .cir { border-color: rgb(0, 132, 226) rgb(250, 250, 250) rgb(250, 250, 250); } .head_top .comp .glos { width: 175px; padding-left: 30px; } .head_top .comp .glos em { margin: 0px 0.5em; color: rgb(227, 15, 0); } .head_top .comp .t { line-height: 2.5; font-size: 14px; font-weight: bold; margin-top: 0.7em; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dotted; } .mob .ico { margin-top: 12px; float: left; } .log .ico { margin-top: 12px; float: left; } .head_top .mob .sele_ { background: rgb(250, 250, 250); padding: 8px 25px; top: 44px; width: 225px; line-height: 2.5; border-bottom-color: rgb(0, 132, 226); border-bottom-width: 3px; border-bottom-style: solid; cursor: default; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); } .head_top .mob img { margin: 0px 10px 10px 0px; width: 80px; vertical-align: bottom; } .head_top .mob .sele_ .ico { margin: 0px; float: none; } .head_top .mob .sele_ a { display: inline; } .head_top .mob .sele_ a:hover { background: inherit; color: rgb(230, 0, 19); } .head_top .mob .dotline { border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dotted; } .head_top .mob .dotline img { margin-bottom: 0px; } .head_top .mob .sele_ .t { font-size: 14px; font-weight: bold; } .dotline .more { margin: 5px 0px 0px; color: rgb(0, 132, 226); display: inline-block !important; } .dotline .more:hover { color: rgb(102, 102, 102) !important; } .index .shadow { background: url("../images/1pxshadow.png"); left: 0px; width: 100%; height: 8px; bottom: -8px; overflow: hidden; } .nav { width: 810px; z-index: 9; } .nav .li { width: 110px; height: 50px; float: left; } .nav .nav_cell { font: bold 14px/50px "microsoft yahei"; text-align: center; display: block; font-size-adjust: none; font-stretch: normal; } .nav_lev2 { background: rgb(255, 255, 255); top: 50px; width: 600px; right: 0px; overflow: hidden; display: none; position: absolute; box-shadow: 0px 2px 8px rgba(0,0,0,0.2); _top: 49px; } .nav_menu { background: rgb(237, 237, 237); padding-bottom: 9999px; margin-bottom: -9999px; } .nav_menu li { height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } .nav_block { left: 0px; width: 100%; height: 4px; bottom: 0px; overflow: hidden; z-index: -1; _bottom: 1px; } .nav_line { background: url("../images/navLine.gif"); left: 0px; width: 100%; height: 4px; bottom: 0px; overflow: hidden; } .head_block { left: 0px; width: 100%; height: 4px; bottom: 0px; overflow: hidden; z-index: -1; } .head_line { background: rgb(0, 132, 226); left: 50%; width: 50%; height: 4px; bottom: 0px; overflow: hidden; margin-left: 489px; } .nav .hover .nav_lev2 { display: block; } .nav_lev2 .cont { padding: 30px 35px 35px; color: rgb(102, 102, 102); } .nav_lev2 .t { color: rgb(51, 51, 51); font-size: 14px; font-weight: bold; margin-top: 0.5em; } .nav_lev2 .shadow { top: 0px; bottom: auto; } .nav_lev2 .cont ul { width: 100%; overflow: hidden; } .nav_lev2 .cont li { width: 45%; margin-right: 5%; float: left; } .nav_lev2 .cont img { width: 100%; } .nav_lev2_1 { width: 690px; } .nav_lev2_1 .cont img { width: 294px; margin-right: 15px; float: left; } .nav_lev2_1 .cont .t { height: 4em; overflow: hidden; } .nav_lev2_2 { width: 690px; } .nav_lev2_2 .cont a { width: 100%; display: block; position: relative; } .nav_lev2_2 .cont .vid .t { background: url("../images/v.gif") no-repeat right 5px; padding-right: 1em; } .nav_lev2_3 { width: 720px; } .nav_lev2_3 .Tit1 { line-height: 1.5; } .nav_lev2_4 { width: 666px; } .nav_lev2_4 .cont .t { height: 2em; overflow: hidden; } .nav_lev2_5 { width: 684px; } .nav_lev2_5 .cont .t { height: auto; line-height: 1.5; overflow: hidden; margin-bottom: 0.5em; } .nav_lev2_6 { width: 580px; } .navtoplev1 { right: 87px; } .navtoplev2 { } .navtoplev3 { } .navtoplev4 { } .navtoplev5 { } .navtoplev6 { } .banner { height: 452px; _margin-top: -1px; position: relative; } .banner .ban_c img { left: 50%; top: 0px; width: 1920px; margin-left: -960px; position: absolute; } .banner .ban_nav { display: none; } .banner .ban_t { padding: 20px; left: 50%; width: 248px; bottom: 105px; color: rgb(255, 255, 255); text-indent: 0px; margin-left: -493px; white-space: normal; } .banner .ban_t .t { color: rgb(255, 255, 255); line-height: 1.4; font-size: 30px; font-weight: bold; } .banner .link { background: rgb(235, 0, 7); padding: 5px 0px; left: 50%; width: 288px; bottom: 0px; color: rgb(255, 255, 255); text-indent: 12px; margin-left: -493px; display: none; position: absolute; z-index: 9; } .banner .link em { padding-right: 8px; float: right; _margin: 3px 0 0; _padding-right: 4px; } .banner .link .cir { border-width: 4px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent rgb(255, 255, 255); margin-left: 4px; vertical-align: 1px; } .banner .Left { background: url("../images/cir_white.gif") no-repeat rgb(170, 170, 170); width: 38px; height: 38px; right: 50%; bottom: 15px; position: absolute; } .banner .Right { background: url("../images/cir_white.gif") no-repeat rgb(170, 170, 170); width: 38px; height: 38px; right: 50%; bottom: 15px; position: absolute; } .banner .Left { background-position: 5px 0px; margin-right: -450px; } .banner .Right { background-position: -33px 0px; margin-right: -490px; background-color: #4B8D7F; } .bann_ext { position: relative; top: 500px; } .frontCover { top: -96px; position: absolute; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; left: 2px; } .frontCover li { background: rgb(0, 0, 0); padding: 3px; width: 134px; color: rgb(255, 255, 255); overflow: hidden; margin-right: 10px; float: left; cursor: pointer; height: 73px; } .frontCover p { text-align: center; height: 0px; margin: 0px; padding: 0px; display: none; width: 0px; } .frontCover .img { height: 73px; overflow: hidden; position: relative; width: 134px; } .frontCover img { left: -50px; width: 184px; height: 73px; position: absolute; } .frontCover .open { background-color: #4B8D7F; } .bann_ext_bord { width: 1100px; padding-top: 10px; } .bann_ext_bord h2 { color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; margin-right: 10px; float: left; } .index_gg { height: 24px; line-height: 24px; overflow: hidden; position: relative; } .index_gg .key { background: url("../images/ico.png") no-repeat -40px -38px; width: 20px; height: 24px; margin-right: 10px; } .index_gg .btn { height: 10px; overflow: hidden; display: block; } .index_gg ul { top: 0px; width: 500px; height: 100%; float: left; position: relative; } .index_gg li { width: 100%; height: 100%; overflow: hidden; float: left; } .index_gg li a { font-size: 14px; margin-right: 1.5em; float: left; } .mybdshare #bdshare { line-height: 15px; margin-top: -2px; float: right; } .mybdshare #bdshare .bds_more { background: url("../images/share.gif") no-repeat 5px 3px !important; font-family: "microsoft yahei"; } .artbdshare #bdshare .bds_more { background: url("../images/share.gif") no-repeat 5px 3px !important; font-family: "microsoft yahei"; } .bann_ext_list { color: rgb(221, 221, 221); padding-top: 10px; clear: left; margin-top: 5px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; } .bann_ext_list a { color: rgb(51, 51, 51); } .bann_ext_list .dib { margin: 0px 0.5em; line-height: 20px; } .bann_ext_list a:hover { color: rgb(153, 153, 153); }