.area {POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; OVERFLOW: hidden; CURSOR: pointer} .js {POSITION: relative; MARGIN: 0px auto; WIDTH: 100%; HEIGHT:560px} .prevBtn {POSITION: absolute; WIDTH: 32px; DISPLAY: block; BACKGROUND: url(../images/btn01h.jpg) no-repeat; HEIGHT: 47px; TOP: 320px} .prevBtn:hover {BACKGROUND: url(../images/btn01.jpg) no-repeat} .nextBtn {POSITION: absolute; WIDTH: 32px; DISPLAY: block; BACKGROUND: url(../images/btn02h.jpg) no-repeat; HEIGHT: 47px; TOP: 320px; RIGHT: 0px} .nextBtn:hover {BACKGROUND: url(../images/btn02.jpg) no-repeat} .imgSelected {BACKGROUND: url(../images/jsNav.png) no-repeat} .bg {POSITION: absolute; WIDTH: 100%; BACKGROUND: url(../images/bg01.png) no-repeat; HEIGHT: 34px; TOP: 280px; FONT-WEIGHT: bold; PADDING-TOP: 1px; LEFT: 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/bg01.png")} .jsNav {POSITION: absolute; TOP: 281px; LEFT: 220px} .jsNav A {TEXT-ALIGN: center; LINE-HEIGHT: 33px; WIDTH: 40px; DISPLAY: block; FLOAT: left; HEIGHT: 33px; COLOR: #fff; FONT-SIZE: 14px; MARGIN-RIGHT: 6px} .jsNav A:hover {BACKGROUND: url(../images/bg01.gif) no-repeat; COLOR: #ff1555; TEXT-DECORATION: none} .jsNav .imgSelected {BACKGROUND: url(../images/bg01.gif) no-repeat; COLOR: #ff1555} .qq {Z-INDEX: 200; DISPLAY: none} .box01 LI { DISPLAY: none; HEIGHT: 560px} #right {MARGIN: 0px auto 40px; WIDTH: 1100px; OVERFLOW: hidden} .M-what2 {MARGIN-TOP: 62px; PADDING-LEFT: 25px; WIDTH: 1100px; OVERFLOW: hidden} .M-what2 A {COLOR: #666} .Brand2 {MARGIN: 0px 76px 0px 0px; WIDTH: 210px; DISPLAY: block; FLOAT: left; OVERFLOW: hidden} .brnone {MARGIN-RIGHT: 0px} .bpic1 {MARGIN: 0px auto; WIDTH: 92px; HEIGHT: 92px} .bpic2 {MARGIN: 0px auto; WIDTH: 92px; HEIGHT: 92px} .bpic3 {MARGIN: 0px auto; WIDTH: 92px; HEIGHT: 92px} .bpic4 {MARGIN: 0px auto; WIDTH: 92px; HEIGHT: 92px} .bpic1 {BACKGROUND-IMAGE: url(../images/bicon1.jpg)} .bpic2 {BACKGROUND-IMAGE: url(../images/bicon2.jpg)} .bpic3 {BACKGROUND-IMAGE: url(../images/bicon3.jpg)} .bpic4 {BACKGROUND-IMAGE: url(../images/bicon4.jpg)} .brtitle2 { TEXT-ALIGN: center; LINE-HEIGHT: 30px; MARGIN-TOP: 14px; FONT-FAMILY: "Microsoft YaHei"; HEIGHT: 30px; COLOR: #5f5f5f; FONT-SIZE: 18px} .brtitle2 SPAN {COLOR: #999; FONT-SIZE: 12px} .Brand2:hover .bpic1 {BACKGROUND-POSITION: 0px 92px} .Brand2:hover .bpic2 {BACKGROUND-POSITION: 0px 92px} .Brand2:hover .bpic3 {BACKGROUND-POSITION: 0px 92px} .Brand2:hover .bpic4 {BACKGROUND-POSITION: 0px 92px} .M-design-bottom2 { TEXT-ALIGN: center; MARGIN-TOP: 10px; HEIGHT: 40px; COLOR: #666; OVERFLOW: hidden} .M-btn2 {TEXT-ALIGN: center; LINE-HEIGHT: 34px; MARGIN: 5px auto 0px; WIDTH: 154px; DISPLAY: block; FONT-FAMILY: "Microsoft YaHei"; BACKGROUND: url(../images/btn-ico.jpg) no-repeat; HEIGHT: 34px; COLOR: #fff; FONT-SIZE: 14px} .M-btn2:hover { BACKGROUND: url(../images/btn-ico1.png) no-repeat} .M-design-title2 SPAN { TEXT-ALIGN: center; LINE-HEIGHT: 20px; DISPLAY: block; COLOR: #666; FONT-SIZE: 12px} .newsbd {PADDING-BOTTOM: 40px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 40px} .gywmbd {PADDING-BOTTOM: 40px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; PADDING-TOP: 20px;BACKGROUND: #f6f6f6; BORDER-TOP: #e6e6e6 0px solid;} .guan { WIDTH: 550x; MARGIN-BOTTOM: 22px; HEIGHT: 110px} .guan1 {MARGIN-TOP: 30px} .guan .pic IMG {WIDTH: 136px; HEIGHT: 110px} .nryou {PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; WIDTH: 540px; PADDING-RIGHT: 16px; FONT-FAMILY: "Microsoft YaHei"; BACKGROUND: #fff; HEIGHT: 260px; PADDING-TOP: 10px; padding-right:10PX;} .nryou A {COLOR: #333; FONT-SIZE: 16px} .nryou P {LINE-HEIGHT: 26px; MARGIN-TOP: 8px; COLOR: #777; FONT-SIZE: 14px; margin-right:20px;} .nryou A:hover { COLOR: #a90009} .gywmguan { WIDTH: 550px; MARGIN-BOTTOM: 22px; HEIGHT: 260px} .gywmguan1 {MARGIN-TOP: 30px} .gywmguan .pic IMG {WIDTH: 136px; HEIGHT: 110px} .xwyou { PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; WIDTH: 550px; PADDING-RIGHT: 16px; FONT-FAMILY: "Microsoft YaHei"; BACKGROUND: #fff; HEIGHT: 82px; PADDING-TOP: 20px} .xwyou A {COLOR: #353535; FONT-SIZE: 16px} .xwyou P {LINE-HEIGHT: 24px; MARGIN-TOP: 8px; COLOR: #888; FONT-SIZE: 14px} .xwyou A:hover { COLOR: #a90009} .xwguan { WIDTH: 550px; MARGIN-BOTTOM:10px; HEIGHT: 83px} .xwguan1 {MARGIN-TOP: 10px} .xwyou {PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; WIDTH: 510px; PADDING-RIGHT: 16px; FONT-FAMILY: "Microsoft YaHei"; BACKGROUND: #fff; HEIGHT: 83px; PADDING-TOP: 10px} .xwyou A {COLOR: #353535; FONT-SIZE: 16px} .xwyou P {LINE-HEIGHT: 23px; MARGIN-TOP: 6px; COLOR: #999; FONT-SIZE: 12px} .xwyou A:hover {COLOR: #a90009} .geng A {TEXT-ALIGN: center; LINE-HEIGHT: 32px; WIDTH: 130px; DISPLAY: block; FONT-FAMILY: "Microsoft YaHei"; BACKGROUND: #bb0009; HEIGHT: 32px; COLOR: #fff; FONT-SIZE: 14px; border-radius: 3px;} .geng A:hover { BACKGROUND: #cd0a13; border-radius: 3px;} .work { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Microsoft YaHei"; MARGIN-BOTTOM: 20px; PADDING-TOP: 40px; background-image: url(../images/cp.jpg); background-repeat: repeat; } .work .box2 {MARGIN: 0px auto; WIDTH: 1100px} .work .title1 SPAN {TEXT-ALIGN: center; DISPLAY: block; FONT-FAMILY: "Microsoft YaHei"; COLOR: #fff; FONT-SIZE: 40px} .work .title SPAN { TEXT-ALIGN: center; DISPLAY: block; FONT-FAMILY: "Microsoft YaHei"; COLOR: #fff; FONT-SIZE: 22px} .title {MARGIN-BOTTOM: 10px} .work .top {MARGIN: 0px 0px 24px; OVERFLOW: hidden} .work .menu {FLOAT: left} .work .menu A {PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; MARGIN: 0px 0px 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: inline-block; FONT-FAMILY: "Microsoft YaHei"; HEIGHT: 30px; COLOR: #6b6b6b; FONT-SIZE: 14px; PADDING-TOP: 0px} .work .menu A:hover {BACKGROUND: url(../images/whitec.png) no-repeat; COLOR: #fff} .work .menu .cur {BACKGROUND: url(../images/whitec.png) no-repeat; COLOR: #fff} .work .btns {FLOAT: right} .work .btnLeft {WIDTH: 29px; DISPLAY: inline-block; BACKGROUND: url(../images/btn3.png) no-repeat 0px 0px; HEIGHT: 29px} .work .btnLeft:hover { BACKGROUND-POSITION: 0px -29px }.work .btnRight {MARGIN: 0px 0px 0px 5px; WIDTH: 29px; DISPLAY: inline-block; BACKGROUND: url(../images/btn3.png) no-repeat -29px 0px; HEIGHT: 29px} .work .btnRight:hover { BACKGROUND-POSITION: -29px -29px} .work .listBox {POSITION: relative; MARGIN: 0px 0px 20px; HEIGHT: 300px; OVERFLOW: hidden} .work UL { POSITION: absolute; WIDTH: 99999px; TOP: 0px; LEFT: 0px} .work LI { BORDER-BOTTOM: #3a3a3a 4px solid; PADDING-BOTTOM: 5px; LINE-HEIGHT: 24px; MARGIN: 0px 19px 0px 0px; PADDING-LEFT: 0px; WIDTH: 270px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; transition: border-color 400ms} .work LI A {DISPLAY: block} .work LI .imgBox {POSITION: relative; HEIGHT: 220px; OVERFLOW: hidden} .work LI .img { WIDTH: 100%; HEIGHT: 100%} .work LI .bg {POSITION: absolute; FILTER: alpha(opacity=0); WIDTH: 100%; BACKGROUND: #ad0009; HEIGHT: 100%; TOP: 0px; LEFT: 0px; transition: 400ms; opacity: 0} .work LI .i5 {POSITION: absolute; FILTER: alpha(opacity=0); MARGIN: -34px 0px 0px -34px; TOP: 50%; LEFT: 10%; transition: 400ms; opacity: 0} .work LI .i6 { POSITION: absolute; FILTER: alpha(opacity=0); MARGIN: -12px 0px 0px -11px; TOP: 50%; LEFT: 90%; transition: 400ms; opacity: 0} .work LI .t {MARGIN: 10px 0px 0px; HEIGHT: 24px; COLOR: #8a8585; FONT-SIZE: 16px; OVERFLOW: hidden; transition: 400ms} .work LI .time {COLOR: #666; FONT-SIZE: 12px; transition: 400ms} .work LI:hover {BORDER-BOTTOM-COLOR: #ad0009; BORDER-TOP-COLOR: #ad0009; BORDER-RIGHT-COLOR: #ad0009; BORDER-LEFT-COLOR: #ad0009} .work LI:hover .bg {FILTER: alpha(opacity=80); opacity: 0.8} .work LI:hover .t { COLOR: #e3e3e3} .work LI:hover .time {COLOR: #e3e3e3} .work LI:hover .i5 {FILTER: alpha(opacity=100); LEFT: 50%; opacity: 1} .work LI:hover .i6 {FILTER: alpha(opacity=100); LEFT: 50%; opacity: 1} .circleline {PADDING-BOTTOM: 48px; MARGIN-TOP: 70px; BACKGROUND: url(../images/circleline.png) no-repeat center 50%} .circle {POSITION: relative} .tongdao { POSITION: absolute; FONT-FAMILY: "Microsoft YaHei"; COLOR: #5e5e5e; FONT-SIZE: 30px; TOP: 0px; LEFT: 496px} #product { WIDTH: 100%; MARGIN-BOTTOM: 26px; BACKGROUND: url(../images/productbg.jpg) no-repeat; OVERFLOW: hidden} .product { MARGIN: 0px auto; WIDTH: 1100px; OVERFLOW: hidden} .scrollcon2 {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1176px; PADDING-RIGHT: 0px; HEIGHT: 98px; OVERFLOW: hidden; PADDING-TOP: 25px} .LeftBotton2 { MARGIN-TOP: 23px; WIDTH: 22px; DISPLAY: inline; BACKGROUND: url(../images/prev.png) no-repeat; FLOAT: left; HEIGHT: 34px; OVERFLOW: hidden; CURSOR: pointer; MARGIN-RIGHT: 44px} .RightBotton2 { MARGIN-TOP: 23px; WIDTH: 22px; DISPLAY: inline; BACKGROUND: url(../images/next.png) no-repeat; FLOAT: right; HEIGHT: 34px; OVERFLOW: hidden; CURSOR: pointer} .Cont2 {POSITION: relative; WIDTH: 1056px; FLOAT: left; HEIGHT: 98px; OVERFLOW: hidden; _display: inline}.ScrCont2 {WIDTH: 1342177.27px; HEIGHT: 98px} .Cont2 .prosl { MARGIN: 0px 24px; WIDTH: 69px; BACKGROUND: url(../images/yuanbg1.png); FLOAT: left; HEIGHT: 98px; _display: inline} .Cont2 .prosl P {Z-INDEX: 100; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 69px; BOTTOM: 8px; HEIGHT: 14px; FONT-SIZE: 14px} .Cont2 .showbox { POSITION: relative; WIDTH: 69px; HEIGHT: 69px; OVERFLOW: hidden} .Cont2 .showbox IMG {WIDTH: 69px; HEIGHT: 69px} .showbox .subtitle {Z-INDEX: 1; POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 69px; WIDTH: 69px; BOTTOM: -69px; HEIGHT: 69px; COLOR: #fff; FONT-SIZE: 14px; LEFT: 0px} .showbox .subtitle1 {BACKGROUND: url(../images/h1.png)} .showbox .subtitle2 {BACKGROUND: url(../images/h2.png)} .showbox .subtitle3 {BACKGROUND: url(../images/h3.png)} .showbox .subtitle4 {BACKGROUND: url(../images/h4.png)} .showbox .subtitle5 {BACKGROUND: url(../images/h5.png)} .showbox .subtitle6 {BACKGROUND: url(../images/h6.png)} .showbox .subtitle7 {BACKGROUND: url(../images/h7.png)} .showbox .subtitle8 {BACKGROUND: url(../images/h8.png)} .showbox .subtitle9 {BACKGROUND: url(../images/h9.png)} .showbox .subtitle10 {BACKGROUND: url(../images/h10.png)} .xf1 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb1.png); HEIGHT: 69px} .xf2 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb2.png); HEIGHT: 69px} .xf3 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb3.png); HEIGHT: 69px} .xf4 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb4.png); HEIGHT: 69px} .xf5 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb5.png); HEIGHT: 69px} .xf6 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb6.png); HEIGHT: 69px} .xf7 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb7.png); HEIGHT: 69px} .xf8 {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb8.png); HEIGHT: 69px} .xf9 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb9.png); HEIGHT: 69px} .xf10 { WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/cb10.png); HEIGHT: 69px} .xf1:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h1.png); HEIGHT: 69px} .xf2:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h2.png); HEIGHT: 69px} .xf3:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h3.png); HEIGHT: 69px} .xf4:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h4.png); HEIGHT: 69px} .xf5:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h5.png); HEIGHT: 69px} .xf6:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h6.png); HEIGHT: 69px} .xf7:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h7.png); HEIGHT: 69px} .xf8:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h8.png); HEIGHT: 69px} .xf9:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h9.png); HEIGHT: 69px} .xf10:hover {WIDTH: 69px; DISPLAY: block; BACKGROUND: url(../images/h10.png); HEIGHT: 69px} #List2 {FLOAT: left} #copy2 {FLOAT: left} .zhiline {PADDING-BOTTOM: 32px; MARGIN-TOP: 36px; MARGIN-BOTTOM: 56px; BACKGROUND: url(../images/zhiline.png) no-repeat center 50%; HEIGHT: 32px} .zhi { POSITION: relative} .zhiword {POSITION: absolute; LINE-HEIGHT: 34px; BOTTOM: -56px; HEIGHT: 34px; LEFT: 394px} .zhiword .first {COLOR: #313131; FONT-SIZE: 14px} .zhiword .last {COLOR: #c7000a; MARGIN-LEFT: 8px; FONT-SIZE: 26px; MARGIN-RIGHT: 14px} .zhiword A {TEXT-ALIGN: center; LINE-HEIGHT: 33px; WIDTH: 120px; DISPLAY: block; BACKGROUND: url(../images/backa.png) no-repeat; HEIGHT: 33px; COLOR: #fff; FONT-SIZE: 14px} .b_cont {POSITION: relative; WIDTH: 550px; HEIGHT: 300px; OVERFLOW: hidden; PADDING-TOP: 30px} .ct_p_05 {TEXT-ALIGN: center; WIDTH: 550px; FLOAT: left; HEIGHT: 300px} .ct_p_05 .ct_txt { POSITION: relative; TEXT-ALIGN: left; FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#8c000000', endColorstr = '#8c000000' ); LINE-HEIGHT: 54px; MARGIN-TOP: -54px; PADDING-LEFT: 30px; DISPLAY: block; HEIGHT: 54px; COLOR: #fff; FONT-SIZE: 16px; OVERFLOW: hidden; CURSOR: pointer; _background: none} .ct_p_05 A:hover .ct_txt { COLOR: #fff} .scrDotList_wrap {POSITION: absolute; TEXT-ALIGN: right; WIDTH: 100%; BOTTOM: 18px} .scrDotList {PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; ZOOM: 1; PADDING-TOP: 0px} .scrDotList SPAN {LINE-HEIGHT: 0; MARGIN: 0px 5px; WIDTH: 13px; DISPLAY: inline-block; BACKGROUND: url(../images/doc.png?20121224) no-repeat; HEIGHT: 13px; FONT-SIZE: 0px; VERTICAL-ALIGN: top; CURSOR: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/doc.png', sizingMethod='crop')} .scrDotList SPAN.on {BACKGROUND: url(../images/doc_hover.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/doc_hover.png', sizingMethod='crop')}