@charset "gb2312";
/* CSS Document */
html, body, div, span, object, iframe, h1, h3, h2, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, p, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none; }
body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; color: #333; background: url(../img/bg.gif); }
a { cursor: pointer; color: #FF0; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; color: #F00; font-weight: bold; -webkit-transition: background .2s, color .2s ease-in; -moz-transition: background .2s, color .2s ease-in; -ms-transition: background .2s, color .2s ease-in; -o-transition: background .2s, color .2s ease-in; transition: background .2s, color .2s ease-in; }
img { vertical-align: top; border: none; }
/* nav */
.z_nav { width: 100%; height: 35px; line-height: 35px; overflow: hidden; background-color: #F2F2F2; border-bottom: 1px solid #E2E2E2; }
.z_nav-k { width: 1050px; margin: 0 auto; }
.z_nav-k .z_nav-logo { float: left; position: relative; top: 8px; }
.z_nav-k .z_nav-link { float: left; margin-left: 30px; }
.z_nav-k .z_nav-link a { float: left; margin: 0 10px; font-size: 15px; color: #333; }
.z_nav-k .z_nav-link a:hover { color: #666; }
.z_nav-k .z_nav-right { float: right; }
.z_nav-k .z_nav-right li { float: left; }
.z_nav-k .z_nav-right li a { float: left; font-size: 15px; color: #333; display: inline; }
/* 页脚 */
.footer { width: 1210px; margin: 10px auto 0; height: 100px; display: block; }
.footer #p1 { text-align: right; border-bottom: 3px solid #333; width: 1210px; line-height: 36px; font-size: 12px; color: #333; }
.footer #p2 { text-align: center; width: 1210px; line-height: 28px; padding-top: 10px; color: #333; }
/* 返回顶部 */
#moquu_top, #moquu_wxin { z-index: 2; width: 50px; height: 50px; right: 10px; position: fixed; cursor: pointer; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
#moquu_wxin { top: 360px; _margin-top: 360px; }
#moquu_wxin a { background: url(http://www.0352fang.com/zhuanti/2015/1508/hhbhw//img/sbtn.png) 0 -150px; right: 0; float: left; width: 50px; height: 50px; text-indent: -9999px; }
#moquu_wxin a:hover { background: url(http://www.0352fang.com/zhuanti/2015/1508/hhbhw//img/sbtn.png) -50px -150px; }
#moquu_top { top: 412px; _margin-top: 412px; background: url(http://www.0352fang.com/zhuanti/2015/1508/hhbhw//img/sbtn.png) 0 -101px; width: 50px; height: 50px; }
#moquu_top:hover { background: url(http://www.0352fang.com/zhuanti/2015/1508/hhbhw//img/sbtn.png) -50px -101px; }
.moquu_wxin { position: relative; z-index: 2; }
.moquu_wxin a:hover .moquu_wxinh { display: block; }
.moquu_wxin .moquu_wxinh { position: absolute; display: none; left: -225px; top: -52px; width: 275px; height: 355px; background: url(../img/ewm.png) no-repeat; }
/* 公共style */
.blank0, .blank1, .blank2, .blank3, .blank4, .blank5, .blank6, .blank7, .blank8, .blank9, .blank10, .blank11, .blank12, .blank13, .blank14, .blank15, .blank16, .blank17, .blank18, .blank19, .blank20, .blank25, .blank30, .blank35, .blank40, .blank45, .blank50 { clear: both; display: block; font-size: 1px; overflow: hidden; }
.blank0 { height: 0; }
.blank1 { height: 1px; }
.blank2 { height: 2px; }
.blank3 { height: 3px; }
.blank4 { height: 4px; }
.blank5 { height: 5px; }
.blank6 { height: 6px; }
.blank7 { height: 7px; }
.blank8 { height: 8px; }
.blank9 { height: 9px; }
.blank10 { height: 10px; }
.blank11 { height: 11px; }
.blank12 { height: 12px; }
.blank13 { height: 13px; }
.blank14 { height: 14px; }
.blank15 { height: 15px; }
.blank16 { height: 16px; }
.blank17 { height: 17px; }
.blank18 { height: 18px; }
.blank19 { height: 19px; }
.blank20 { height: 20px; }
.blank25 { height: 25px; }
.blank30 { height: 30px; }
.blank35 { height: 35px; }
.blank40 { height: 40px; }
.blank45 { height: 45px; }
.blank50 { height: 50px; }
.z_wrap { width: 100%; height: auto; margin: 0 auto; padding: 0 20px; }
#l { float: left; }
#r { float: right; }
#music { width: 200px; height: 50px; float: right; position: fixed; right: 2px; bottom: 2px; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom: 2px; overflow: hidden; }
/* /公共style */

/* top */
#z_top { width: 100%; min-width: 1210px; height: auto; margin: 0 auto; }
#z_top1 { width: 100%; height: auto; margin: 0 auto; }
#z_top2 { width: 100%; height: auto; margin: 0 auto; }
#z_top3 { width: 100%; height: auto; margin: 0 auto; }
#z_top4 { width: 100%; height: auto; margin: 0 auto; }
#z_top5 { width: 100%; height: auto; margin: 0 auto; }
#z_top6 { width: 100%; height: auto; margin: 0 auto; }
#z_top7 { width: 100%; height: auto; margin: 0 auto; }
/* /top */

/* bt */
#bt1 { width: 100%; height: 117px; background: url(../img/daoyu.jpg) center no-repeat; }
#bt2 { width: 100%; height: 95px; background: url(../img/bt_1.png) center no-repeat; min-width: 1210px; margin-bottom: 30px; }
#bt3 { width: 100%; height: 95px; background: url(../img/bt_2.png) center no-repeat; min-width: 1210px; margin-bottom: 30px; }
#bt4 { width: 100%; height: 95px; background: url(../img/bt_3.png) center no-repeat; min-width: 1210px; margin-bottom: 30px; }
/* /bt */

/* next1 */
.z_next1 { width: 100%; height: auto; overflow: hidden; }
#z_dy { width: 100%; height: 238px; background: url(../img/dy_bg.jpg) center no-repeat; }
#z_dy p { width: 1210px; margin: 0 auto; padding-top: 30px; text-indent: 2em; font-size: 24px; line-height: 38px; color: #333; font-family: "微软雅黑"; }
/* /next1 */

/* next2 */
.z_next2 { width: 100%; height: 754px; overflow: hidden; background: url(../img/next2_bg.jpg) center no-repeat; }
#z_js { width: 1210px; height: 567px; margin: 0 auto; background: url(../img/next2.jpg) center no-repeat; }
.w1080 { width: 1080px; height: 520px; overflow: hidden; position: relative; margin: 0 auto; }
#slider { z-index: 1; position: absolute; width: 1020px; background-color: #000; height: 468px; overflow: hidden; left: 30px; top: 50px; }
#slider .slide { z-index: 10; position: absolute; width: 520px; background-color: #000; height: 468px; overflow: hidden; cursor: default; text-align: left; }
#slider .title { color: #f80; font-size: 1.2em; font-weight: bold; margin-right: 1.5em; text-decoration: none; }
#slider .text { position: absolute; text-align: justify; width: 520px; display: none; font-family: verdana, arial, Helvetica, sans-serif; color: #fff; font-size: 0.9em; }
#slider .diapo { position: absolute; filter: alpha(opacity=100); visibility: visible; opacity: 1 }
/* /next2 */

/* next3 */
.z_next3 { width: 100%; height: auto; overflow: hidden; }
.z_next3 ul { width: 1210px; height: 522px; margin: 0 auto; overflow: hidden; margin-bottom: 50px; }
.z_next3 ul#a1 { background: url(../img/next3_1.png) center no-repeat; }
.z_next3 ul#a2 { background: url(../img/next3_2.png) center no-repeat; }
.z_next3 ul#a3 { background: url(../img/next3_3.png) center no-repeat; }
.z_next3 ul#a4 { background: url(../img/next3_4.png) center no-repeat; }
/**/
#container a { color: #fff; text-decoration: none; }
h1 { font-size: 50px; text-align: center; margin-bottom: 20px; color: #e6e6e8; }
#container1 { overflow: hidden; margin: 42px 0 0 490px; }
#sliderContainer1 { position: relative; width: 90%; max-width: 660px; margin: 0 auto; }
#slider1 { width: 100%; height: auto; position: relative; overflow: hidden; border: #DEDEDE solid 1px; padding: 10px; background-color: #fff; box-sizing: border-box; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }
#slider1 img { width: 100%; height: 411px; display: inline-block; }
.slide1 { position: absolute; z-index: 0; opacity: 0; pointer-events: none; }
.slide1.active1 { position: relative; z-index: 1; opacity: 1; pointer-events: auto; }
.slideCopy1 { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #FFF; background: rgba(0,0,0,0.6); }
.slideCopy1 h2 { font-size: 22px; line-height: 36px; }
.slideCopy1 p { font-size: 14px; line-height: 26px; }
.arrow1 { width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; border-radius: 50%; background-color: #fff; margin: auto 0; cursor: pointer; z-index: 100; background-size: 10px; background-repeat: no-repeat; pointer-events: none; opacity: 0; transition: all 0.2s; -webkit-transition: all 0.2s; }
#prev1 { left: 30px; background-image: url(../img/arrow-left.png); background-position: 13px center; transform: translateX(20px); -webkit-transform: translateX(20px); }
#next1 { right: 30px; background-image: url(../img/arrow-right.png); background-position: 16px center; transform: translateX(-20px); -webkit-transform: translateX(-20px); }
.sliderHovered1 .arrow1 { opacity: 1; pointer-events: auto; }
.sliderHovered1 #prev1 { transform: translateX(0); -webkit-transform: translateX(0); }
.sliderHovered1 #next1 { transform: translateX(0); -webkit-transform: translateX(0); }
/**/
#container2 { overflow: hidden; margin: 42px 0 0 -490px; }
#sliderContainer2 { position: relative; width: 90%; max-width: 660px; margin: 0 auto; }
#slider2 { width: 100%; height: auto; position: relative; overflow: hidden; border: #DEDEDE solid 1px; padding: 10px; background-color: #fff; box-sizing: border-box; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }
#slider2 img { width: 100%; height: 411px; display: block; }
.slide2 { position: absolute; z-index: 0; opacity: 0; pointer-events: none; }
.slide2.active2 { position: relative; z-index: 1; opacity: 1; pointer-events: auto; }
.slideCopy2 { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #FFF; background: rgba(0,0,0,0.6); }
.slideCopy2 h2 { font-size: 22px; line-height: 36px; }
.slideCopy2 p { font-size: 14px; line-height: 26px; }
.arrow2 { width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; border-radius: 50%; background-color: #fff; margin: auto 0; cursor: pointer; z-index: 100; background-size: 10px; background-repeat: no-repeat; pointer-events: none; opacity: 0; transition: all 0.2s; -webkit-transition: all 0.2s; }
#prev2 { left: 30px; background-image: url(../img/arrow-left.png); background-position: 13px center; transform: translateX(20px); -webkit-transform: translateX(20px); }
#next2 { right: 30px; background-image: url(../img/arrow-right.png); background-position: 16px center; transform: translateX(-20px); -webkit-transform: translateX(-20px); }
.sliderHovered2 .arrow2 { opacity: 1; pointer-events: auto; }
.sliderHovered2 #prev2 { transform: translateX(0); -webkit-transform: translateX(0); }
.sliderHovered2 #next2 { transform: translateX(0); -webkit-transform: translateX(0); }
/**/
#sliderContainer3 { position: relative; width: 90%; max-width: 660px; margin: 0 auto; }
#slider3 { width: 100%; height: auto; position: relative; overflow: hidden; border: #DEDEDE solid 1px; padding: 10px; background-color: #fff; box-sizing: border-box; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }
#slider3 img { width: 100%; height: 411px; display: block; }
.slide3 { position: absolute; z-index: 0; opacity: 0; pointer-events: none; }
.slide3.active3 { position: relative; z-index: 1; opacity: 1; pointer-events: auto; }
.slideCopy3 { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #FFF; background: rgba(0,0,0,0.6); }
.slideCopy3 h2 { font-size: 22px; line-height: 36px; }
.slideCopy3 p { font-size: 14px; line-height: 26px; }
.arrow3 { width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; border-radius: 50%; background-color: #fff; margin: auto 0; cursor: pointer; z-index: 100; background-size: 10px; background-repeat: no-repeat; pointer-events: none; opacity: 0; transition: all 0.2s; -webkit-transition: all 0.2s; }
#prev3 { left: 30px; background-image: url(../img/arrow-left.png); background-position: 13px center; transform: translateX(20px); -webkit-transform: translateX(20px); }
#next3 { right: 30px; background-image: url(../img/arrow-right.png); background-position: 16px center; transform: translateX(-20px); -webkit-transform: translateX(-20px); }
.sliderHovered3 .arrow3 { opacity: 1; pointer-events: auto; }
.sliderHovered3 #prev3 { transform: translateX(0); -webkit-transform: translateX(0); }
.sliderHovered3 #next3 { transform: translateX(0); -webkit-transform: translateX(0); }
/**/
#sliderContainer4 { position: relative; width: 90%; max-width: 660px; margin: 0 auto; }
#slider4 { width: 100%; height: auto; position: relative; overflow: hidden; border: #DEDEDE solid 1px; padding: 10px; background-color: #fff; box-sizing: border-box; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); }
#slider4 img { width: 100%; height: 411px; display: block; }
.slide4 { position: absolute; z-index: 0; opacity: 0; pointer-events: none; }
.slide4.active4 { position: relative; z-index: 1; opacity: 1; pointer-events: auto; }
.slideCopy4 { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #FFF; background: rgba(0,0,0,0.6); }
.slideCopy4 h2 { font-size: 22px; line-height: 36px; }
.slideCopy4 p { font-size: 14px; line-height: 26px; }
.arrow4 { width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; border-radius: 50%; background-color: #fff; margin: auto 0; cursor: pointer; z-index: 100; background-size: 10px; background-repeat: no-repeat; pointer-events: none; opacity: 0; transition: all 0.2s; -webkit-transition: all 0.2s; }
#prev4 { left: 30px; background-image: url(../img/arrow-left.png); background-position: 13px center; transform: translateX(20px); -webkit-transform: translateX(20px); }
#next4 { right: 30px; background-image: url(../img/arrow-right.png); background-position: 16px center; transform: translateX(-20px); -webkit-transform: translateX(-20px); }
.sliderHovered4 .arrow4 { opacity: 1; pointer-events: auto; }
.sliderHovered4 #prev4 { transform: translateX(0); -webkit-transform: translateX(0); }
.sliderHovered4 #next4 { transform: translateX(0); -webkit-transform: translateX(0); }
/* /next3 */

/* next4 */
.z_next4 { width: 100%; height: auto; overflow: hidden; }
.z_next4 ul { width: 1200px; height: 260px; overflow: hidden; margin: 0 auto; }
.scrollleft { width: 9999px; height: 212px; overflow: hidden; position: relative; }
.scrollleft li { width: 275px; height: 200px; overflow: hidden; margin-left: 15px; border: 1px solid #E91F2B; padding: 5px; }
.scrollleft img { width: 275px; height: 200px; }
/* /next4 */