@charset "utf-8"; #Slide { height: 402px; background-color: #FFF; } #ToolthItemBanner { height: 106px; background-color: #FFF; /* [disabled]background-image: url(../images/ToolthItemBG.png); */ background-repeat: no-repeat; } #ToolthItemBanner ul { margin: 0px; padding: 0px; } #ToolthItemBanner ul li { line-height: 106px; height: 106px; float: left; text-align: center; width: 119px; } #ToolthItemBanner ul li a { padding-top: 25px; display: block; height: 81px; font-family: "微软雅黑", "宋体"; font-size: 14px; text-decoration: none; color: #565656; } #ToolthItemBanner ul li:hover { line-height: 106px; height: 106px; float: left; text-align: center; width: 119px; } #ToolthItemBanner ul li a:hover { padding-top: 25px; display: block; height: 81px; font-family: "微软雅黑", "宋体"; font-size: 14px; text-decoration: none; color: #ffffff; } .ToolthItem1 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: 0px 0px; } .ToolthItem1:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: 0px -106px; } .ToolthItem2 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -119px 0px; } .ToolthItem2:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -119px -106px; } .ToolthItem3 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -238px 0px; } .ToolthItem3:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -238px -106px; } .ToolthItem4 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -357px 0px; } .ToolthItem4:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -357px -106px; } .ToolthItem5 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -476px 0px; } .ToolthItem5:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -476px -106px; } .ToolthItem6 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -595px 0px; } .ToolthItem6:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -595px -106px; } .ToolthItem7 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -714px 0px; } .ToolthItem7:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -714px -106px; } .ToolthItem8 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -833px 0px; } .ToolthItem8:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -833px -106px; } .ToolthItem9 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -952px 0px; } .ToolthItem9:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -952px -106px; } .ToolthItem10 { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -1071px 0px; } .ToolthItem10:hover { background-image: url(../images/ToolthItemBG.png); background-repeat: no-repeat; background-position: -1071px -106px; } #NewsBanner { height: 312px; background-color: #e3e3e3; border-top-width: 20px; border-top-style: solid; border-top-color: #e3e3e3; } #NewsBannerLeft { } #NewsBannerNews { width: 363px; height: 312px; overflow: hidden; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; background-attachment: scroll; background-color: #FFF; background-image: none; background-repeat: repeat; background-position: 0% 0%; } .qh { font-size: 16px; border-bottom: 2px solid #DFDFDF; height: 40px; line-height: 40px; } .qh ul { margin-top: 8px; } .qh ul li { float: left; display: inline; width: 121px; text-align: center; } .qh ul li i { color: #0194bf; } .qh ul li.hover a { height: 40px; line-height: 40px; border-bottom: 2px solid #00A4B4; background: url('../images/jiantou.jpg') no-repeat scroll center bottom transparent; display: inline-block; color: #4A4A4A; } .qh ul li a { color: #8F8F8F; text-decoration: none; } .clr { clear: both; height: 0px; overflow: hidden; } .FirstNews { height: 65px; margin-top: 5px; vertical-align: bottom; } .FirstNewsTitle { float: left; margin-left: 5px; margin-bottom: 0px; margin-top: 40px; } .FirstNews a { font-size: 16px; color: #cb3c02; } .new { height: auto; overflow: hidden; position: relative; color: #757575; } .new ul { overflow: hidden; margin: 15px 0px 43px; } .new li { width: auto; } .new ul li { height: 25px; } .new ul li a { color: #757575; text-decoration: none; margin-top: 5px; } .new .more { position: absolute; right: 0px; bottom: 8px; width: 84px; height: 22px; } #PinPaiBanner { height: 312px; background-color: #E3E3E3; float: right; width: 388px; } #XBXPinPai { height: 42px; width: auto; background-image: url(../images/XiaobaixiangPinPaiBG.png); background-repeat: no-repeat; } #XBXJianJie { height: 69px; width: auto; } #XBXJianJieTitle { background-color: #FFF; height: 59px; width: 295px; float: left; padding: 5px; color: #757575; } #PinPaiBanner a { color: #757575; } #XBXShiPin { height: 197px; width: auto; margin-top: 4px; background-color: #FFF; } #XBXShiPinLeft { height: 197px; width: 122px; float: left; } #XBXShiPinRight { height: 187px; width: 256px; float: left; background-color: #FFF; margin-left: 5px; margin-top: 10px; } .sp { height: 196px; margin: 0 auto; overflow: hidden; width: 242px; } #FAQBanner { height: 96px; border-top-width: 13px; border-top-style: solid; border-top-color: #e3e3e3; } #FAQBannerLeft { float: left; background-image: url(../images/FAQLeft.png); background-repeat: no-repeat; height: 96px; width: 186px; } .mt2 { margin-top: 2px; } .ml2 { margin-left: 2px; } #FAQContent { width: 807px; height: 96px; background-color: #FFF; color: #FFF; float: left; } #FAQContent a { color: #FFF; } #FAQBanner ul li { margin-left: 3px; margin-bottom: 3px; } #FAQContent1 { float: left; height: 96px; width: 118px; text-align: center; } #FAQContent1T { font-size: 20px; line-height: 60px; height: 60px; background-color: #ef5b5b; } #FAQContent1T:hover { background-color: #cc3333; } #FAQContent1B { font-size: 16px; line-height: 34px; height: 34px; background-color: #ea69a2; } #FAQContent1B:hover { background-color: #cc3366; } #FAQContent2 { float: left; height: 96px; width: 103px; text-align: center; } #FAQContent2T { font-size: 16px; line-height: 45px; height: 45px; background-color: #0194c0; } #FAQContent2B { font-size: 14px; line-height: 49px; height: 49px; background-color: #ffa800; } #FAQContent2T:hover { background-color: #006699; } #FAQContent2B:hover { background-color: #cc6600; } #FAQContent3 { float: left; height: 96px; width: 125px; text-align: center; } #FAQContent3T { font-size: 14px; line-height: 28px; height: 28px; background-color: #7883cd; } #FAQContent3M { font-size: 16px; line-height: 41px; height: 41px; background-color: #f05c5c; } #FAQContent3B { font-size: 14px; line-height: 23px; height: 23px; background-color: #7a82cd; } #FAQContent3T:hover { background-color: #666699; } #FAQContent3M:hover { background-color: #cc3333; } #FAQContent3B:hover { background-color: #666699; } #FAQContent4 { float: left; height: 96px; width: 68px; text-align: center; } #FAQContent4T { font-size: 16px; line-height: 60px; height: 60px; background-color: #0194bf; } #FAQContent4B { font-size: 16px; line-height: 34px; height: 34px; background-color: #ea69a2; } #FAQContent4T:hover { background-color: #006699; } #FAQContent4B:hover { background-color: #993366; } #FAQContent5 { float: left; height: 96px; width: 198px; text-align: center; } #FAQContent5T { font-size: 12px; line-height: 33px; height: 33px; background-color: #ef5b5b; } #FAQContent5BL { font-size: 14px; line-height: 61px; height: 61px; background-color: #ff9801; width: 68px; float: left; clear: left; } #FAQContent5BR { font-size: 16px; line-height: 61px; height: 61px; background-color: #0194c0; width: 128px; float: left; } #FAQContent5T:hover { background-color: #cc3333; } #FAQContent5BL:hover { background-color: #cc6600; } #FAQContent5BR:hover { background-color: #006699; } #FAQContent6 { float: left; height: 96px; width: 108px; text-align: center; } #FAQContent6T { font-size: 16px; line-height: 60px; height: 60px; background-color: #7a82cd; } #FAQContent6B { font-size: 16px; line-height: 34px; height: 34px; background-color: #e5ac23; } #FAQContent6T:hover { background-color: #336699; } #FAQContent6B:hover { background-color: #996600; } #FAQContent7 { float: left; height: 96px; width: 73px; text-align: center; } #FAQContent7T { font-size: 20px; line-height: 96px; height: 96px; background-color: #ea69a2; } #FAQContent7T:hover { background-color: #993366; } #FAQBannerRight { float: left; height: 96px; width: 198px; } .a_border { border: 1px solid #EAEAEA; } .top17 { margin-top: 17px; } .box3 { height: 404px; background: #fff; } .Technology, .soft { margin: 0 17px; padding: 10px 0; } .Technology h3 { font-size: 16px; padding-bottom: 8px; margin-bottom: 21px; font-weight: normal; } .kind { width: 205px; position: relative; } .kind ul li { width: 205px; height: 61px; background: url(../images/icon.png) no-repeat; position: relative; } .kind ul li.select a { background: url(../images/left_jiantou.png) no-repeat center; width: 7px; height: 14px; display: block; position: absolute; left: 205px; top: 23px; z-index: 2; } .kind ul li.li01 { background-position: -22px -564px; } .kind ul li.li02 { background-position: -22px -625px; } .kind ul li.li03 { background-position: -22px -686px; } .kind ul li.li04 { background-position: -22px -747px; } .kind ul li.li05 { background-position: -22px -807px; } .kind ul li.li01.select { background-position: -286px -564px; } .kind ul li.li02.select { background-position: -286px -630px; } .kind ul li.li03.select { background-position: -286px -696px; } .kind ul li.li04.select { background-position: -286px -763px; } .kind ul li.li05.select { background-position: -286px -832px; } .box3_sub { width: 950px; height: 302px; overflow: hidden; position: absolute; top: 0; left: 205px; } .box3_sub img { width: 950px; height: 302px; } .Technology .click a { background: url("../images/icon.png") no-repeat -362px -395px ; display: block; height: 22px; margin-top: 13px; transition: all 0.3s linear 0.1s; width: 85px; } .Technology .click a:hover { background-position: -362px -425px; } .box4 { background: none repeat scroll 0 0 #FFFFFF; height: 400px; overflow: hidden; } .soft_sb { width: 1156px; } .soft_sb h3 { font-size: 16px; padding-bottom: 8px; } .bdbt2 { border-bottom: 2px solid #DFDFDF; } .series ul { background: url("../images/box4_li_bg.jpg") repeat-x 0 0 ; border-bottom: 1px solid #EAEAEA; height: 54px; line-height: 54px; } .series ul li { border-left: 1px solid #E5E5E5; display: inline; float: left; font-size: 15px; text-align: center; width: 134px; } .series ul li.hover { background: url("../images/box4_li_bg2.jpg") no-repeat center bottom ; color: #00C8DC; } .series ul li.none { border: medium none; } .ensure { overflow: hidden; } .ensure .text { color: #333333; font-size: 14px; margin: 25px 0 20px; } .ensure dl { display: inline; float: left; margin: 0 14px; } .ensure dl dt img { height: 164px; width: 202px; } .ensure dl dd { color: #999999; margin-top: 22px; margin-right: 0; margin-bottom: 0; margin-left: 28px; } .ensure dl dd b { color: #4D4D4D; display: block; } .ensure dl dd.one { background: url("../images/1.png") no-repeat left center; } .ensure dl dd.two { background: url("../images/2.png") no-repeat left center ; } .ensure dl dd.three { background: url("../images/3.png") no-repeat left center; } .ensure dl dd.four { background: url("../images/4.png") no-repeat left center ; } .ensure dl dd.five { background: url("../images/5.png") no-repeat left center ; } .ensure dl dd.six { background: url("../images/6.png") no-repeat left center ; } .diff dl { display: inline; float: left; margin: 0 6px; } .diff dl dt img { height: 146px; width: 180px; } .big dl { display: inline; float: left; margin: 0 53px; } .zx_btn { bottom: -537px; position: absolute; right: 67px; } .zx_btn a { background: url("../images/icon.png") no-repeat -1916px -959px ; display: block; height: 22px; width: 84px; } .box5 { background: none repeat scroll 0 0 #FFFFFF; height: 125px; overflow: hidden; } .box5_sub { height: 70px; overflow: hidden; font-size: 16px; } .box5_sub a { display: block; float: left; height: 61px; margin: 8px 20px; width: 125px; } .box5_sub a:hover { background-position: -56px -1005px; } #box5_1 a { display: block; float: left; height: 61px; margin: 8px 20px; width: 125px; } #box5_2 a { display: block; float: left; height: 40px; margin: 8px 11px; width: 137px; } #box5_3 a { display: block; float: left; height: 61px; margin: 8px 20px; width: 156px; } .link { margin: 0 17px; padding: 10px 0; } .link .bdbt2 { font-size: 16px; height: 26px; line-height: 26px; margin-bottom: 20px; } .link .bdbt2 li { display: inline; float: left; padding: 0 10px; } .link .bdbt2 li.hover a { background: url("../images/jiantou.jpg") no-repeat center bottom ; border-bottom: 2px solid #00A4B4; color: #626262; display: inline-block; padding-bottom: 0; text-decoration: none; } .link .bdbt2 li.hover a:hover { color: #00C8DC; }