html { overflow-x: hidden; overflow-y: auto; } BODY {FONT-SIZE: 12px; MARGIN: 0px auto; background:#ffffff; COLOR: #333333; FONT-FAMILY:"Microsoft YaHei" !important; Arial; } DIV {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} FORM {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} UL {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} OL {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} LI {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} DL {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} DD {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} DT {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} SPAN {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; } P {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; display:block;} IMG {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; } A IMG {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; } UL {LIST-STYLE-TYPE: none; display:block;} OL {LIST-STYLE-TYPE: none; display:block;} LI {LIST-STYLE-TYPE: none; display:block;} DL {LIST-STYLE-TYPE: none; display:block;} DD {LIST-STYLE-TYPE: none; display:block;} INPUT {FONT-SIZE: 12px; display:block;} .clear {CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px} a,area { blr:expression(this.onFocus=this.blur()) } :focus { outline: none; } A {COLOR: #333333; TEXT-DECORATION: none; outline-style: none; background:none; } A:link {COLOR: #333333; TEXT-DECORATION: none; outline-style: none; background:none;} A:hover {COLOR: #ff6600; TEXT-DECORATION: none; background:none;} .wrapperidx { width:100%; margin:0 auto; float:left; } .wrapper { width:980px; margin:0 auto; } /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ .greentext { color:#0678b4; } .orangetext { color:#ff6600; } #header { width:100%; z-index:999999; height:184px; float:left; background:url(../images/sy-header-bg-line.gif) repeat-x; } #header ul.con { width:1080px; margin:0 auto; } #header ul.con li.topbar { height:30px; float:left; width:980px; margin:0px 50px; line-height:30px; } #header ul.con li.topbar dl.left { float:left; line-height:29px; height:29px; color:#b6cfe1;text-shadow:1px 1px 1px #002a43; } #header ul.con li.topbar dl.right { float:right; line-height:29px; height:29px; } #header ul.con li.topbar dl.right ol.list { float:right; height:29px; line-height:29px; color:#7ea2bc; } #header ul.con li.topbar dl.right ol.list a { color:#b6cfe1; text-shadow:1px 1px 1px #002a43; } #header ul.con li.topbar dl.right ol.list a:hover { color:#FFF; text-shadow:1px 1px 1px #002a43; } #header ul.con li.middlecon { height:102px; float:left; width:980px; margin:0px 50px; } #header ul.con li.middlecon dl.left { float:left; height:100px; padding:1px 0px; } #header ul.con li.middlecon dl.middlearr { float:left; height:100px; width:40px; padding:1px 0px; background:url(../images/sy-header-logo-right-c.gif) no-repeat center; } #header ul.con li.middlecon dl.centertext { float:left; height:60px; padding:21px 0px; width:380px; } #header ul.con li.middlecon dl.centertext ol.top { float:left; width:380px; height:30px; line-height:30px; font-weight:bold; color:#567a91; text-shadow:1px 1px 1px #FFFFFF; } #header ul.con li.middlecon dl.centertext ol.bot { float:left; width:380px; height:30px; line-height:15px; color:#8db4c3; text-shadow:1px 1px 1px #FFFFFF; } #header ul.con li.middlecon dl.right { float:right; height:100px; padding:1px 0px; width:300px; } #header ul.con li.middlecon dl.right ol.teltext { width:130px; height:100px; line-height:100px; float:left; font-size:14px; text-align:right; text-shadow:1px 1px 1px #FFFFFF; color:#567a91; font-style:italic; } #header ul.con li.middlecon dl.right ol.telnum { width:170px; float:left; padding:20px 0px; height:60px; } #header ul.con li.middlecon dl.right ol.telnum dd.list { width:170px; float:left; height:30px; line-height:30px; text-align:right; font-size:16px; font-style:italic; font-weight:bold; text-shadow:1px 1px 1px #FFFFFF; color:#1e6595; } #header ul.con li.menu { width:980px; float:left; height:52px; padding:0px 50px; background:url(../images/sy-header-menu-bg.jpg) no-repeat; } #header ul.con li.menu dl.list { float:left; height:52px; line-height:52px; padding-right:2px; background:url(../images/sy-header-menu-kline.gif) no-repeat right top; font-size:12px; } #header ul.con li.menu dl.list a.normal { float:left; height:52px; line-height:52px; padding:0px 22px; color:#FFF; font-weight:normal; text-shadow:1px 1px 1px #085997; } #header ul.con li.menu dl.list a.normal:hover { float:left; height:52px; line-height:52px; padding:0px 22px; color:#FFF; font-weight:normal; text-shadow:1px 1px 1px #085997; background:url(../images/sy-header-menu-kline-c.gif) repeat-x; } #header ul.con li.menu dl.list a.current { float:left; height:52px; line-height:52px; padding:0px 22px; color:#FFF; font-weight:normal; text-shadow:1px 1px 1px #085997; background:url(../images/sy-header-menu-kline-c.gif) repeat-x; } #header ul.con li.menu dl.search { float:right; height:30px; padding:11px 20px 11px 0px; } #header ul.con li.menu dl.search ol.inputtext { float:left; width:164px; height:30px; line-height:30px; float:left; background:url(../images/sy-header-right-input-left.gif) no-repeat; } #header ul.con li.menu dl.search ol.inputtext input { width:150px; padding:0px 10px; float:left; height:30px; line-height:30px; background:none; border:none; color:#cff1fa; text-shadow:1px 1px 1px #085997; FONT-FAMILY:"Microsoft YaHei" !important; Arial; } #header ul.con li.menu dl.search ol.submitbut { float:left; width:29px; height:30px; background:url(../images/sy-header-right-input-right.gif) no-repeat; } #header ul.con li.menu dl.search ol.submitbut input { width:29px; float:left; height:30px; line-height:30px; background:none; border:none; cursor:pointer; color:#cff1fa; FONT-FAMILY:"Microsoft YaHei" !important; Arial; } #header ul.backslidebg { width:100%; height:15px; float:left; position:relative; background:url(../images/sy-header-menu-backslidebg.png) repeat-x; z-index:9999; } #slidebar { width:100%; float:left; } /* focusBar */ #focusBar{width:100%;height:460px;clear:both;position:relative; overflow:hidden;padding-top:0px;} #focusBar .mypng{ padding-top:0px;} #focusBar li{width:100%;clear:both;height:460px;display:none;position:absolute;/* position:relative;*/ } #focusBar .focusL{height:460px;position:absolute;z-index:9;/*left:-1000px;*/ top:0px;left:-960px;margin-left:50%;} #focusBar .focusR{height:460px;position:absolute;z-index:10;/* right:1000px;*/top:0px;left:-960px;margin-left:50%;} #focusBar .arrL {display:block;width:60px;height:134px;position:absolute;top:150px;z-index:11111;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;} #focusBar .arrR{display:block;width:60px;height:134px;position:absolute;top:150px;z-index:11111;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;} #focusBar .arrL{left:-52px;background-position:0px 0px;} #focusBar .arrR{right:-52px;background-position:-60px 0px;} #focusBar .arrL:hover{background-position:0px -144px;} #focusBar .arrR:hover{background-position:-60px -144px;} .zhezhao{height:460px;position:absolute;z-index:19;/* right:1000px;*/top:-15px;left:-960px;margin-left:50%; } .clear:after { visibility:hidden; display:block; font-size:0; content:"1"; clear:both; height:0;} .fLe { float:left; _display:inline;} .fRi { float:right; _display:inline;} .clear { clear:both; } #idxbrandreg { width:100%; margin:0 auto; height:135px; background:url(../images/sy-home-2_bg.gif) repeat; border-top:#759864 solid 1px; } #idxbrandreg ul.con { width:980px; margin:0 auto; height:105px; padding:16px 0px 14px 0px; } #idxbrandreg ul.con li.leftpic { width:685px; height:105px; float:left; overflow:hidden; } #idxbrandreg ul.con li.leftpic dl.list { width:130px; float:left; height:100px; border-right:1px #dbdbdb solid; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic01 { width:130px; float:left; height:100px; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic01 span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-01s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic01 span.tit { width:130px; float:left; padding-top:5px; text-align:center; line-height:15px; height:30px; color:#808080; font-family:sans-serif; text-shadow:1px 1px 1px #FFFFFF; font-family:"Microsoft YaHei",Arial; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic01:hover span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-01s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic02 { width:130px; float:left; height:100px; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic02 span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-02s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic02 span.tit { width:130px; float:left; padding-top:5px; text-align:center; line-height:15px; height:30px; color:#808080; font-family:sans-serif; text-shadow:1px 1px 1px #FFFFFF; font-family:"Microsoft YaHei",Arial; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic02:hover span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-02s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic03 { width:130px; float:left; height:100px; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic03 span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-03s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic03 span.tit { width:130px; float:left; padding-top:5px; text-align:center; line-height:15px; height:30px; color:#808080; font-family:sans-serif; text-shadow:1px 1px 1px #FFFFFF; font-family:"Microsoft YaHei",Arial; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic03:hover span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-03s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic04 { width:130px; float:left; height:100px; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic04 span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-04s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic04 span.tit { width:130px; float:left; padding-top:5px; text-align:center; line-height:15px; height:30px; color:#808080; font-family:sans-serif; text-shadow:1px 1px 1px #FFFFFF; font-family:"Microsoft YaHei",Arial; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic04:hover span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-04s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic05 { width:130px; float:left; height:100px; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic05 span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-05s.png) no-repeat; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic05 span.tit { width:130px; float:left; padding-top:5px; text-align:center; line-height:15px; height:30px; color:#808080; font-family:sans-serif; text-shadow:1px 1px 1px #FFFFFF; font-family:"Microsoft YaHei",Arial; } #idxbrandreg ul.con li.leftpic dl.list ol.regpic05:hover span.pic a { width:130px; float:left; height:70px; background:url(../images/sy-reglogo-05s.png) no-repeat; } #idxbrandreg ul.con li.righttext { width:285px; height:100px; float:left; padding-right:10px; overflow:hidden; } #idxbrandreg ul.con li.righttext dl.textcon { float:left; line-height:25px; text-align:left; font-size:14px; font-style:italic; color:#808080; text-shadow:1px 1px 1px #FFFFFF; } #idxprotitle { width:100%; float:left; border-bottom:#0678b4 2px solid; padding-top:15px; padding-bottom:15px; background:url(../images/sy-idxprotitle-bg-line.jpg) repeat-x bottom; } #idxprotitle ul.con { width:980px; margin:0 auto; } #idxprotitle ul.con li.left { width:700px; float:left; line-height:18px; color:#444444; font-size:14px; font-weight:bold; font-style:italic; font-family:"Microsoft YaHei" !important; simhei; } #idxprotitle ul.con li.left ol.list { float:left; width:700px; } #idxprotitle ul.con li.left ol.list span.smalltext { font-size:12px; font-weight:normal; color:#777777; font-style:normal; padding-top:5px; float:left; } #idxprotitle ul.con li.right { width:280px; float:left; padding-top:5px; } #idxprotitle ul.con li.right a { float:right; height:45px; width:200px; line-height:45px; text-align:center; font-size:14px; font-weight:bold; background:url(../images/sy-idxmorepro-but-n.gif) no-repeat; } #idxprotitle ul.con li.right a:hover { float:right; height:45px; width:200px; line-height:45px; text-align:center; font-size:14px; font-weight:bold; background:url(../images/sy-idxmorepro-but-c.gif) no-repeat; color:#5ca039; } #bigtitle { width:100%; float:left; padding-top:15px; } #bigtitle ul.con { width:980px; margin:0 auto; height:39px; background:url(../images/sy-idxbigtitle-bg-line.jpg) repeat-x; border-bottom:2px #0678b4 solid; } #bigtitle ul.con li.title { width:240px; padding-left:13px; float:left; height:39px; line-height:40px; background:url(../images/sy-idxbigtitle-textbg.jpg) repeat-x; overflow:hidden; } #bigtitle ul.con li.title dl.text { float:left; height:39px;line-height:39px; font-size:14px; font-weight:bold;padding-right:15px; font-family:"Microsoft YaHei" !important; simhei; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ color:#052e49; text-shadow:1px 1px 1px #FFFFFF; } #bigtitle ul.con li.title dl.textorange { float:left; height:39px; line-height:39px; font-size:14px; color:#ff6600; text-shadow:1px 1px 1px #FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; } #bigtitle ul.con li.more { width:37px; height:14px; float:right; padding:13px 10px; } #bigtitle ul.con li.more a.more { width:37px; float:right; height:14px; background:url(../images/sy-icon-more.gif) no-repeat; } #idxtab { width:980px; margin:0 auto; } #idxtab ul.con { width:980px; float:left; padding-top:20px; overflow:hidden; } #idxtab ul.con li.prosortcon { width:960px; padding:9px; border:1px #019dd8 solid; background:#eef6f8; float:left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:15px; } #idxtab ul.con li.prosortcon dl.left { width:70px; float:left; height:70px; margin-right:10px; background:url(../images/sy-idxsearch-left-img.png) no-repeat; } #idxtab ul.con li.prosortcon dl.center { width:550px; float:left; overflow:hidden; padding-left:9px; border-left:1px #aed0da solid; } #idxtab ul.con li.prosortcon dl.center ol.list { float:left; height:34px; line-height:34px; padding-right:15px; border-bottom:1px #aed0da solid; white-space:nowrap; } #idxtab ul.con li.prosortcon dl.center ol.list a i { line-height:34px; color:#019dd8; font-size:14px; } #idxtab ul.con li.prosortcon dl.center ol.list a:hover i { line-height:34px; color:#ff6600; } #idxtab ul.con li.prosortcon dl.rightinput { width:250px; height:70px; float:left; } #idxtab ul.con li.prosortcon dl.rightinput ol.list { width:250px; float:left; height:35px; line-height:35px; } #idxtab ul.con li.prosortcon dl.rightinput ol.list dd.left { width:65px; padding-right:5px; float:left; height:35px; line-height:35px; color:#06568a; font-weight:normal; text-align:right; } #idxtab ul.con li.prosortcon dl.rightinput ol.list dd.right { width:180px; float:left; height:27px; line-height:27px; overflow:hidden; padding:4px 0px; } #idxtab ul.con li.prosortcon dl.rightinput ol.list dd.right input { width:150px; height:21px; padding:3px 5px; float:left; line-height:21px; border:1px #7ca7c4 solid; FONT-FAMILY:"Microsoft YaHei" !important; Arial; color:#999999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #idxtab ul.con li.prosortcon dl.rightsubmit { width:70px; float:left; height:70px;} #idxtab ul.con li.prosortcon dl.rightsubmit input { width:70px; float:left; height:70px; background:url(../images/sy-idxsearchtab-subut.gif) no-repeat; border:none; cursor:pointer; } #idxtab ul.con li.prolistcon { width:990px; float:left; overflow:hidden; } #idxtab ul.con li.prolistcon dl.list { width:188px; float:left; margin-right:10px; margin-bottom:10px; display:inline; } #idxtab ul.con li.prolistcon dl.list ol.pic { width:188px; float:left; height:188px; overflow:hidden; } #idxtab ul.con li.prolistcon dl.list ol.pic img { width:184px; float:left; height:184px; border:1px #88bbd5 solid; padding:1px; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; background:url(../images/sy-product-pic-bg-blue.jpg) repeat-x; } #idxtab ul.con li.prolistcon dl.list ol.pic:hover img { width:184px; float:left; height:184px; border:1px #ff6600 solid; padding:1px; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; background:url(../images/sy-product-pic-bg-blue.jpg) repeat-x; } #idxtab ul.con li.prolistcon dl.list ol.title { width:178px; padding:0px 5px; height:29px; line-height:29px; background:#eef6f8 url(../images/sy-idxprolist-bg-line.jpg) repeat-x; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #c3d5e0 solid; } #idxtab ul.con li.prolistcon dl.list ol.title a { font-weight:normal; color:#03678e; } #idxtab ul.con li.prolistcon dl.list ol.ptype { width:188px; float:left; height:20px; line-height:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#e9f2f7; border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; color:#527489; border-bottom:1px #7ca7c4 solid; } .marqueeleft{height:248px;width:990px;overflow:hidden;margin:0px auto; } .marqueeleft ul{float:left;} #idxtab ul.con li.aboutcon { width:980px; float:left; overflow:hidden; } #idxtab ul.con li.aboutcon dl.left { width:620px; float:left; } #idxtab ul.con li.aboutcon dl.left ol.textcon { width:620px; float:left; line-height:24px; color:#333333; font-size:12px; } #idxtab ul.con li.aboutcon dl.left ol.textcon p { font-size:12px; } #idxtab ul.con li.aboutcon dl.left ol.textcon img { float:left; padding:0px 15px 5px 0px; } #idxtab ul.con li.aboutcon dl.left ol.textcon a { color:#ff6600; text-decoration:underline; } #idxtab ul.con li.aboutcon dl.right { width:310px; padding-left:50px; float:left; } #idxtab ul.con li.aboutcon dl.right ol.piccon { width:310px; float:left; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list { width:308px; float:left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #7ca7c4 solid; margin-bottom:16px; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list span.top { width:282px; float:left; padding:13px; line-height:22px; color:#666666; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list span.top img { width:75px; float:left; clear:left; padding:0px 12px 7px 0px; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list span.top a.title { width:195px; float:left; font-weight:bold; color:#ff6600; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list:hover span.top img { width:75px; float:left; clear:left; padding:0px 12px 7px 0px; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list span.bot { width:282px; padding:7px 13px; float:left; background:#e3eef2; height:16px; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list span.bot a.view { float:left; padding-left:20px; background:url(../images/sy-icon-view.png) no-repeat; line-height:16px; color:#508cb4; padding-right:9px; border-right:1px solid #88bbd5; margin-right:10px; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list span.bot a.view:hover { float:left; padding-left:20px; background:url(../images/sy-icon-view.png) no-repeat 0px -16px; line-height:16px; color:#5ca039; padding-right:9px; border-right:1px solid #88bbd5; margin-right:10px; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list span.bot a.alumb { float:left; padding-left:20px; background:url(../images/sy-icon-alumb.png) no-repeat; line-height:16px; color:#508cb4; padding-right:9px; margin-right:10px; } #idxtab ul.con li.aboutcon dl.right ol.piccon dd.list:hover span.bot a.alumb { float:left; padding-left:20px; background:url(../images/sy-icon-alumb.png) no-repeat 0px -16px; line-height:16px; color:#b0aab1; padding-right:9px; margin-right:10px; color:#5ca039; } #idxtab ul.con li.casephoto { width:1008px; /*height:475px;*/ height:381px; float:left; overflow:hidden; padding-top:5px; } #idxtab ul.con li.casephoto dl.list { width:212px; padding:5px; float:left; margin-right:28px; /*height:212px;*/ height:163px; margin-bottom:25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #abc9dc solid; } #idxtab ul.con li.casephoto dl.list:hover { width:212px; padding:5px; float:left; margin-right:28px; /*height:212px;*/ height:163px; margin-bottom:25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #5ca039 solid; } #idxtab ul.con li.casephoto dl.list ol.photo { width:212px; float:left; height:140px; overflow:hidden; } #idxtab ul.con li.casephoto dl.list ol.photo img { width:212px; float:left; opacity:1; transition:all 0.5s;} #idxtab ul.con li.casephoto dl.list:hover ol.photo img { width:212px; float:left; opacity:1; transition:all 0.5s; } #idxtab ul.con li.casephoto dl.list ol.title { width:212px; float:left; height:23px; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; text-align:center; } #idxtab ul.con li.casephoto dl.list ol.title a { color:#333333; } #idxtab ul.con li.casephoto dl.list ol.desc { width:212px; float:left; height:44px; line-height:22px; color:#666666; overflow:hidden; } #idxtab ul.con li.newscon { width:980px; float:left; overflow:hidden; padding-bottom:20px; } #idxtab ul.con li.newscon dl.left { width:620px; float:left; } #idxtab ul.con li.newscon dl.left ol.top { width:620px; float:left; height:247px; overflow:hidden; } #idxtab ul.con li.newscon dl.left ol.top dd.left { width:93px; height:247px; float:left; margin-right:30px; } #idxtab ul.con li.newscon dl.left ol.top dd.left span.date { width:65px; height:65px; float:left; background:#e3eff4; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; text-align:center; line-height:65px; font-size:20px; font-weight:bold; color:#0678b4; font-family:"New York" } #idxtab ul.con li.newscon dl.left ol.top dd.left span.inlist { width:93px; float:left; line-height:25px; margin-top:15px; color:#999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #idxtab ul.con li.newscon dl.left ol.top dd.right { width:485px; height:235px; padding:5px; float:left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #e5eaeb solid; overflow:hidden; } #idxtab ul.con li.newscon dl.left ol.top dd.right span.imgcon { width:485px; height:235px; float:left; overflow:hidden; } #idxtab ul.con li.newscon dl.left ol.top dd.right span.imgcon img { width:485px; float:left; } #idxtab ul.con li.newscon dl.left ol.bot { width:620px; float:left; } #idxtab ul.con li.newscon dl.left ol.bot dd.title { width:620px; float:left; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:bold; font-family:"Microsoft YaHei" !important; simhei; } #idxtab ul.con li.newscon dl.left ol.bot dd.desc { width:620px; float:left; color:#666666; line-height:22px; } #idxtab ul.con li.newscon dl.left ol.bot dd.morebut { width:620px; float:left; } #idxtab ul.con li.newscon dl.right { width:310px; padding-left:50px; float:left; } #idxtab ul.con li.newscon dl.right ol.title { width:310px; float:left; height:30px; font-size:18px; font-weight:bold; } #idxtab ul.con li.newscon dl.right ol.title span.text { float:left; height:30px; font-size:16px; font-weight:bold; padding-right:15px; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ } #idxtab ul.con li.newscon dl.right ol.title span.textgreen { float:left; height:30px; line-height:25px; font-size:14px; color:#5ca039; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; } #idxtab ul.con li.newscon dl.right ol.title span.textorange { float:left; height:30px; line-height:25px; font-size:14px; color:#ff7c00; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; } #idxtab ul.con li.newscon dl.right ol.listcon { width:310px; float:left; margin-top:10px; } #idxtab ul.con li.newscon dl.right ol.listcon dd.list { width:290px; padding-left:20px; background:url(../images/sy-archive_list_item.gif) no-repeat 0px 15px; float:left; line-height:35px; border-bottom:1px #eaeaea solid; padding-bottom:5px; padding-top:5px; } #idxtab ul.con li.newscon dl.right ol.listcon dd.list span.left { width:220px; float:left; line-height:15px; } #idxtab ul.con li.newscon dl.right ol.listcon dd.list span.right { width:70px; float:left; line-height:35px; text-align:right; color:#999999; } #sortbanner {width:100%;height:180px; float:left; overflow:hidden; } #sortbanner ul.con { width:100%; float:left; height:180px; } #nowsite { width:980px; float:left; height:43px; line-height:43px; border-bottom:2px #ff6600 solid; padding-top:0px; background:url(../images/sl-nowsite-bg.jpg) no-repeat; } #nowsite ul.con { width:980px; float:left; height:43px; line-height:43px; color:#999999; } #nowsite ul.con li.left { width:870px; padding-left:25px; background:url(../images/sy-icon-nowsite.gif) no-repeat -2px 13px; float:left; height:43px; line-height:43px; } #nowsite ul.con li.left a { color:#333333; } #nowsite ul.con li.left a:hover { color:#333333; } #nowsite ul.con li.right { width:85px; float:left; height:16px; padding:13px 0px 14px 0px; } #nowsite ul.con li.right a.back { width:65px; padding-left:20px; float:left; height:16px; line-height:16px; text-align:right; background:url(../images/sy-features-list6.gif) 40px 0px no-repeat; } #nowsite ul.con li.right a.back:hover { width:65px; padding-left:20px; float:left; height:16px; line-height:16px; text-align:right; background:url(../images/sy-features-list6.gif) no-repeat 40px -16px; color:#5ca039; } #bigcontent { width:980px; float:left; padding-top:20px; padding-bottom:15px; background:url(../images/sy-bigcontent-bg-line.gif) repeat-y 225px 0px; } #bigcontent ul.left { width:212px; float:left; margin-right:28px; overflow:hidden; } #bigcontent ul.left li.title { width:212px; float:left; height:41px; background:url(../images/sy-left-title.jpg) no-repeat; } #bigcontent ul.left li.title dl.text { float:left; height:41px; line-height:41px; padding-left:13px; font-size:14px; font-weight:bold; padding-right:15px; font-family:"Microsoft YaHei" !important; simhei; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ color:#052e49; text-shadow:1px 1px 1px #FFFFFF; } #bigcontent ul.left li.title dl.textgreen { float:left; height:41px; line-height:41px; font-size:14px; color:#ff6600; text-shadow:1px 1px 1px #FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; } #bigcontent ul.left li.sortcon { width:210px; float:left; background:#f6fafb; border:1px #88bbd5 solid; border-bottom:1px #5a9dbf solid; border-top:none; border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; margin-bottom:10px; } #bigcontent ul.left li.sortcon dl.list { width:210px; float:left; height:40px; line-height:40px; padding-bottom:0px; } #bigcontent ul.left li.sortcon dl.list a.normal { width:184px; padding:0px 13px; float:left; height:38px; line-height:38px; border-top:1px #FFF solid; border-bottom:1px #a2cade solid; background:none; font-weight:bold; text-shadow:1px 1px 1px #FFFFFF; } #bigcontent ul.left li.sortcon dl.list a.normal i { padding-right:0px; float:left; width:15px; height:38px; line-height:38px; color:#0678b4; } #bigcontent ul.left li.sortcon dl.list a.normal:hover { background:#eff6f8; color:#222222; } #bigcontent ul.left li.sortcon dl.list a.current { width:184px; padding:0px 13px; float:left; height:38px; line-height:38px; border-top:1px #FFF solid; border-bottom:1px #a2cade solid; background:#dbecf1; font-weight:bold; color:#ff6600; text-shadow:1px 1px 1px #FFFFFF; } #bigcontent ul.left li.sortcon dl.list a.current i { padding-right:0px; float:left; width:15px; height:38px; line-height:38px; color:#ff6600; } #bigcontent ul.left li.sortcon dl.list a.current:hover { background:#e2f0f6; } #bigcontent ul.left li.sortconsm { width:210px; float:left; background:#f6fafb; border:1px #88bbd5 solid; border-top:none; border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; margin-bottom:10px; } #bigcontent ul.left li.sortconsm dl.listsm { width:105px; float:left; height:40px; line-height:40px; } #bigcontent ul.left li.sortconsm dl.listsm a.normal { width:92px; padding-left:13px; float:left; height:38px; line-height:38px; border-top:1px #FFF solid; border-bottom:1px #a2cade solid; background:none; text-shadow:1px 1px 1px #FFFFFF; } #bigcontent ul.left li.sortconsm dl.listsm a.normal i { padding-right:0px; float:left; width:15px; height:38px; line-height:38px; color:#0678b4; text-shadow:1px 1px 1px #FFFFFF; } #bigcontent ul.left li.sortconsm dl.listsmlong { width:210px; float:left; height:34px; line-height:34px; } #bigcontent ul.left li.sortconsm dl.listsmlong a.normal { width:197px; padding-left:13px; float:left; height:32px; line-height:32px; border-top:1px #FFF solid; border-bottom:1px #a2cade solid; background:none; text-shadow:1px 1px 1px #FFFFFF; } #bigcontent ul.left li.sortconsm dl.listsmlong a.normal i { padding-right:0px; float:left; width:15px; height:32px; line-height:32px; color:#0678b4; text-shadow:1px 1px 1px #FFFFFF; } #bigcontent ul.left li.factory { width:212px; float:left; } #bigcontent ul.left li.factory dl.piccon { width:212px; float:left; } #bigcontent ul.left li.factory dl.piccon ol.list { width:210px; float:left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #7ca7c4 solid; margin-bottom:10px; } #bigcontent ul.left li.factory dl.piccon ol.list span.top { width:184px; float:left; padding:13px; line-height:18px; color:#666666; } #bigcontent ul.left li.factory dl.piccon ol.list span.top img { width:75px; float:left; clear:left; padding:0px 12px 7px 0px; } #bigcontent ul.left li.factory dl.piccon ol.list span.top a.title { width:97px; float:left; font-weight:bold; color:#ff6600; } #bigcontent ul.left li.factory dl.piccon ol.list:hover span.top img { width:75px; float:left; clear:left; padding:0px 12px 7px 0px; } #bigcontent ul.left li.factory dl.piccon ol.list span.bot { width:184px; padding:7px 13px; float:left; background:#e3eef2; height:16px; } #bigcontent ul.left li.factory dl.piccon ol.list span.bot a.view { float:left; padding-left:20px; background:url(../images/sy-icon-view.png) no-repeat; line-height:16px; color:#508cb4; padding-right:9px; border-right:1px solid #88bbd5; margin-right:10px; } #bigcontent ul.left li.factory dl.piccon ol.list span.bot a.view:hover { float:left; padding-left:20px; background:url(../images/sy-icon-view.png) no-repeat 0px -16px; line-height:16px; color:#5ca039; padding-right:9px; border-right:1px solid #88bbd5; margin-right:10px; } #bigcontent ul.left li.factory dl.piccon ol.list span.bot a.alumb { float:left; padding-left:20px; background:url(../images/sy-icon-alumb.png) no-repeat; line-height:16px; color:#508cb4; padding-right:9px; margin-right:10px; } #bigcontent ul.left li.factory dl.piccon ol.list:hover span.bot a.alumb { float:left; padding-left:20px; background:url(../images/sy-icon-alumb.png) no-repeat 0px -16px; line-height:16px; padding-right:9px; margin-right:10px; color:#5ca039; } #bigcontent ul.left li.prolistcon { width:222px; float:left; overflow:hidden; } #bigcontent ul.left li.prolistcon dl.list { width:101px; float:left; margin-right:10px; margin-bottom:10px; display:inline; } #bigcontent ul.left li.prolistcon dl.list ol.pic { width:101px; float:left; height:101px; overflow:hidden; } #bigcontent ul.left li.prolistcon dl.list ol.pic img { width:97px; float:left; height:97px; border:1px #88bbd5 solid; padding:1px; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; background:url(../images/sy-product-pic-bg-blue-02.jpg) repeat-x; } #bigcontent ul.left li.prolistcon dl.list ol.pic:hover img { width:97px; float:left; height:97px; border:1px #ff6600 solid; padding:1px; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; background:url(../images/sy-product-pic-bg-blue-02.jpg) repeat-x; } #bigcontent ul.left li.prolistcon dl.list ol.title { width:91px; padding:0px 5px; height:29px; line-height:29px; background:#eef6f8 url(../images/sy-idxprolist-bg-line.jpg) repeat-x; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #c3d5e0 solid; } #bigcontent ul.left li.prolistcon dl.list ol.title a { font-weight:bold; color:#03678e; } #bigcontent ul.left li.prolistcon dl.list ol.ptype { width:101px; float:left; height:20px; line-height:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#e9f2f7; border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; color:#527489; border-bottom:1px #7ca7c4 solid; } #bigcontent ul.right { width:740px; float:right; } #bigcontent ul.right li.title { width:740px; float:left; height:39px; border-bottom:2px #0678b4 solid; font-size:15px; font-weight:bold; color:#222222; font-family:"Microsoft YaHei" !important; simhei; background:url(../images/sy-proinfo-tit-rbox.jpg) no-repeat top right; } #bigcontent ul.right li.info { width:720px; padding-left:20px; float:left; line-height:20px; font-size:13px; padding-top:15px; } #bigcontent ul.right li.info img { max-width:720px; } #bigcontent ul.right li.info strong {color:#0678b4;} #bigcontent ul.right li.aboutinfo { width:720px; padding-left:20px; float:left; line-height:20px; font-size:13px; padding-top:15px; } #bigcontent ul.right li.aboutinfo img { max-width:720px; } #bigcontent ul.ptitle { width:980px; float:left; border-bottom:2px #0678b4 solid; } #bigcontent ul.ptitle li.prosortcon { width:960px; padding:9px; border:1px #019dd8 solid; background:#eef6f8; float:left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:15px; } #bigcontent ul.ptitle li.prosortcon dl.left { width:70px; float:left; height:70px; margin-right:10px; background:url(../images/sy-idxsearch-left-img.png) no-repeat; } #bigcontent ul.ptitle li.prosortcon dl.center { width:550px; float:left; overflow:hidden; padding-left:9px; border-left:1px #aed0da solid; } #bigcontent ul.ptitle li.prosortcon dl.center ol.list { float:left; height:34px; line-height:34px; padding-right:15px; border-bottom:1px #aed0da solid; white-space:nowrap; } #bigcontent ul.ptitle li.prosortcon dl.center ol.list a.normal i { line-height:34px; color:#019dd8; font-size:14px;background:none; } #bigcontent ul.ptitle li.prosortcon dl.center ol.list a.normal:hover i { line-height:34px; color:#ff6600;background:none; } #bigcontent ul.ptitle li.prosortcon dl.center ol.list a.active { color:#ff6600; } #bigcontent ul.ptitle li.prosortcon dl.center ol.list a.active i { line-height:34px; color:#ff6600; font-size:14px;background:none; } #bigcontent ul.ptitle li.prosortcon dl.center ol.list a.active:hover i { line-height:34px; color:#ff6600; background:none; } #bigcontent ul.ptitle li.prosortcon dl.rightinput { width:250px; height:70px; float:left; } #bigcontent ul.ptitle li.prosortcon dl.rightinput ol.list { width:250px; float:left; height:35px; line-height:35px; } #bigcontent ul.ptitle li.prosortcon dl.rightinput ol.list dd.left { width:65px; padding-right:5px; float:left; height:35px; line-height:35px; color:#06568a; font-weight:normal; text-align:right; } #bigcontent ul.ptitle li.prosortcon dl.rightinput ol.list dd.right { width:180px; float:left; height:27px; line-height:27px; overflow:hidden; padding:4px 0px; } #bigcontent ul.ptitle li.prosortcon dl.rightinput ol.list dd.right input { width:150px; height:21px; padding:3px 5px; float:left; line-height:21px; border:1px #7ca7c4 solid; FONT-FAMILY:"Microsoft YaHei" !important; Arial; color:#999999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bigcontent ul.ptitle li.prosortcon dl.rightsubmit { width:70px; float:left; height:70px;} #bigcontent ul.ptitle li.prosortcon dl.rightsubmit input { width:70px; float:left; height:70px; background:url(../images/sy-idxsearchtab-subut.gif) no-repeat; border:none; cursor:pointer; } #bigcontent ul.ptitle li.left { height:65px; float:left; width:165px; overflow:hidden; margin-right:14px; border-right:1px #CCCCCC solid; } #bigcontent ul.ptitle li.left dl.text { float:left; height:60px; font-size:16px; line-height:60px; font-weight:bold; padding-right:15px; font-family:"Microsoft YaHei" !important; simhei; /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ } #bigcontent ul.ptitle li.left dl.textgreen { float:left; height:60px; line-height:60px; font-size:16px; color:#ff6600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; } #bigcontent ul.ptitle li.smsortcon { padding:0px 0px 0px 0px; float:right; height:50px; padding:5px 0px 10px 0px; width:800px; overflow:hidden; } #bigcontent ul.ptitle li.smsortcon dl.list { float:left; padding-right:20px; height:25px; line-height:25px; } #bigcontent ul.ptitle li.smsortcon dl.list a { float:left; height:25px; line-height:25px; background:none; } #bigcontent ul.ptitle li.smsortcon dl.list a i { float:left; padding-right:8px; height:25px; line-height:25px; color:#CCC; } #bigcontent ul.ptitle li.smsortcon dl.list a:hover i { float:left; padding-right:8px; height:25px; line-height:25px; color:#CCC; } #bigcontent ul.ptitle li.smsortcon dl.list a.active { float:left; height:25px; line-height:25px; background:none; color:#ff6600; } #bigcontent ul.ptitle li.smsortcon dl.list a.active i { float:left; padding-right:8px; height:25px; line-height:25px; color:#ff6600; } #bigcontent ul.ptitle li.smsortcon dl.list a.active:hover i { float:left; padding-right:8px; height:25px; line-height:25px; color:#ff6600; } #bigcontent ul.procon { width:980px; float:left; padding-top:20px; overflow:hidden; } #bigcontent ul.procon li.prolistcon { width:990px; float:left; } #bigcontent ul.procon li.prolistcon dl.list { width:188px; float:left; margin-right:10px; margin-bottom:20px; display:none; _display:block; position:relative; padding-bottom:20px; border-bottom:1px #aac4d0 dotted; } #bigcontent ul.procon li.prolistcon dl.list ol.pic { width:188px; float:left; height:188px; overflow:hidden; } #bigcontent ul.procon li.prolistcon dl.list ol.pic img { width:184px; float:left; height:184px; border:1px #88bbd5 solid; padding:1px; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; background:url(../images/sy-product-pic-bg-blue.jpg) repeat-x; } #bigcontent ul.procon li.prolistcon dl.list ol.pic:hover img { width:184px; float:left; height:184px; border:1px #ff6600 solid; padding:1px; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; background:url(../images/sy-product-pic-bg-blue.jpg) repeat-x; } #bigcontent ul.procon li.prolistcon dl.list ol.title { width:178px; padding:0px 5px; height:29px; line-height:29px; background:#eef6f8 url(../images/sy-idxprolist-bg-line.jpg) repeat-x; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #c3d5e0 solid; } #bigcontent ul.procon li.prolistcon dl.list ol.title a { font-weight:normal; color:#03678e; } #bigcontent ul.procon li.prolistcon dl.list ol.ptype { width:188px; float:left; height:20px; line-height:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#e9f2f7; border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; color:#527489; border-bottom:1px #7ca7c4 solid; } #bigcontent ul.proinfo { width:980px; float:left; overflow:hidden; } #bigcontent ul.proinfo li.title { width:980px; float:left; height:43px; border-bottom:2px #999999 solid; font-size:16px; font-weight:bold; font-family:"Microsoft YaHei" !important; simhei; padding-top:13px; } #bigcontent ul.proinfo li.title dl.left { width:800px; float:left; height:43px; } #bigcontent ul.proinfo li.title dl.right { width:180px; float:left; height:43px; background:url(../images/sy-proinfo-tit-rlogo.jpg) no-repeat; } #bigcontent ul.proinfo li.pcon { width:980px; float:left; margin-top:20px; background:url(../images/sy-bigcontent-bg-line.gif) repeat-y 270px 0px; } #bigcontent ul.proinfo li.pcon dl.left { width:250px; float:left; margin-right:25px; padding-right:29px; } #bigcontent ul.proinfo li.pcon dl.left ol.propic { width:250px; height:250px; float:left; overflow:hidden; background:#f9fdff url(../images/sy-product-pic-bg-blue.jpg) repeat-x bottom; } #bigcontent ul.proinfo li.pcon dl.left ol.propic a { width:240px; float:left; height:240px; padding:4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #88bbd5 solid; overflow:hidden; } #bigcontent ul.proinfo li.pcon dl.left ol.propic a img { width:240px; height:240px; float:left; position:relative; } #bigcontent ul.proinfo li.pcon dl.left ol.propic a dd.pzoom { margin:210px 0px 0px 210px; width:20px; float:left; height:20px; background:url(../images/sy-icon-prozoom.png) no-repeat 0px 0px; position:absolute; z-index:999 } #bigcontent ul.proinfo li.pcon dl.left ol.propic a:hover dd.pzoom { margin:210px 0px 0px 210px; width:20px; float:left; height:20px; background:url(../images/sy-icon-prozoom.png) no-repeat 0px -20px; position:absolute; z-index:999 } #bigcontent ul.proinfo li.pcon dl.left ol.propiclist { width:258px; float:left; overflow:hidden; } #bigcontent ul.proinfo li.pcon dl.left ol.propiclist a { float:left; width:78px; padding-right:8px; margin-top:10px; } #bigcontent ul.proinfo li.pcon dl.left ol.propiclist a img { width:72px; float:left; height:72px; padding:2px; border:1px #b6c2c8 solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background:url(../images/sy-product-pic-bg-blue-02.jpg) repeat-x top; } #bigcontent ul.proinfo li.pcon dl.left ol.proitem { width:250px; float:left; padding-top:10px; } #bigcontent ul.proinfo li.pcon dl.left ol.proitem dd.list { width:250px; float:left; line-height:25px; border-bottom:#999999 1px solid; padding:5px 0px; } #bigcontent ul.proinfo li.pcon dl.left ol.proitem dd.list span.left { width:75px; float:left; line-height:25px; color:#333333; font-weight:normal; overflow:hidden; } #bigcontent ul.proinfo li.pcon dl.left ol.proitem dd.list span.left i { padding-right:5px; color:#6e9bb8; font-size:14px; } #bigcontent ul.proinfo li.pcon dl.left ol.proitem dd.list span.right { width:175px; float:left; line-height:25px; } #bigcontent ul.proinfo li.pcon dl.left ol.proitem dd.list span.right b { color:#0678b4;} #bigcontent ul.proinfo li.pcon dl.right { width:675px; float:left; line-height:25px; font-size:13px; } #bigcontent ul.proinfo li.pcon dl.right img { max-width:720px; } #bigcontent ul.proinfo li.pcon dl.right strong { color:#0678b4; } #bigcontent ul.proinfo li.pcon dl.right table { width:100%; border:1px #eaeaea solid;margin:0;border-collapse:collapse;border-spacing:0; } #bigcontent ul.proinfo li.pcon dl.right table tr { border:0px #eaeaea solid; } #bigcontent ul.proinfo li.pcon dl.right table tr td { border:1px #eaeaea solid; padding:2px; } #bigcontent ul.right li.newscon { width:740px; float:left; overflow:hidden; padding-top:15px; } #bigcontent ul.right li.newscon dl.list { width:740px; float:left; border-bottom:1px #0678b4 dotted; padding-bottom:15px; margin-bottom:15px; } #bigcontent ul.right li.newscon dl.list ol.title { width:640px; float:left; margin-right:20px; } #bigcontent ul.right li.newscon dl.list ol.title dd.top { width:620px; padding-left:20px; background:url(../images/sy-features-list2.gif) no-repeat 0px 12px; float:left; height:35px; line-height:35px; border-bottom:1px #dde6eb solid;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #bigcontent ul.right li.newscon dl.list ol.title dd.top a { font-size:13px; font-weight:bold; } #bigcontent ul.right li.newscon dl.list ol.title dd.bot { width:620px; padding-right:20px; float:left; line-height:20px; color:#555555; padding-top:5px; } #bigcontent ul.right li.newscon dl.list ol.title dd.bot a { color:#ff6600; text-decoration:underline; } #bigcontent ul.right li.newscon dl.list ol.rdate { width:80px; height:60px; float:left; } #bigcontent ul.right li.newscon dl.list ol.rdate dd.date { width:80px; height:25px; line-height:25px; float:left; margin:10px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; background:#e3eff4; font-size:12px; font-weight:normal; color:#0678b4; font-family:"New York" } #bigcontent ul.right li.newscon dl.list ol.rdate dd.inlist { width:80px; float:left; line-height:25px; color:#cccccc; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #bigcontent ul.right li.newscon dl.list ol.rdate dd.inlist a { color:#a3a3a3; } #bigcontent ul.right li.newscon dl.listpic { width:740px; float:left; border-bottom:1px #0678b4 dotted; padding-bottom:15px; margin-bottom:15px; } #bigcontent ul.right li.newscon dl.listpic ol.newspic { width:180px; float:left; margin-right:20px; padding-top:10px; } #bigcontent ul.right li.newscon dl.listpic ol.newspic dd.picbro { width:178px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #ffffff solid; overflow:hidden; } #bigcontent ul.right li.newscon dl.listpic ol.newspic dd.picbro img { width:178px; float:left; } #bigcontent ul.right li.newscon dl.listpic ol.title { width:440px; float:left; margin-right:20px; } #bigcontent ul.right li.newscon dl.listpic ol.title dd.top { width:420px; padding-left:20px; background:url(../images/sy-features-list2.gif) no-repeat 0px 12px; float:left; height:35px; line-height:35px; border-bottom:1px #dde6eb solid;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #bigcontent ul.right li.newscon dl.listpic ol.title dd.top a { font-size:13px; font-weight:bold; } #bigcontent ul.right li.newscon dl.listpic ol.title dd.bot { width:420px; padding-right:20px; float:left; line-height:20px; color:#555555; padding-top:5px; } #bigcontent ul.right li.newscon dl.listpic ol.title dd.bot a { color:#ff6600; text-decoration:underline; } #bigcontent ul.right li.newscon dl.listpic ol.rdate { width:80px; height:60px; float:left; } #bigcontent ul.right li.newscon dl.listpic ol.rdate dd.date { width:80px; height:25px; line-height:25px; float:left; margin:10px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; background:#e3eff4; font-size:12px; font-weight:normal; color:#0678b4; font-family:"New York" } #bigcontent ul.right li.newscon dl.listpic ol.rdate dd.inlist { width:80px; float:left; line-height:25px; color:#cccccc; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #bigcontent ul.right li.newscon dl.listpic ol.rdate dd.inlist a { color:#a3a3a3; } #bigcontent ul.right li.casecon { width:780px; float:left; overflow:hidden; padding-top:15px; padding-left:2px; } #bigcontent ul.right li.casecon dl.list { width:212px; padding:5px; float:left; margin-right:33px; /*height:212px;*/ height:163px; margin-bottom:25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #abc9dc solid; } #bigcontent ul.right li.casecon dl.list:hover { width:212px; padding:5px; float:left; margin-right:33px; /*height:212px;*/ height:163px; margin-bottom:25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px #5ca039 solid; } #bigcontent ul.right li.casecon dl.list ol.photo { width:212px; float:left; height:140px; overflow:hidden; } #bigcontent ul.right li.casecon dl.list ol.photo img { width:212px; float:left; opacity:1; transition:all 0.5s;} #bigcontent ul.right li.casecon dl.list:hover ol.photo img { width:212px; float:left; opacity:1; transition:all 0.5s; } #bigcontent ul.right li.casecon dl.list ol.title { width:212px; float:left; height:23px; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; text-align:center; } #bigcontent ul.right li.casecon dl.list ol.title a { color:#333333; } #bigcontent ul.right li.casecon dl.list ol.desc { width:212px; float:left; height:44px; line-height:22px; color:#666666; overflow:hidden; } #bigcontent ul.right li.contactinfo { width:740px; float:left; overflow:hidden; padding-top:15px; } #bigcontent ul.right li.contactinfo dl.contcon { width:760px; float:left; padding-bottom:20px; } #bigcontent ul.right li.contactinfo dl.contcon ol.list { width:365px; float:left; height:35px; line-height:35px; border-bottom:1px #eaeaea solid; margin-right:10px; font-size:12px; } #bigcontent ul.right li.contactinfo dl.contcon ol.list dd.left { width:75px; float:left; height:35px; line-height:35px; font-weight:bold; color:#0678b4; } #bigcontent ul.right li.contactinfo dl.contcon ol.list dd.right { width:290px; float:left; height:35px; line-height:35px; } #bigcontent ul.right li.contactinfo dl.contcon ol.listlong { width:740px; float:left; height:35px; line-height:35px; border-bottom:1px #eaeaea solid; font-size:12px; } #bigcontent ul.right li.contactinfo dl.contcon ol.listlong dd.left { width:75px; float:left; height:35px; line-height:35px; font-weight:bold; color:#0678b4; } #bigcontent ul.right li.contactinfo dl.contcon ol.listlong dd.right { width:665px; float:left; height:35px; line-height:35px; } #bigcontent ul.right li.maps { width:740px; float:left; overflow:hidden; padding-top:15px; } #bigcontent ul.right li.submitcontent { width:740px; float:left; padding-top:18px;} #bigcontent ul.right li.submitcontent span.list { width:740px; float:left; padding-bottom:7px;} #bigcontent ul.right li.submitcontent span.list p.left { width:110px; line-height:30px; float:left; text-align:right; padding-right:10px;} #bigcontent ul.right li.submitcontent span.list p.right b.color { font-weight:bold; color:#ff6600; } #bigcontent ul.right li.submitcontent span.list p.right { width:600px; line-height:30px; float:left; text-align:left; } #bigcontent ul.right li.submitcontent span.list p.right input.text { width:250px; padding:4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:#bdbdbd 1px solid; color:#444444; font-size:12px; FONT-FAMILY:"Microsoft YaHei" !important; Arial; } #bigcontent ul.right li.submitcontent span.list p.right textarea.text { width:520px; padding:4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:#bdbdbd 1px solid; color:#444444; font-size:12px; FONT-FAMILY:"Microsoft YaHei" !important; Arial; } #bigcontent ul.right li.submitcontent span.list p.right input.code { width:100px; padding:4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:#bdbdbd 1px solid; color:#444444; font-size:12px; FONT-FAMILY:"Microsoft YaHei" !important; Arial; } #bigcontent ul.right li.submitcontent span.list p.right b.left { font-weight:normal; float:left; padding-top:3px;} #bigcontent ul.right li.submitcontent span.list p.right b.right { font-weight:normal; float:left; padding-right:10px;} #bigcontent ul.right li.submitcontent span.list p.right b.code { font-weight:normal; float:left; padding-left:10px; padding-top:10px;} #bigcontent ul.right li.submitcontent span.list p.right input.submitbut { width:120px; text-align:center; height:35px; line-height:25px; float:left; cursor:pointer; font-family: "Microsoft YaHei" !important; Arial; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight:bold; } /* side */ .side{position:fixed;width:52px;height:275px;right:0;top:270px;z-index:100; } .side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #407724;} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.5s;background:#5ca039;opacity:1;filter:Alpha(opacity=100);color:#fff;font:12px/54px "Microsoft YaHei" !important; Arial;overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#ff9936;opacity:1;filter:Alpha(opacity=100);transition:all 0.5s;} .side ul li .sidetop:hover{background:#fc7c00;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} .side ul li img{float:left; opacity:0.75;filter:Alpha(opacity=75);transition:all 0.5s;} .side ul li:hover img{float:left; opacity:1;filter:Alpha(opacity=100);transition:all 0.5s;} .pagenext { width:730px; text-align:center; padding-top:15px; padding-bottom:15px; float:left; } .pagenextlong { width:980px; text-align:center; padding-top:15px; padding-bottom:10px; float:left; } .wp-pagenavi {CLEAR: both} .wp-pagenavi A { padding:5px 10px; MARGIN: 3px; TEXT-DECORATION: none; font-family:"Microsoft YaHei" !important;"宋体"; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background:#eaeaea; } .wp-pagenavi A:hover {font-family:"Microsoft YaHei" !important;"宋体"; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background:#333333; color:#FFFFFF; } .wp-pagenavi SPAN { background:#eaeaea; padding:5px 10px; MARGIN: 3px; TEXT-DECORATION: none;font-family:"Microsoft YaHei" !important;"宋体"; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .wp-pagenavi SPAN.current { background:#5ca039; font-family:"Microsoft YaHei" !important;"宋体"; color:#FFFFFF; } /*.wp-pagenavi {CLEAR: both} .wp-pagenavi A { border:1px #333333 solid; background:#333333; color:#FFF; PADDING-RIGHT: 5px;PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; PADDING-TOP: 3px; TEXT-DECORATION: none; font-family:"Microsoft YaHei" !important;"宋体"} .wp-pagenavi SPAN { border:#333333 solid 1px; background:#333333; color:#FFF; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; PADDING-TOP: 3px; TEXT-DECORATION: none;font-family:"Microsoft YaHei" !important;"宋体"} .wp-pagenavi A:hover { border:1px #a41e29 solid; background:#a41e29; color:#FFF; font-family:"Microsoft YaHei" !important;"宋体"} .wp-pagenavi SPAN.current { border:1px #a41e29 solid; background:#a41e29; color:#FFF; font-family:"Microsoft YaHei" !important;"宋体"} .wp-pagenavi SPAN.current { FONT-WEIGHT: bold; }*/ #footer { width:100%; float:left; border-top:2px #ff6600 solid; } #footer ul.bgcon { width:100%; background:#02101e; margin-top:10px; float:left; padding:15px 0px; } #footer ul.bgcon li.con { width:980px; margin:0 auto; } #footer ul.bgcon li.con dl.left { width:800px; float:left; } #footer ul.bgcon li.con dl.left ol.list { width:800px; float:left; height:30px; line-height:30px; color:#cccccc; } #footer ul.bgcon li.con dl.left ol.list a { color:#999999; } #footer ul.bgcon li.con dl.right { width:180px; float:left; height:60px; background:url(../images/sy-footer-rlogo.png) no-repeat; } a.readMore, .readMore{ display: block; text-align: center; height: 21px; width: 94px; padding-top: 6px; /*font-family: "Droid Sans";*/ font-weight:normal; color: #fff; background: #5ca039; background:-moz-linear-gradient(top, #6cb447 0, #5ca039); background:-webkit-gradient(linear, left top, left bottom, from(#6cb447), to(#5ca039)); background:-o-linear-gradient(top, #6cb447 0, #5ca039); background:-ms-linear-gradient(top, #6cb447 0, #5ca039); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb447', endColorstr='#5ca039', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb447', endColorstr='#5ca039', GradientType=0); background:linear-gradient(top, #6cb447 0, #5ca039); margin-top: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:1px 1px 1px #437221; } .readMore:hover { background:-moz-linear-gradient(top, #5ca039 0, #6cb447); background:-webkit-gradient(linear, left top, left bottom, from(#5ca039), to(#6cb447)); background:-o-linear-gradient(top, #5ca039 0, #6cb447); background:-ms-linear-gradient(top, #5ca039 0, #6cb447); } a.readMore:hover{ text-decoration: none; } .buttons a, .buttonsSmall a{ display: block; width: 103px; text-align: center; color: #484d56; font-family: "Droid Sans"; font-weight: bold; padding: 11px 0; float: left; margin-right: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 22px; } .buttonsSmall{ margin-top: 30px; width: 750px; } .buttonsSmall a{ width: 79px; padding: 6px 0; margin-right: 12px; } .buttons a:hover, .buttonsSmall a:hover{ text-decoration: none; } .button1{ background: #eaeaea; background:-moz-linear-gradient(top, #f7f7f7 0, #eaeaea); background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eaeaea)); background:-o-linear-gradient(top, #f7f7f7 0, #eaeaea); background:-ms-linear-gradient(top, #f7f7f7 0, #eaeaea); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eaeaea', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eaeaea', GradientType=0); background:linear-gradient(top, #f7f7f7 0, #eaeaea); border: 1px solid #e1e1e1; } .button1:hover { background: #f7f7f7; background:-moz-linear-gradient(top, #eaeaea 0, #f7f7f7); background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f7f7f7)); background:-o-linear-gradient(top, #eaeaea 0, #f7f7f7); background:-ms-linear-gradient(top, #eaeaea 0, #f7f7f7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#f7f7f7', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#f7f7f7', GradientType=0); background:linear-gradient(top, #eaeaea 0, #f7f7f7); border: 1px solid #e1e1e1; } .button2{ background: #51bad0; background:-moz-linear-gradient(top, #84d5de 0, #51bad0); background:-webkit-gradient(linear, left top, left bottom, from(#84d5de), to(#51bad0)); background:-o-linear-gradient(top, #84d5de 0, #51bad0); background:-ms-linear-gradient(top, #84d5de 0, #51bad0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#84d5de', endColorstr='#51bad0', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#84d5de', endColorstr='#51bad0', GradientType=0); background:linear-gradient(top, #84d5de 0, #51bad0); border: 1px solid #6bb7b8; color: #fff; } .button2:hover{ background: #84d5de; background:-moz-linear-gradient(top, #51bad0 0, #84d5de); background:-webkit-gradient(linear, left top, left bottom, from(#51bad0), to(#84d5de)); background:-o-linear-gradient(top, #51bad0 0, #84d5de); background:-ms-linear-gradient(top, #51bad0 0, #84d5de); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#51bad0', endColorstr='#84d5de', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#51bad0', endColorstr='#84d5de', GradientType=0); background:linear-gradient(top, #51bad0 0, #84d5de); border: 1px solid #6bb7b8; color: #fff; } .button3{ background: #e44c3e; background:-moz-linear-gradient(top, #f0725e 0, #e44c3e); background:-webkit-gradient(linear, left top, left bottom, from(#f0725e), to(#e44c3e)); background:-o-linear-gradient(top, #f0725e 0, #e44c3e); background:-ms-linear-gradient(top, #f0725e 0, #e44c3e); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0725e', endColorstr='#e44c3e', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0725e', endColorstr='#e44c3e', GradientType=0); background:linear-gradient(top, #f0725e 0, #e44c3e); border: 1px solid #c25b4a; color: #fff; } .button3:hover{ background: #f0725e; background:-moz-linear-gradient(top, #e44c3e 0, #f0725e); background:-webkit-gradient(linear, left top, left bottom, from(#e44c3e), to(#f0725e)); background:-o-linear-gradient(top, #e44c3e 0, #f0725e); background:-ms-linear-gradient(top, #e44c3e 0, #f0725e); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e44c3e', endColorstr='#f0725e', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e44c3e', endColorstr='#f0725e', GradientType=0); background:linear-gradient(top, #e44c3e 0, #f0725e); border: 1px solid #c25b4a; color: #fff; } .button4{ background: #e7c43f; background:-moz-linear-gradient(top, #f1df9c 0, #e7c43f); background:-webkit-gradient(linear, left top, left bottom, from(#f1df9c), to(#e7c43f)); background:-o-linear-gradient(top, #f1df9c 0, #e7c43f); background:-ms-linear-gradient(top, #f1df9c 0, #e7c43f); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1df9c', endColorstr='#e7c43f', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1df9c', endColorstr='#e7c43f', GradientType=0); background:linear-gradient(top, #f1df9c 0, #e7c43f); border: 1px solid #e1cb71; color: #fff; } .button4:hover{ background: #f1df9c; background:-moz-linear-gradient(top, #e7c43f 0, #f1df9c); background:-webkit-gradient(linear, left top, left bottom, from(#e7c43f), to(#f1df9c)); background:-o-linear-gradient(top, #e7c43f 0, #f1df9c); background:-ms-linear-gradient(top, #e7c43f 0, #f1df9c); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7c43f', endColorstr='#f1df9c', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7c43f', endColorstr='#f1df9c', GradientType=0); background:linear-gradient(top, #e7c43f 0, #f1df9c); border: 1px solid #e1cb71; color: #fff; } .button5{ background: #1b1924; background:-moz-linear-gradient(top, #404e59 0, #1b1924); background:-webkit-gradient(linear, left top, left bottom, from(#404e59), to(#1b1924)); background:-o-linear-gradient(top, #404e59 0, #1b1924); background:-ms-linear-gradient(top, #404e59 0, #1b1924); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404e59', endColorstr='#1b1924', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404e59', endColorstr='#1b1924', GradientType=0); background:linear-gradient(top, #404e59 0, #1b1924); border: 1px solid #545454; color: #fff; } .button5:hover{ background: #404e59; background:-moz-linear-gradient(top, #1b1924 0, #404e59); background:-webkit-gradient(linear, left top, left bottom, from(#1b1924), to(#404e59)); background:-o-linear-gradient(top, #1b1924 0, #404e59); background:-ms-linear-gradient(top, #1b1924 0, #404e59); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1924', endColorstr='#404e59', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1924', endColorstr='#404e59', GradientType=0); background:linear-gradient(top, #1b1924 0, #404e59); border: 1px solid #545454; color: #fff; } .button6{ background: #e88e34; background:-moz-linear-gradient(top, #f3b752 0, #e88e34); background:-webkit-gradient(linear, left top, left bottom, from(#f3b752), to(#e88e34)); background:-o-linear-gradient(top, #f3b752 0, #e88e34); background:-ms-linear-gradient(top, #f3b752 0, #e88e34); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3b752', endColorstr='#e88e34', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3b752', endColorstr='#e88e34', GradientType=0); background:linear-gradient(top, #f3b752 0, #e88e34); border: 1px solid #d79759; color: #fff; } .button6:hover{ background: #f3b752; background:-moz-linear-gradient(top, #e88e34 0, #f3b752); background:-webkit-gradient(linear, left top, left bottom, from(#e88e34), to(#f3b752)); background:-o-linear-gradient(top, #e88e34 0, #f3b752); background:-ms-linear-gradient(top, #e88e34 0, #f3b752); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88e34', endColorstr='#f3b752', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88e34', endColorstr='#f3b752', GradientType=0); background:linear-gradient(top, #e88e34 0, #f3b752); border: 1px solid #d79759; color: #fff; } .button7{ background: #70ca47; background:-moz-linear-gradient(top, #9bdc64 0, #70ca47); background:-webkit-gradient(linear, left top, left bottom, from(#9bdc64), to(#70ca47)); background:-o-linear-gradient(top, #9bdc64 0, #70ca47); background:-ms-linear-gradient(top, #9bdc64 0, #70ca47); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bdc64', endColorstr='#70ca47', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bdc64', endColorstr='#70ca47', GradientType=0); background:linear-gradient(top, #9bdc64 0, #70ca47); border: 1px solid #85c24a; color: #fff; } .button7:hover{ background: #9bdc64; background:-moz-linear-gradient(top, #70ca47 0, #9bdc64); background:-webkit-gradient(linear, left top, left bottom, from(#70ca47), to(#9bdc64)); background:-o-linear-gradient(top, #70ca47 0, #9bdc64); background:-ms-linear-gradient(top, #70ca47 0, #9bdc64); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ca47', endColorstr='#9bdc64', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ca47', endColorstr='#9bdc64', GradientType=0); background:linear-gradient(top, #70ca47 0, #9bdc64); border: 1px solid #85c24a; color: #fff; } .button8{ background: #3589d8; background:-moz-linear-gradient(top, #50b4e1 0, #3589d8); background:-webkit-gradient(linear, left top, left bottom, from(#50b4e1), to(#3589d8)); background:-o-linear-gradient(top, #50b4e1 0, #3589d8); background:-ms-linear-gradient(top, #50b4e1 0, #3589d8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#50b4e1', endColorstr='#3589d8', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#50b4e1', endColorstr='#3589d8', GradientType=0); background:linear-gradient(top, #50b4e1 0, #3589d8); border: 1px solid #4c98ae; color: #fff; text-shadow:1px 1px 1px #3e5d80; } .button8:hover{ background: #50b4e1; background:-moz-linear-gradient(top, #3589d8 0, #50b4e1); background:-webkit-gradient(linear, left top, left bottom, from(#3589d8), to(#50b4e1)); background:-o-linear-gradient(top, #3589d8 0, #50b4e1); background:-ms-linear-gradient(top, #3589d8 0, #50b4e1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3589d8', endColorstr='#50b4e1', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3589d8', endColorstr='#50b4e1', GradientType=0); background:linear-gradient(top, #3589d8 0, #50b4e1); border: 1px solid #4c98ae; color: #fff; }