@charset "utf-8"; /* CSS Document */ html, body { font-size: 12px; margin: 0px; padding: 0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; -webkit-text-size-adjust: none; } a { color: #666666; text-decoration: none; outline: 0; star:expression(this.onFocus=this.blur()); } a:hover, a:active { color: #ce1d24; } * { margin: 0px; padding: 0px; list-style: none; } a, a img { border: none; outline: none; } img { _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/web/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true); } table { border-collapse: collapse; } ul, li { list-style-type: none; overflow: hidden; } form { margin: 0px; } .clear { clear: both; height: 20px; } #mobileAd{ background:url(../images/web/ad_bg.jpg) repeat-x top center; } /*============ ADBOX */ #adbox { top:expression(eval(document.documentElement.scrollTop)); z-index:1000; } #adbox { background:url(../images/web/ad_bg.jpg) repeat-x top center; width: 100%; display: none; top: 0; margin:0px auto; } #adbox .adpic { height: 300px; overflow: hidden; } #adbox .adpic .close { display: block; width: 60px; height: 22px; line-height: 26px; font-size: 12px; color: #fff; text-indent: 12px; overflow: hidden; position: absolute; right: 12px; top: 5px; z-index: 99; background:url(../images/web/ad_close.png) no-repeat; background-position:16px 2px; } /*============ TOP-INDEX */ #top-index { background: url(../images/web/menu_bg.png) repeat-x top center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu_bg.png");/*只对IE6有效*/ _background: none; width: 100%; height: 100px; margin: 0px auto; position: relative; *position: absolute; _position: absolute; z-index: 1001; } #top-index UL { width: 954px; height: 100px; margin: 0px auto; } #top-index UL LI { float: left; display: block; } #top-index .logo { padding: 28px 0px 0px 0px; width: 235px; text-align: left; } #top-index .logo IMG { _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/web/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true); } /* end*/ /*============ TOP-CASES */ #top-cases { background: url(../images/web/menu_bg.png) repeat-x top center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu_bg.png");/*只对IE6有效*/ _background: none; width: 100%; height: 100px; margin: 0px auto; position: absolute; z-index: 1001; } #top-cases UL { width: 954px; height: 100px; margin: 0px auto; } #top-cases UL LI { float: left; display: block; } #top-cases .logo { padding: 28px 0px 0px 0px; width: 235px; text-align: left; } #top-cases .logo IMG { _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/web/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true); } /* end*/ /*============ TOP */ #top { background: url(../images/web/menu_bg.png) repeat-x top center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu_bg.png");/*只对IE6有效*/ _background: none; width: 100%; height: 100px; margin: 0px auto; /* position: fixed !important; _position: absolute;*/ position: absolute; z-index: 1001; } #top UL { width: 954px; height: 100px; margin: 0px auto; } #top UL LI { float: left; display: block; } #top .logo { padding: 28px 0px 0px 0px; width: 235px; text-align: left; } #top .logo IMG { _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/web/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true); } /* end*/ /*============ MENU */ #menu { width: 719px; height: 100px; line-height: 120px; font-family: "微软雅黑"; font-size: 17px; } #menu a { color: #ffffff; display: block; height: 100px; float: left; text-align: center; } #menu #m1 { width: 85px; } #menu #m2 { width: 114px; } #menu #m3 { width: 127px; } #menu #m4 { width: 128px; } #menu #m5 { width: 128px; } #menu #m6 { width: 114px; } #menu .now { background: url(../images/web/menu-sub-now.png) repeat; color: #ed0000; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu-sub-now.png");/*只对IE6有效*/ _background: none; } .submargin { margin-top: 100px; *margin-top: 100px; } .submargin-index { *margin-top: 100px; } #menu-sub-bg { width: 100%; background: #000; position: absolute; z-index: 1001; filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; height: 0px; top: 100px; } #menu-sub { width: 100%; height:0px; font-size:0px; position: absolute; z-index: 1001; _margin-top: 100px; overflow:hidden; } #menu-sub IMG { margin: 2px 3px 0px 0px; } #menu-sub .sub { width: 719px; padding-left: 235px; height: 340px; margin: 0px auto; text-align: left; } #menu-sub .sub a { display: block; color: #999999; font-family: "微软雅黑"; font-size: 12px; height: 25px; line-height: 25px; } #menu-sub .sub a:hover { color: #ffffff; } #menu-sub .sub DIV { display: block; float: left; height: 100%; padding-left: 22px; } #menu-sub .sub #s1 { width: 63px; } #menu-sub .sub #s2 { width: 92px; } #menu-sub .sub #s3 { width: 105px; } #menu-sub .sub #s4 { width: 106px; } #menu-sub .sub #s5 { width: 106px; } #menu-sub .sub #s6 { width: 92px; } #menu-sub .sub .now { background: url(../images/web/menu-sub-now.png) repeat !important; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu-sub-now.png");/*只对IE6有效*/ _background: none; height: 100%; } #menu-sub .sub-index { width: 719px; padding-left: 235px; height: 450px; margin: 0px auto; text-align: left; } #menu-sub .sub-index a { display: block; color: #999999; font-family: "微软雅黑"; font-size: 12px; height: 25px; line-height: 25px; } #menu-sub .sub-index a:hover { color: #ffffff; } #menu-sub .sub-index DIV { display: block; float: left; height: 100%; padding-left: 22px; } #menu-sub .sub-index #s1 { width: 63px; } #menu-sub .sub-index #s2 { width: 92px; } #menu-sub .sub-index #s3 { width: 105px; } #menu-sub .sub-index #s4 { width: 106px; } #menu-sub .sub-index #s5 { width: 106px; } #menu-sub .sub-index #s6 { width: 92px; } #menu-sub .sub-index .now { background: url(../images/web/menu-sub-now.png) repeat !important; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu-sub-now.png");/*只对IE6有效*/ _background: none; height: 100%; } /* end*/ /*============ BANNER */ #banner { width: 1000px; height: 550px; position: relative; overflow: hidden; position: relative; display: none; margin: -100px auto 0px auto; top: 0; } #banner .imgWarp { width: 1000px; height: 550px; overflow: hidden; position: relative; text-align: center; } #banner .imgList { position: absolute; left: 0; } #banner .imgList li { float: left; text-align: center; height: 550px; } #banner .imgList li DIV { width: 100%; height: 100%; left: -50%; } #banner .imgList li DIV SPAN { display: block; width: 100%; height: 100%; } #banner .slogans { position: absolute; z-index: 10; top: 260px; } #banner .slogans li { float: left; text-align: center; } #banner .slogans li img { margin-left: -520px; _margin-left: -420px; } #banner .imgBtn { position: absolute; text-align: center; bottom: 20px; z-index: 99 !important; width: 800px; left: 50%; margin-left: -400px; } #banner .btnWarp { overflow: hidden; } #banner .imgBtn li { width: 43px; height: 6px; display: inline-block; _zoom: 1; *display:inline; background: url(../images/web/banner_btn.png) no-repeat; _background: url(../images/web/banner_btn.gif) no-repeat; background-position: 0px 0px; cursor: pointer; margin: 0px 5px 0px 5px; } #banner .imgBtn li.hover { width: 43px; height: 6px; background: url(../images/web/banner_btn.png) no-repeat; _background: url(../images/web/banner_btn.gif) no-repeat; background-position: -53px 0px; } /* end*/ /*========== navigation */ #navigation { background: url(../images/web/navigation-bg.jpg) repeat-x top center; width: 100%; height: 69px; margin: 0px auto; } #navigation .shadow { background: url(../images/web/navigation-shadow.jpg) no-repeat top center; height: 14px; } #navigation .bx_wrap { width: 1000px; height: 55px; margin: 0px auto; padding: 0px; position: relative; } #navigation .bx_container { margin: 0px auto; width: 1000px; height: 55px; padding: 0px; z-index: 99; } #navigation #Solution { width: 836px; height: 55px; overflow: hidden; margin: 0px auto; } #navigation #Solution LI { display: block; float: left; overflow: hidden; height: 55px; } #navigation #Solution LI a:hover IMG { margin-top: -55px; } #navigation .prev { width: 82px; height: 55px; display: block; position: absolute; background: url(../images/web/navigation-btn.jpg) no-repeat; background-position: 0px 0px; left: 0px; } #navigation .next { width: 82px; height: 55px; display: block; position: absolute; background: url(../images/web/navigation-btn.jpg) no-repeat; background-position: -82px 0px; right: 0px; } /* end*/ /*========== cases */ #cases-index { display: block; width: 902px; margin: 20px auto 0px auto; } #cases-index UL { display: block; } #cases-index .title { background: url(../images/web/cases-title_index.jpg) no-repeat 5px center; height: 60px; text-align: right; } #cases-index .more { width: 65px; height: 15px; display: inline-block; background: url(../images/web/cases-more.jpg) no-repeat; background-position: 0px 0px; margin: 30px 15px 0px 0px; } #cases-index .more:hover { background-position: -65px 0px; } #cases-index .brand { background: url(../images/web/cases-con_index.jpg) no-repeat left top; _width: 920px; width: 920px; height: 340px; padding: 0px; text-align: left; } #cases-index .brand li { display: block; list-style-type: none; list-style: none; *margin-left:-16px; padding: 0px; } #cases-index .brand a { display: inline; position: relative; float: left; width: 179px; height: 112px; line-height: 112px; text-align: center; font-family: "微软雅黑"; color: #fff; font-size: 14px; margin: 1px 0px 0px 1px; } #cases-index .brand .last { margin-left: 2px; } #cases-index .brand a img { position: absolute; width: 179px; height: 112px; margin: 0px; left: 0; bottom: 0; } #cases-index .brand a b { display: none; position: absolute; top: 56px; width: 179px; height: 0px; background: #333333; cursor: pointer; overflow: hidden; } #cases-index .shadow { background: url(../images/web/cases-shadow_index.jpg) no-repeat top center; height: 25px; margin: 0px; } /* end*/ /*========== news */ #news_superiority { display: block; width: 902px; height: 340px; margin: 20px auto 0px auto; } #news_superiority #superiority-index { width: 230px; float: left; height: 340px; margin-left: 82px; } #news_superiority #superiority-index .title { background: url(../images/web/superiority-title_index.jpg) no-repeat left center; width: 230px; height: 50px; } #news_superiority #superiority-index .con a { display: block; background: url(../images/web/superiority-btn.jpg) no-repeat; background-position: 0px 0px; width: 200px; height: 58px; } #news_superiority #superiority-index .con a:hover { background-position: 0px -58px; color: #d12121; font-weight: bold; } #news_superiority #superiority-index .con a:hover .num { color: #ffffff; font-size: 40px; } #news_superiority #superiority-index .con P { display: block; float: left; text-align: left; font-family: "微软雅黑"; font-size: 14px; } #news_superiority #superiority-index .con .num { width: 20px; height: 40px; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #c0bebe; padding-left: 10px; margin-right: 10px; } #news_superiority #superiority-index .con SPAN { font-size: 12px; color: #b9b9b9; font-weight: normal !important; } #news_superiority #news-index { width: 590px; height: 340px; float: left; } #news_superiority #news-index .title { background: url(../images/web/news-title_index.jpg) no-repeat 5px center; width: 550px; height: 50px; text-align: right; padding-right: 40px; *padding-left: 320px; _padding-left: 300px; *width: 210px; _width: 210px; } #news_superiority #news-index .title li { display: inline-block; *display: block; *float: left; _display: block; _float: left; margin-top: 15px; width: 80px; } #news_superiority #news-index .title a { font-family: "微软雅黑"; font-size: 14px; color: #333333; display: block; text-align: center; height: 36px; line-height: 36px; margin: 0px 10px 0px 10px; padding: 0px; } #news_superiority #news-index .title li.current a { color: #d12121; font-weight: bold; background: url(../images/web/news-current-bg_index.jpg) repeat-x center bottom; } #news_superiority #news-index .title_shadow { background: url(../images/web/news-title-bg_index.jpg) no-repeat left bottom; width: 590px; height: 21px; } #news_superiority #news-index .con { position: relative;/*必要元素*/ height: 275px; overflow: hidden; } #news_superiority #news-index .con .box { position: absolute; width: 570px; margin-right: 20px; text-align: left; padding: 0px; left: 0; } #news_superiority #news-index .con .list { width: 570px; height: 272px; } #news_superiority #news-index .list a { background: url(../images/web/news-arr_index.jpg) no-repeat; background-position: 3px 0px; display: block; height: 30px; line-height: 30px; border-bottom: 1px dotted #dddddd; color: #333333; } #news_superiority #news-index .list .noborder { background: url(../images/web/news-arr_index.jpg) no-repeat; background-position: 3px 0px; display: block; height: 30px; line-height: 30px; color: #333333; border: 0px; } #news_superiority #news-index .list a:hover { background-position: 3px -30px; color: #d12121; } #news_superiority #news-index .list SPAN { display: block; float: left; } #news_superiority #news-index .list a .heading { font-family: "微软雅黑"; font-size: 13px; width: 450px; padding-left: 20px; } #news_superiority #news-index .list a .time { text-align: center; color: #cccccc; font-size: 11px; width: 100px; font-family: Arial, Helvetica, sans-serif; } #news_superiority #news-index .list .more { background: url(../images/web/news-more_index.jpg) no-repeat 430px 0px; border-top: 1px solid #dddddd; height: 22px; border-bottom: 0px; display: block; } #news_superiority #news-index .list .more:hover { background-position: 430px -24px; } /* end*/ /*========== location */ #location { font-size: 33px; color: #373737; font-family: "微软雅黑"; font-weight: 500; text-align: left; width: 100%; height: 60px; padding-top: 20px; background: #ffffff; margin: 0px auto; } #location div { width: 940px; height: 60px; margin: 0px auto; } #location SPAN { font-family: Arial, Helvetica, sans-serif; color: #cecece; font-size: 30px; margin-left: 8px; font-weight: normal !important; } /* end*/ /*========== navpart */ #navpart { width: 930px; position: absolute; left: 50%; margin-left: -465px; } #navpart ul { *padding-left: 0px; *width: 930px; _padding-left: 0px; _width: 930px; } .navpart-about ul { padding-left: 500px; width: 430px; } .navpart-service ul { padding-left: 708px; width: 222px; } .navpart-cases ul { padding-left: 369px; width: 561px; } .navpart-product ul { padding-left: 226px; width: 704px; } .navpart-solution ul { padding-left: 237px; width: 693px; } #navpart li { display: block; float: left; height: 30px; line-height: 30px; text-align: center; font-weight: bold; } #navpart li a:hover { color: #c50a0a; } #navpart a { display: block; float: left; z-index: 9; position: relative; background: url(../images/web/navpart_a.jpg) repeat-x left bottom; height: 27px; line-height: 27px; text-align: center; padding: 0px 15px 0px 15px; font-family: "微软雅黑"; font-size: 12px; border: 1px solid #dddddd; border-top: 0px; border-bottom: 0px; margin-right: -1px; } #navpart .last { margin-right: 0px; } #navpart li.back { z-index: 1; position: relative; background: url(../images/web/navpart_back.gif) repeat-x left bottom; overflow: hidden; color: #ffffff !important; height: 30px; margin-top: -33px; } #navpart .hover a { color: #c50a0a; } /* end*/ /*========== about */ #content { background: url(../images/web/content_bg.jpg) repeat-x top center; height: auto; margin: 0px auto; } #about { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #about sup { font-size: 13px; } #about .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #about .text STRONG { display: block; color: #111111; font-size: 14px; margin-top: 15px; } #about .text IMG { margin: 5px 10px 0px 20px; } /* end*/ /*========== product */ #product { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product sup { font-size: 13px; } #product .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #product #tab_a { width: 930px; height: 30px; padding-top: 30px; margin: 0px auto; text-align: left; } #product #tab_a li { display: inline-block; *display: block; *float: left; _display: block; _float: left; text-align: center; font-family: "微软雅黑"; margin-right: 15px; } #product #tab_a li a { font-size: 18px; font-weight: bold; padding-bottom: 5px; display: block; float: none; } #product #tab_a li .current { color: #d70f0f; border-bottom: 1px dotted #d70f0f; } #product #list-wrap { width: 930px; margin: 0px auto; padding: 0px; } #product #www STRONG { display: block; color: #111111; font-size: 14px; margin-top: 15px; } #product #www img { margin: 0px 5px 0px 0px; } #product #www .domain{ background:url(../images/web/domain_search-bg.png) no-repeat center right; width:920px; height:60px; position:absolute; text-align:right; margin-top:-100px; z-index:9; padding-top:12px; } #product #www .domain #domainkeys{ background:none; width:280px; height:41px; line-height:41px; text-align:left; display:inline-block; border:0px; font-family:"微软雅黑"; font-size:22px; color:#d6d6d6; } #product #www .domain #domainkeys:hover{color:#333 !important;} #product #www .domain #go{ background:url(../images/web/domain_search-go.jpg) no-repeat; width:88px; height:41px; display:inline-block; border:0px; margin-right:10px; cursor:pointer; } #product #www STRONG SPAN { color: #888888; font-size: 13px; font-weight: normal; } #product #www dl { display: block; font-size: 14px; height: 130px; margin-top: 10px; } #product #www dt { display: block; font-size: 12px; color: #777777; font-weight: bold; } #product #www dd { width:125px; display: block; float: left; text-align: left; padding-right:30px; color: #888888; border-right: 1px solid #dddddd; } #product #www dl .w1 { border: 0px; } #product #www dl .w2 { padding-left: 30px; } #product #www dl .w3 { padding-left: 30px; } #product #www dl .w4 { padding-left: 30px; } #product #www dl .w5 { border:0px; padding-left: 30px; } #product #www dd SPAN { color: #ed0000; font-size: 16px; } #domain { width: 640px; height: 500px; background: #fff; float: left; text-align: left; line-height: 24px; color: #565656; font-family: "微软雅黑"; margin-left: 10px; } #domain p { margin: 10px 0px; display:block; background:url(../images/web/domain_title.jpg) no-repeat left top; font-family:"微软雅黑"; font-size:16px; width:680px; height:60px; line-height:50px; } #domain p b{ color:#d70f0f; } #domain pre{ padding:10px; } #product #vps .explanation { background: url(../images/web/vps.png) no-repeat top center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/vps.png");/*只对IE6有效*/ _background: none; display: block; font-size: 14px; width: 930px; height: 124px; margin-top: 20px; } #product #vps dl { display: block; float: left; text-align: left; padding-right: 30px; color: #888888; margin: 30px 0px 0px 125px; _margin-left: 80px; } #product #vps dt { font-size: 17px; color: #222222; } #product #vps dd { font-size: 14px; color: #a5a5a5; } #product #vps .vps_list { display: block; width: 910px; margin: 15px auto 0px auto; line-height: 21px; color: #666666; } #product #vps .vps_list P { display: block; } #product #vps .vps_list STRONG { display: block; color: #111111; font-size: 16px; margin-top: 15px; } #product #vps .vps_list SPAN { display: block; color: #333333; font-size: 12px; padding: 10px 0px 10px; } #product #vps .vps_list .v { border-bottom: 1px dotted #dddddd; padding-bottom: 15px; } #product #vps, #product #gmail { display: none; } #product #gmail .explanation { display: block; font-size: 14px; width: 930px; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dotted #dddddd; } #product #gmail .partner { display: block; font-size: 14px; width: 930px; margin-top: 20px; } #product #gmail .partner STRONG { display: block; color: #111111; font-size: 13px; margin-top: 15px; } #product #gmail .partner .title { height: 90px; } #product #gmail .partner .title a { display: block; float: left; background: url(../images/web/gmail_partner.gif) no-repeat; background-position: 0px 0px; width: 210px; height: 90px; margin: 0px 15px 0px 0px; } #product #gmail .partner .title .now { background-position: 0px -90px; } #product #gmail .partner .title IMG { margin: 5px 0px 0px 5px; } #product #gmail .partner .text { width: 930px; height: 200px; display: block; margin: 15px auto 0px auto; font-size: 12px; line-height: 21px; text-align: left; } #product #gmail .tel { color: #333333; border-top: 1px dotted #dddddd; padding-top: 10px; font-size: 14px; text-align: left; padding-left: 5px; } #product #gmail .tel SPAN { color: #ed0000; font-size: 18px; font-weight: bold; } #product #gmail .text { display: block; font-size: 13px; width: 930px; height: 600px auto; margin: 0px auto; } #product #gmail .text .title { height: 40px; } #product #gmail .text .title SPAN { background: url(../images/web/gmail_title.png) no-repeat; _background: url(../images/web/gmail_title.gif) no-repeat; display: block; float: left; color: #ffffff; height: 35px; font-size: 14px; font-weight: bold; } #product #gmail .text .title .left { background-position: left center; width: 20px; height: 35px; } #product #gmail .text .title .center { background-position: center center; height: 35px; } #product #gmail .text .title .right { background-position: center right; width: 20px; height: 35px; } #product #gmail .text b { background: url(../images/web/gmail_arr.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; width: 17px; height: 17px; line-height: 17px; text-align: center; padding: 2px 5px 2px 5px; margin-right: 7px; font-weight: normal; } #product #gmail .text IMG { margin: 0px 5px 0px 5px; } #product #gmail .text P { line-height: 20px; text-align: left; margin-top: 10px; } #product #gmail .text_2 { display: block; font-size: 13px; width: 930px; height: 140px; margin: 0px auto; } #product #gmail .text_2 table { border: 1px solid #cccccc; float: left; margin: 20px 0px 0px 5px; } #product #gmail .text_2 table td { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 5px; } #product #gmail .text_2 .prompt { font-size: 12px; color: #999999; padding: 5px; line-height: 18px; text-align: left; } #product #gmail .text_2 .bt { background: url(../images/web/bg_bt.gif) repeat-x left bottom; color: #333333; font-weight: bold; } #product #gmail .text_3 { display: block; font-size: 13px; line-height: 18px; width: 930px; height: 790px; margin: 0px auto; } #product #gmail .text_3 table { border: 1px solid #cccccc; float: left; font-size: 12px; margin: 0px 0px 0px 5px; } #product #gmail .text_3 table td { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 5px; } #product #gmail .text_3 .bt { background: url(../images/web/bg_bt.gif) repeat-x left bottom; color: #333333; font-weight: bold; } #product #gmail .text_4 { display: block; font-size: 13px; line-height: 18px; width: 930px; height: 130px; margin: 0px auto; } #product #gmail .text_4 SPAN { color: #ed0000; } #product #gmail .text_4 table { border: 1px solid #cccccc; float: left; font-size: 12px; margin: 0px 0px 0px 5px; } #product #gmail .text_4 table td { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 5px; } #product #gmail .text_4 .bt { background: url(../images/web/bg_bt.gif) repeat-x left bottom; color: #333333; font-weight: bold; } #product #gmail .text_5 { display: block; font-size: 13px; line-height: 18px; width: 930px; height: 140px; margin: 0px auto; } #product #gmail .text_5 SPAN { color: #ed0000; } #product #gmail .text_5 table { border: 1px solid #cccccc; float: left; font-size: 12px; margin: 0px 0px 0px 5px; } #product #gmail .text_5 table td { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 5px; } #product #gmail .text_5 .bt { background: url(../images/web/bg_bt.gif) repeat-x left bottom; color: #333333; font-weight: bold; } /* end*/ /*========== product-design */ #product-design { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-design sup { font-size: 13px; } #product-design .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #product-design .explanation { display: block; font-size: 14px; width: 930px; margin-top: 20px; } #product-design .list { display: block; width: 930px; margin-top: 20px; } #product-design .list B { font-size: 42px; font-weight: normal; } #product-design .list UL { background: url(../images/web/product-design_dividerX.gif) repeat-x center bottom; } #product-design .list .divider { background: url(../images/web/product-design_dividerY.gif) repeat-y top center; } #product-design .list LI { display: block; float: left; width: 400px; height: 180px; text-align: left; padding: 0px; margin: 0px; } #product-design .list .divider { width: 130px; } #product-design .list .function { color: #999999; } #product-design .list .function IMG { margin-right: 3px; } #product-design .list a { display: block; padding: 5px 0px 5px 0px; cursor: pointer; } #product-design .ascendancy { display: block; width: 930px; height: 440px; margin-top: 20px; } #product-design .ascendancy .title { background: url(../images/web/design_title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px 0px 10px 0px; font-size: 14px; } #product-design .ascendancy .design_list { height: 130px; background: url(../images/web/product-design_dividerX.gif) repeat-x left bottom; } #product-design .ascendancy ul { display: block; float: left; width: 430px; height: 115px; margin-top: 15px; } #product-design .ascendancy .design_list .divider { width: 50px; margin: 0px; height: 130px; background: url(../images/web/product-design_dividerY.gif) repeat-y top center; } #product-design .ascendancy ul li { display: block; float: left; line-height: 21px; } #product-design .ascendancy .img { margin-right: 15px; } #product-design .ascendancy strong { display: block; color: #222222; font-size: 14px; margin: 5px 0px 5px 0px; } #product-design .process { display: block; width: 930px; margin-top: 20px; } #product-design .process .title { background: url(../images/web/design_title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #product-design .process .con { margin-top: 20px; } #product-design .process .con LI { display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #999999; } #product-design .process .con .arr { width: 50px; background: url(../images/web/process_arr.jpg) no-repeat center center; } #product-design .process .con .p1 { background: url(../images/web/process_img-1.jpg) no-repeat; } #product-design .process .con .p2 { background: url(../images/web/process_img-2.jpg) no-repeat; width: 156px; } #product-design .process .con .p3 { background: url(../images/web/process_img-3.jpg) no-repeat; } #product-design .process .con .p4 { background: url(../images/web/process_img-4.jpg) no-repeat; } #product-design .process .con .p5 { background: url(../images/web/process_img-5.jpg) no-repeat; } #product-design .process .con .p6 { background: url(../images/web/process_img-6.jpg) no-repeat; color: #e10c0c; } #product-design .process2 { display: block; width: 930px; margin: 20px 0px 40px 0px; } #product-design .process2 .title { background: url(../images/web/design_title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px 0px 30px 0px; font-size: 14px; } #product-design .process2 .con { margin-top: 20px; } #product-design .process2 .con .arr1, #product-design .process2 .con .arr2, #product-design .process2 .con .arr4 { height: 50px; } #product-design .process2 .con .arr, #product-design .process2 .con .arr3 { height: 20px; } #product-design .process2 .con .arr1 IMG { margin: 18px 0px 0px 28px; } #product-design .process2 .con .arr2 IMG { margin: 0px 0px 0px 28px; } #product-design .process2 .con .arr3 IMG { margin: 0px 0px 0px 28px; } #product-design .process2 .con .arr4 IMG { margin: 8px 0px 0px 28px; } #product-design .process2 ul { background: url(../images/web/process_line.jpg) repeat-y 35px center; display: block; margin-left: 10px; } #product-design .process2 li { display: block; float: left; } #product-design .process2 .p1 { height: 80px; } #product-design .process2 .p1 .icon { background: url(../images/web/process_img-1.jpg) no-repeat; display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #999999; margin-right: 20px; } #product-design .process2 .p2 { height: 120px; } #product-design .process2 .p2 .icon { background: url(../images/web/process_img-2.jpg) no-repeat; display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #00c2ff; margin-right: 20px; } #product-design .process2 .p3 { height: 80px; } #product-design .process2 .p3 .icon { background: url(../images/web/process_img-3.jpg) no-repeat; display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #03ac2f; margin-right: 20px; } #product-design .process2 .p4 { height: 100px; } #product-design .process2 .p4 .icon { display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #ffffff; margin-right: 20px; } #product-design .process2 .p5 { height: 100px; } #product-design .process2 .p5 .icon { display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #ffffff; margin-right: 20px; } #product-design .process2 .p6 { height: 100px; } #product-design .process2 .p6 .icon { background: url(../images/web/process_img-4.jpg) no-repeat; display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #ff9900; margin-right: 20px; } #product-design .process2 .p7 { height: 78px; } #product-design .process2 .p7 .icon { background: url(../images/web/process_img-5.jpg) no-repeat; display: block; float: left; width: 78px; height: 28px; padding-top: 50px; text-align: center; font-size: 11px; color: #ed0000; margin-right: 20px; } #product-design .process2 .name { font-size: 14px; color: #222222; font-weight: bold; margin: 0px 0px 10px 0px; } #product-design .process2 strong { background: url(../images/web/process_tag.gif) no-repeat; width: 72px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #ffffff; display: block; float: left; } #product-design .process2 p { display: block; float: left; line-height: 20px; text-align: left; color: #999999; margin: 0px; padding: 0px 0px 0px 15px } /* end*/ /*========== product-mobile */ #product-mobile { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-mobile sup { font-size: 13px; } #product-mobile .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #product-mobile .excellent_title { background: url(../images/web/mobile-excellent_title.gif) no-repeat left center; width: 915px; height: 55px; padding: 15px 0px 0px 15px; font-family: "微软雅黑"; font-size: 16px; color: #454545; } #product-mobile .excellent_title SPAN { font-size: 20px; font-weight: bold; color: #d70f0f; } #product-mobile .explanation { display: block; width: 930px; margin: 0px auto; text-align: left; line-height: 32px; color: #666666; padding-bottom: 40px; background: url(../images/web/mobile_trend.png) no-repeat; _background: url(../images/web/mobile_trend.jpg) no-repeat; background-position: 530px 130px; } #product-mobile .explanation STRONG { font-size: 16px; color: #232323; display: block; } #product-mobile .explanation SPAN { color: #ed0000; font-size: 16px; } #product-mobile .explanation B { color: #ed0000; display: block; margin-bottom: -7px; } #product-mobile .excellent { width: 930px; height: auto; margin: 0px auto; } #product-mobile .excellent UL { background: url(../images/web/mobile_list-dashed.gif) repeat-x left bottom; _border-bottom: 1px dotted #dddddd; display: block; height: 300px; } #product-mobile .excellent UL LI { display: block; float: left; height: 300px auto; } #product-mobile .excellent P { display: block; } #product-mobile .excellent .name { color: #de5a5a; font-family: "微软雅黑"; font-size: 24px; height: 30px; line-height: 30px; text-align: left; } #product-mobile .excellent .nameEN { color: #999999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } #product-mobile .excellent .list-wrap .img { width: 350px; } #product-mobile .excellent .list-wrap .text { width: 550px; height: 170px; padding: 30px 15px 0px 15px; color: #454545; } /* end*/ /*========== product-seo */ #product-seo { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-seo .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #product-seo .explanation { width: 600px; height: 250px; padding-right: 330px; line-height: 24px; text-align: left; font-size: 14px; color: #666666; background: url(../images/web/seo_explanation-imgs.png) no-repeat top right; _background: url(../images/web/seo_explanation-imgs.jpg) no-repeat top right; } #product-seo .explanation IMG { margin-top: 10px; } #product-seo #seo_title { font-size: 24px; font-family: "微软雅黑"; font-weight: bold; text-align: left; background: url(../images/web/seo_title.gif) no-repeat left 5px; height: 70px; padding-left: 5px; } #product-seo #seo_title li { display: block; float: left; } #product-seo #seo_title a { display: block; float: left; color: #999999; width: 67px; height: 70px; line-height: 60px; text-align: center; } #product-seo #seo_title a:hover { color: #d70f0f; } #product-seo #seo_title .current a { background: url(../images/web/seo_title-now.gif) no-repeat; width: 67px; height: 70px; color: #ffffff !important; text-align: center; } #product-seo #seo_list { position: relative;/*必要元素*/ overflow: hidden; height: 270px; } #product-seo #seo_list .box { position: absolute;/*必要元素*/ left: 0; top: 0; width: 9999em; } #product-seo #seo_list .box .list { width: 920px; height: 270px; float: left; } #product-seo .explanation P { margin-top: 10px; } #product-seo #seo_list { width: 920px; margin: 10px auto; } #product-seo #seo_list .text_explanation { color: #666666; font-size: 12px; } #product-seo #seo_list .list_knowledge { display: block; width: 930px; overflow: hidden; } #product-seo #seo_list .list_knowledge a { width: 460px; display: inline-block; text-align: left; } #product-seo #seo_list a:hover SPAN { border-bottom: 1px dotted #e43131; } #product-seo #seo_list #seo { position: relative; width: 410px; height: 250px; left: 0px; padding: 0px; float: left; margin-left: -70px; } #product-seo #seo_list #seo a { position: absolute; top: 0px; left: 0px; font-family: Microsoft YaHei; color: #565656; font-weight: bold; text-decoration: none; padding: 0px 5px 0px 5px; } #product-seo #seo_list #seo a:hover { border: 1px solid #cccccc; background: #000; } #product-seo #seo_list #seo .blue { color: blue; } #product-seo #seo_list #seo .red { color: red; } #product-seo #seo_list #seo .green { color: green; } #product-seo #seo_list .table { border-top: 1px dotted #ccc; border-left: 1px dotted #ccc; width: 650px; margin: 0px; padding: 0px; color: #666666; } #product-seo #seo_list .table strong { font-size: 14px; } #product-seo #seo_list .table li { float: left; } #product-seo #seo_list .table li div { border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; text-align: center; float: left; width: 150px; height: 30px; line-height: 30px; } #product-seo #seo_list .table .tr { background: url(../images/web/bg_bt.gif) repeat-x left bottom; } #product-seo #seo_list .table li .remark { width: 347px; text-align: left; } #product-seo #seo_list .prompt { display: block; height: 40px; line-height: 40px; color: #888888; text-align: left; } #product-seo #seo_list .prompt SPAN { color: #ed0000 } #seo-knowledge { padding: 0px 30px 0px 10px; width: auto; width: 640px; height: 500px; background: #fff; float: left; text-align: left; line-height: 24px; color: #565656; font-family: "微软雅黑"; margin-left: 10px; } #seo-knowledge p { margin: 10px 0px; } /*scroll */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: transparent; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: transparent; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: transparent; position: relative; } .jspDrag { background: #cccccc; position: relative; top: 0; left: 0; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* end*/ /*========== product-mall */ #product-mall { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-mall .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #product-mall .explanation { display: block; width: 930px; margin: 0px auto; text-align: left; line-height: 21px; color: #666666; } #product-mall .explanation SPAN { color: #ed0000; font-size: 16px; } #product-mall .mall_list .title { height: 40px; } #product-mall .mall_list .title SPAN { background: url(../images/web/mall_title.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/mall_title.png");/*只对IE6有效*/ _background: none; display: block; float: left; color: #ffffff; height: 35px; font-size: 14px; font-weight: bold; } #product-mall .mall_list .title .left { background-position: left center; width: 20px; height: 35px; } #product-mall .mall_list .title .center { background-position: center center; height: 35px; } #product-mall .mall_list .title .right { background-position: center right; width: 20px; height: 35px; } #product-mall .mall_list .text { width: 920px; margin: 0px auto; } #product-mall .mall_list .text .check { font-size: 13px; color: #444444; font-weight: bold; border-bottom: 1px dotted #dddddd; padding-bottom: 10px; margin-bottom: 10px; } #product-mall .mall_list .text .check IMG { margin-right: 5px; } #product-mall .mall_list .text b { background: url(../images/web/mall_arr.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; width: 17px; height: 17px; line-height: 17px; text-align: center; padding: 2px 5px 2px 5px; margin-right: 7px; font-weight: normal; } #product-mall .mall_list .text .title_2 { margin: 5px 0px 7px 0px; } #product-mall .mall_list .text strong { font-size: 13px; } /* end*/ /*========== product-store */ #product-store { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-store .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #product-store .store_con { background: url(../images/web/store_bg.png) no-repeat center center; _background: url(../images/web/store_bg.jpg) no-repeat center center; height: 500px; } #product-store .store_con { font-size: 11px; color: #999999; line-height: 16px; } #product-store .store_con .iDIV { position: absolute; text-align: left; line-height: 18px; z-index: 99; display: none; font-weight: bold; overflow: hidden; padding: 10px 15px 10px 15px; } #product-store .store_con .iDIV .name { font-size: 14px; } #product-store .store_con .iDIV a { font-weight: normal; color: #666666; } #product-store .store_con .iDIV a:hover { border-bottom: 1px dotted #ff9900; color: #ff9900; } #product-store .store_con .name { font-size: 16px; color: #232323; margin-bottom: 5px; } #product-store .store_con .store_1 { width: 235px; height: 80px; text-align: left; position: absolute; margin: 32px 0px 0px 10px; } #product-store .store_con #store1 { background: url(../images/web/store1.gif) no-repeat; width: 224px; height: 60px; margin: 25px 0px 0px 0px; } #product-store .store_con .store_2 { width: 190px; height: 80px; text-align: left; position: absolute; margin: 135px 0px 0px 10px; } #product-store .store_con #store2 { background: url(../images/web/store2.gif) no-repeat; width: 224px; height: 60px; margin: 125px 0px 0px 0px; } #product-store .store_con .store_3 { width: 240px; height: 80px; text-align: left; position: absolute; margin: 275px 0px 0px 10px; } #product-store .store_con #store3 { background: url(../images/web/store3.gif) no-repeat; width: 224px; height: 80px; margin: 265px 0px 0px 0px; } #product-store .store_con .store_4 { width: 270px; height: 80px; text-align: left; position: absolute; margin: 15px 0px 0px 610px; } #product-store .store_con #store4 { background: url(../images/web/store4.gif) no-repeat; width: 310px; height: 60px; margin: 7px 0px 0px 605px; } #product-store .store_con .store_5 { width: 210px; height: 80px; text-align: left; position: absolute; margin: 132px 0px 0px 700px; } #product-store .store_con #store5 { background: url(../images/web/store5.gif) no-repeat; width: 310px; height: 60px; margin: 115px 0px 0px 690px; } #product-store .store_con #store5 P { margin: 0px; } #product-store .store_con .store_6 { width: 220px; height: 80px; text-align: left; position: absolute; margin: 230px 0px 0px 705px; } #product-store .store_con #store6 { background: url(../images/web/store6.gif) no-repeat; width: 224px; height: 60px; margin: 224px 0px 0px 700px; } #product-store .store_con .store_7 { width: 280px; height: 80px; text-align: left; position: absolute; margin: 318px 0px 0px 630px; } #product-store .store_con #store7 { background: url(../images/web/store7.gif) no-repeat; width: 255px; height: 80px; margin: 310px 0px 0px 625px; } /* end*/ /*========== product-beautify */ #product-beautify { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-beautify .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #product-beautify .explanation { display: block; width: 930px; margin: 0px auto; text-align: left; line-height: 21px; color: #666666; } #product-beautify .explanation strong { color: #454545; font-size: 14px; display: block; } #product-beautify .beautify_img { margin: 20px 0px 20px 0px; } #product-beautify table { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; margin-top: 20px; padding: 0px; color: #666666; background: #ffffff; } #product-beautify .bt { background: url(../images/web/bg_bt.gif) repeat-x left bottom; } #product-beautify td { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px; } #product-beautify strong { font-size: 16px; color: #343434; } /*========== product-reservation */ #product-reservation { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-reservation .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } /* end*/ /*========== product-government */ #product-government { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #product-government .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } /* end*/ /*========== faq */ #faq_list { background: url(../images/web/service_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 14px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #787878; padding: 25px; } #faq_list .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 10px; font-weight: bold; height: 30px; padding-top: 30px; } #faq_list .types { display: block; width: 930px; height: 50px; margin-bottom: 20px; } #faq_list .types a { display: block; float: left; height: 50px; margin: 0px 5px; } #faq_list .types b { display: block; float: left; height: 50px; line-height: 50px; background: url(../images/web/faq_types-a.gif) no-repeat; background-position: top center; color: #fff; } #faq_list .types .l { background-position: top left; width: 10px; } #faq_list .types .r { background-position: top right; width: 10px; } #faq_list .types .current b { background-position: center -50px !important; } #faq_list .types .current .l { background-position: left -50px !important; width: 10px; } #faq_list .types .current .r { background-position: right -50px !important; width: 10px; } #faq_list ul { background: url(../images/web/faq_list-dashed.gif) repeat-x left bottom; list-style-type: none; display: block; height: 28px; text-align: left; color: #353535; cursor: pointer; } #faq_list ul SPAN { background: url(../images/web/faq_arr-q.gif) no-repeat; background-position: 0px 0px; width: 40px; height: 28px; display: inline-block; float: left; } #faq_list ul:hover { color: #df0c0c; } #faq_list ul:hover SPAN { background-position: 0px -28px; } #faq_list .open { color: #ffffff !important; background: #df0c0c !important; } #faq_list .open SPAN { background: url(../images/web/faq_arr-a.gif) no-repeat top left !important; width: 40px; height: 28px; display: inline-block; } #faq_list LI { font-size: 13px; line-height: 21px; text-align: left; background: #ffffff; color: #777777; } #faq_list LI DIV { padding: 10px 10px 20px 10px; } /* end*/ /*========== cases */ #cases { background: url(../images/web/service_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 14px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #787878; padding: 25px; } #cases .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #cases .container { margin: auto 0px; width: 930px; text-align: left; } #cases .case_list { height: 0px; left: -10px; position: relative; } #cases .case_list .case_f { left: 0px; top: 0px; position: absolute; } #cases .case_list .case_body { background: url(../images/web/cases_f.png) no-repeat bottom; _background: none; width: 220px; height: 175px; position: relative; } #cases .case_list .case_w { background: url(../images/web/cases.png) no-repeat; _background: url(../images/web/cases.gif) no-repeat; padding: 10px; left: 0px; width: 240px; height: 135px; bottom: 15px; display: block; position: absolute; } #cases .case_list .case_w .name { position: absolute; width: 215px; color: #999999; height: 30px; line-height: 30px; text-align: center; font-size: 11px; font-family: "微软雅黑"; left: 1px; top: 120px; } #cases .case_list .case_w:hover .name { opacity: 0; } #cases .case_list .case_w:hover IMG { opacity: 0.4; } #cases .case_list .case_w .fire { background: url(../images/web/cases-now.png) no-repeat; _background: url(../images/web/cases-now.gif) no-repeat; left: 0px; top: 0px; width: 220px; height: 160px; display: none; position: absolute; z-index: 2; opacity: 0.9; } #cases .case_list .case_w .y { left: 0px; top: 0px; display: none; position: absolute; z-index: 3; text-align: center; width: 220px; height: 75px; margin-top: -60px; padding-top: 80px; color: #ffffff; font-family: "微软雅黑"; font-weight: bold; } #cases .case_con { margin: 20px auto; width: 930px; overflow: hidden; clear: both; } #cases .case_con b { font-weight: normal; } #cases .boxgrid { margin: 0px 20px 40px 0px; width: 290px; height: 205px; overflow: hidden; float: left; position: relative; } #cases .boxgrid img { border: 0px currentColor; border-image: none; left: 0px; top: 0px; position: absolute; } #cases .boxgrid p { color: rgb(175, 175, 175); font-size: 12px; } #cases .boxcaption { background: #eee; width: 100%; height: 100px; position: absolute; opacity: 1; } #cases .caption .boxcaption { left: 0px; top: 160px; text-align: left; padding-left: 10px; } #cases .boxcaption h3 img { position: relative !important; margin: 0px 5px 0px 0px; } #cases .boxcaption h3 a { margin: 10px 0px 5px; color: #444444; font-size: 14px; display: block; } #cases .boxcaption h3 a:hover { color: #c50a0a; } #cases_con { background: url(../images/web/service_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 14px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #787878; padding: 25px; } #cases_con .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #cases_con .tags { border: 1px solid #e6e6e6; padding: 20px; text-align: center; background: #fff; } #cases_con .tags img { width: 890px; } #cases_con .tags .tags_content { padding-bottom: 20px; } #cases_con .introduction { background: #fff; border-top: 1px solid #e6e6e6; padding: 20px 0px 20px 0px; margin: 20px auto; } #cases_con .introduction b { display: block; margin-bottom: 5px; font-size: 18px; color: #d70f0f; font-weight: normal !important; } #cases_con .introduction .text1 { display: block; float: left; width: 930px; font-size: 12px; line-height: 18px; text-align: left; } #cases_con .introduction .text { display: block; float: left; width: 680px; font-size: 12px; line-height: 18px; text-align: left; } #cases_con .introduction .url { display: block; float: left; width: 250px; text-align: center; padding-top: 15px; } #cases .Show { width: 930px; margin: 0px auto; } #cases .Show .imgCon { display: block; float: left; width: 670px; } #cases .Show .imgCon IMG { display: block; border: 1px solid #e6e6e6; margin-bottom: 20px; } #cases .Show .textCon { display: block; float: left; width: 210px; padding-left: 50px; _padding-left: 48px; } #cases .Show .textCon .logo { display: block; width: 204px; height: 140px; border: 1px solid #e6e6e6; margin-bottom: 10px; padding: 5px 0px 5px 4px; } #cases .Show .textCon .name { display: block; font-size: 13px; color: #666666; padding: 3px 0px 3px 2px; border-bottom: 1px dotted #dddddd; } #cases .Show .textCon .client { display: block; font-size: 13px; color: #666666; padding: 3px 0px 3px 2px; border-bottom: 1px dotted #dddddd; } #cases .Show .textCon .types { display: block; font-size: 13px; color: #666666; padding: 3px 0px 3px 2px; border-bottom: 1px dotted #dddddd; } #cases .Show .textCon .types IMG { margin-right: 7px; } #cases .Show .textCon .time { display: block; font-size: 13px; color: #666666; padding: 3px 0px 3px 2px; border-bottom: 1px solid #dddddd; margin-bottom: 10px; } #cases .Show .textCon .url { display: block; height: 50px; color: #666666; padding: 5px 0px 5px 0px; } #cases .Show .textCon .url a { width: 164px; display: block; float: left; padding-bottom: 5px; } #cases .Show .textCon .url IMG { _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/web/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true); } #cases .Show .textCon .url a:hover { border-bottom: 1px dotted #3dbcc7; } #cases .Show .textCon .text { display: block; font-size: 12px; color: #666666; line-height: 24px; text-align: left; } #cases .Show .textCon .text a { border-bottom: 1px dotted #999999; } #cases .Show .textCon .text a:hover { border-bottom: 1px dotted #ed0000; } #page_loading{ width:900px; height:50px; text-align:center; margin:0px auto; font-family:"微软雅黑"; font-size:11px; color:#999; } #page_loading img{ display:block; margin:0px auto 10px auto; } /* end*/ /*========== head-navpart */ #head-navpart { background: #323232; left: 0px; top: 0px; width: 100%; height: 45px; display: none; position: fixed; z-index: 999; font-family: "微软雅黑"; } #head-navpart ul { margin: 0px auto; width: 930px; position: relative; } #head-navpart ul .title { color: #c50a0a; height: 45px; line-height: 45px; font-size: 20px; font-weight: bold; float: left; } #head-navpart ul .subnav { height: 45px; line-height: 45px; float: right; text-align: right; } #head-navpart ul .subnav a { color: #999; display: inline-block; margin-right: 10px; } #head-navpart ul .subnav a:hover { color: #eee; } #head-navpart ul .subnav .current { background: url(../images/web/head-navpart_current.gif) repeat-x left bottom; color: #c50a0a !important; font-weight: bold; } #head-navpart ul .subnav .prev { background: url(../images/web/head-navpart_page.jpg) no-repeat; background-position: 0px 0px; width: 28px; height: 28px; line-height: 0; font-size: 0; overflow: hidden; margin: 8px 5px 0px 0px; } #head-navpart ul .subnav .prev:hover { background-position: 0px -30px; } #head-navpart ul .subnav .next { background: url(../images/web/head-navpart_page.jpg) no-repeat; background-position: -30px 0px; width: 28px; height: 28px; line-height: 0; font-size: 0; overflow: hidden; } #head-navpart ul .subnav .next:hover { background-position: -30px -30px; } /* end*/ /*========== head-top */ #head-top { background: url(../images/web/menu_bg.png) repeat-x top center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu_bg.png");/*只对IE6有效*/ _background: none; width: 100%; height: 100px; margin: 0px auto; left: 0px; top: 0px; display: none; position: fixed; z-index: 1001; font-family: "微软雅黑"; } #head-top UL { width: 954px; height: 100px; margin: 0px auto; } #head-top UL LI { float: left; display: block; } #head-top .logo { padding: 28px 0px 0px 0px; width: 235px; text-align: left; } #head-top .logo IMG { _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/web/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true); } #head-top .menu { width: 719px; height: 100px; line-height: 120px; font-family: "微软雅黑"; font-size: 17px; } #head-top .menu a { color: #ffffff; display: block; height: 100px; float: left; text-align: center; } #head-top .menu #m1 { width: 85px; } #head-top .menu #m2 { width: 114px; } #head-top .menu #m3 { width: 127px; } #head-top .menu #m4 { width: 128px; } #head-top .menu #m5 { width: 128px; } #head-top .menu #m6 { width: 114px; } #head-top .menu a:hover { background: url(../images/web/menu-sub-now.png) repeat; color: #ed0000; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/menu-sub-now.png");/*只对IE6有效*/ _background: none; } /* end*/ /*========== feedback */ #feedback { background: url(../images/web/service_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 14px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #787878; padding: 25px; } #feedback .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #feedback .prompt { width: 930px; margin: 0px auto; } #feedback .prompt .top { background: url(../images/web/feedback_prompt-top.gif) no-repeat; background-position: 0px 0px; height: 15px; } #feedback .prompt .text { background: url(../images/web/feedback_prompt-bg.gif) repeat-y; background-position: 0px 0px; padding: 0px 15px 5px 12px; font-size: 12px; line-height: 18px; text-align: left; color: #999999; } #feedback .prompt .boot { background: url(../images/web/feedback_prompt-boot.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/feedback_prompt-boot.png");/*只对IE6有效*/ _background: none; background-position: 0px 0px; height: 37px; } #feedback .form { margin: 0px auto 30px auto; width: 930px; } #feedback .form LI { margin: 20px 0px 0px 15px; } #feedback .form input { height: 42px; line-height: 42px; border: 1px solid #cfcfcf; text-align: left; padding-left: 60px; font-family: "微软雅黑"; font-size: 16px; color: #cccccc; } #feedback .form textarea { background: url(../images/web/feedback_inputContent-icon.png) no-repeat; _background: url(../images/web/feedback_inputContent-icon.gif) no-repeat; background-position: 15px 5px; border: 1px solid #cfcfcf; padding: 5px 5px 5px 60px; line-height: 24px; text-align: left; font-family: "微软雅黑"; font-size: 16px; color: #cccccc; } #feedback .form #name { background: url(../images/web/feedback_inputName-icon.png) no-repeat; _background: url(../images/web/feedback_inputName-icon.gif) no-repeat; background-position: 15px 0px; } #feedback .form #company { background: url(../images/web/feedback_inputCompany-icon.png) no-repeat; _background: url(../images/web/feedback_inputCompany-icon.gif) no-repeat; background-position: 15px 0px; } #feedback .form #tel { background: url(../images/web/feedback_inputTel-icon.png) no-repeat; _background: url(../images/web/feedback_inputTel-icon.gif) no-repeat; background-position: 15px 0px; } #feedback .form #code { background: url(../images/web/feedback_inputCode-icon.png) no-repeat; _background: url(../images/web/feedback_inputCode-icon.gif) no-repeat; background-position: 15px 0px; } #feedback .form #name:hover, #feedback .form #company:hover, #feedback .form #tel:hover, #feedback .form #code:hover { background-color: #666666; background-position: 15px -42px; color: #ffffff !important; border: 1px solid #333333; } #feedback .form textarea:hover { background-color: #666666; background-position: 15px -37px; color: #ffffff !important; border: 1px solid #333333; } #feedback .form .btn { background: url(../images/web/feedback-dashed.gif) repeat-x top center; padding: 30px 0px 0px 5px; } #feedback .form .btn #button { background: url(../images/web/feedback_button.jpg) no-repeat; width: 216px; height: 83px; border: 0px; padding: 0px; margin: 0px; cursor: pointer; float: left; } #feedback .form .btn a { display: block; float: left; font-size: 16px; text-decoration: underline; color: #999999; margin: 40px 0px 0px 10px; } #feedback .form .btn a:hover { color: #df0c0c; } #feedback .ok{ background:url(../images/web/feedback_ok.png) no-repeat top left; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/feedback_ok.png");/*只对IE6有效*/ _background: none; width:600px; height:200px; padding-top:120px; margin:50px auto; color:#999; } #feedback .ok .img{ display:block; float:left; width:270px; height:150px; } #feedback .ok .loading{ display:block; float:left; width:330px; height:150px; } #feedback .ok #chart{ font-family:Arial; font-weight:bolder; color:#d70f0f; background-color:white; padding:0px; border-style:none; } #feedback .ok #percent{ font-family:Arial; color:#d70f0f; text-align:center; border-width:medium; border-style:none; } /* end*/ /*========== superiority */ #superiority { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 14px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #787878; padding: 25px; } #superiority .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #superiority .list { width: 930px; height: auto; margin: 0px auto; } #superiority .list UL { background: url(../images/web/superiority_list-dashed.gif) repeat-x left bottom; display: block; height: 200px; _border-bottom: 1px dotted #dddddd; } #superiority .list UL LI { display: block; float: left; height: 200px auto; } #superiority .list P { display: block; } #superiority .list .name { color: #333333; font-family: "微软雅黑"; font-size: 15px; height: 30px; line-height: 30px; text-align: left; font-weight: bold; } #superiority .list .name SPAN { background: url(../images/web/superiority_num.gif) no-repeat; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; width: 17px; height: 17px; padding: 1px 5px 1px 5px; margin-right: 5px; text-align: center; font-weight: normal !important; } #superiority .list .list-wrap .img { width: 290px; } #superiority .list .list-wrap .text { width: 610px; height: 170px; padding: 30px 15px 0px 15px; } #superiority .list UL LI:hover { cursor: pointer; } #superiority .list UL LI:hover SPAN { background-position: 0px -21px; } #superiority .list UL LI:hover .name { color: #ed0000; } #superiority .list .list-wrap .img IMG { _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/web/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true); } /* end*/ /*========== service */ #service { background: url(../images/web/service_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #service sup { font-size: 13px; } #service .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #service .service_con { height: 520px; margin: 0px auto; padding-top: 5px; background: url(../images/web/service_img.png) no-repeat right bottom; _background: url(../images/web/service_img.jpg) no-repeat right bottom; } #service .list { margin-top: 25px; } #service .list .title { height: 26px; line-height: 26px; text-align: left; color: #e50404; padding: 0px; margin: 0px; font-size: 22px; font-weight: normal; } #service .list .title IMG { margin-right: 5px; } #service .list .con_1 { margin-top: 10px; line-height: 22px; text-align: left; width: 555px; padding: 5px; } #service .list .con_2 { margin-top: 10px; line-height: 22px; text-align: left; width: 470px; padding: 5px; } #service .list .con_3 { margin-top: 10px; line-height: 22px; text-align: left; width: 480px; padding: 5px; } /* end*/ /*========== contact */ #contact { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 14px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #787878; padding: 25px; position:relative; } #contact .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #contact .QR{ width:350px; right:0; position:absolute; text-align:right; height:200px; } #contact .QR span{ display:inline-block; margin-left:20px; text-align:center; } #contact .QR img{ display:block; border:1px solid #ddd; margin-bottom:5px; } #contact .text STRONG { display: block; color: #111111; font-size: 14px; margin-top: 15px; } #contact .map { margin-top: 20px; } #contact iframe { border: 5px solid #dddddd; } /* end*/ /*========== news */ #news_list { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #news_list #tab_a { width: 930px; height: 30px; padding-top: 30px; margin: 0px auto; text-align: left; } #news_list #tab_a li { display: block; float: left; text-align: center; font-family: "微软雅黑"; margin-right: 20px; } #news_list #tab_a li a { font-size: 18px; font-weight: bold; padding-bottom: 5px; display: block; float: none; } #news_list #tab_a li .current { color: #d70f0f; border-bottom: 1px dotted #d70f0f; } #news_list #list-wrap { width: 930px; margin: 0px auto; padding: 0px; } #news_list #company a, #news_list #industry a { display: block; width: 930px; height: 94px; padding: 15px 0px 15px 0px; background: url(../images/web/news_list-dashed.gif) repeat-x left bottom; } #news_list .time { width: 94px; height: 64px; padding: 30px 0px 0px 0px; display: block; float: left; background: #e5e5e5; text-align: center; } #news_list P { cursor: pointer; } #news_list .time .day { color: #474747; font-size: 55px; font-family: Arial, Helvetica, sans-serif; } #news_list .time .year { font-size: 12px; color: #838383; margin-top: 5px; } #news_list a:hover .time { background: url(../images/web/news_time-bg.jpg) no-repeat; } #news_list a:hover .day { color: #ffffff; } #news_list a:hover .year { color: #dedede; } #news_list a:hover .title { color: #d70f0f; } #news_list .listtext { display: block; float: left; width: 820px; height: 94px; margin-left: 16px; } #news_list .listtext .title { font-size: 18px; color: #333333; } #news_list .listtext .click { color: #999999; font-family: Arial, Helvetica, sans-serif; } #news_list .listtext .text { color: #666666; line-height: 18px; } #news_con { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 50px 25px 25px 25px; } #news_con .title { background: url(../images/web/news_list-dashed.gif) repeat-x left bottom; line-height: 40px; padding: 20px 0px 0px 5px; font-family: "微软雅黑"; font-size: 32px; font-weight: bold; } #news_con .title SPAN { font-size: 13px; color: #999999; margin-left: 7px; font-weight: normal !important; } #news_con .title LI { display: block; float: left; } #news_con .title .news_title { width: 810px; } #news_con .title .back { width: 115px; padding-top: 10px; text-align: center; } #news_con .share { background: url(../images/web/news_list-dashed.gif) repeat-x left bottom; height: 32px; text-align: left; background-color: #ffffff; } #news_con .share SPAN { float: left; } #news_con .share DIV { margin: 3px 0px 0px 5px; float: left; color: #999999; } #news_con .share a { color: #d70f0f; } #news_con .share a:hover { text-decoration: underline; } #news_con .text { font-family: "微软雅黑"; font-size: 14px; color: #666666; line-height: 24px; text-align: left; padding: 20px 5px 20px 5px; } #news_con .pagination { padding: 30px 0px 50px 0px; border-top: 1px solid #e6e6e6; text-align: center; margin: 20px auto; } #news_con .pagination DIV { margin: 0px auto; width: 270px; } #news_con .pagination a { background: url(../images/web/pagination.jpg) no-repeat; width: 70px; height: 70px; display: block; margin: 0px 10px 0px 10px; padding: 0px; float: left; } #news_con .pagination a:hover { background: url(../images/web/pagination_now.jpg) no-repeat; } #news_con .pagination .text { display: none; font-size: 14px; color: #ffffff; text-align: center; width: 70px; height: 70px; line-height: 70px; padding: 0px; position: absolute; } #news_con .pagination .textAll { display: none; font-size: 14px; color: #ffffff; text-align: center; width: 70px; height: 52px; line-height: 16px; padding: 18px 0px 0px 0px; position: absolute; } #news_con .pagination .imgAll img { margin: 22px 0px 0px 0px; } #news_con .pagination .imgPrve img { margin: 18px 0px 0px -2px; } #news_con .pagination .imgNext img { margin: 18px 0px 0px 2px; } #news_con .pagination a:hover .imgPrve, #news_con .pagination a:hover .imgNext, #news_con .pagination a:hover .imgAll { display: none; margin: 0px; } #news_con .pagination a:hover .text { display: block; } #news_con .pagination a:hover .textAll { display: block; } /* end*/ /*========== solution-government */ #solution-government { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #solution-government .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #solution-government .government_list { display: block; width: 930px; margin-top: 20px; } #solution-government .government_list .title { background: url(../images/web/government_list-title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #solution-government .government_list .con { margin-top: 20px; } #solution-government .government_list .con a { background: url(../images/web/solution-arr.jpg) no-repeat 5px center; padding: 5px 5px 5px 15px; display: block; float: left; } #solution-government .government_list .con a:hover { background: url(../images/web/solution-arrnow.jpg) no-repeat 5px center; } #solution-government .government_list .con a:hover SPAN { border-bottom: 1px dotted #ed0000; padding-bottom: 2px; } #solution-government .government_list .img { text-align: center; margin-top: 20px; } /* end*/ /*========== solution-hospital */ #solution-hospital { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #solution-hospital .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #solution-hospital .hospital_list { display: block; width: 930px; margin-top: 20px; } #solution-hospital .hospital_list .title { background: url(../images/web/government_list-title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #solution-hospital .hospital_list .con { margin-top: 20px; } #solution-hospital .hospital_list .con a { background: url(../images/web/solution-arr.jpg) no-repeat 5px center; padding: 5px 5px 5px 15px; display: block; float: left; } #solution-hospital .hospital_list .con a:hover { background: url(../images/web/solution-arrnow.jpg) no-repeat 5px center; } #solution-hospital .hospital_list .con a:hover SPAN { border-bottom: 1px dotted #ed0000; padding-bottom: 2px; } #solution-hospital .hospital_list .img { text-align: center; margin-top: 20px; } /* end*/ /*========== solution-brand */ #solution-brand { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #solution-brand .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #solution-brand .brand_list { display: block; width: 930px; margin-top: 20px; } #solution-brand .brand_list .title { background: url(../images/web/government_list-title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #solution-brand .brand_list .con { margin-top: 20px; } #solution-brand .brand_list .con a { background: url(../images/web/solution-arr.jpg) no-repeat 5px center; padding: 5px 5px 5px 15px; display: block; float: left; } #solution-brand .brand_list .con a:hover { background: url(../images/web/solution-arrnow.jpg) no-repeat 5px center; } #solution-brand .brand_list .con a:hover SPAN { border-bottom: 1px dotted #ed0000; padding-bottom: 2px; } #solution-brand .brand_list .img { text-align: center; margin-top: 20px; } /* end*/ /*========== solution-group */ #solution-group { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #solution-group .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #solution-group .group_list { display: block; width: 930px; margin-top: 20px; } #solution-group .group_list .title { background: url(../images/web/government_list-title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #solution-group .group_list .con { margin-top: 20px; } #solution-group .group_list .con a { background: url(../images/web/solution-arr.jpg) no-repeat 5px center; padding: 5px 5px 5px 15px; display: block; float: left; } #solution-group .group_list .con a:hover { background: url(../images/web/solution-arrnow.jpg) no-repeat 5px center; } #solution-group .group_list .con a:hover SPAN { border-bottom: 1px dotted #ed0000; padding-bottom: 2px; } #solution-group .group_list .img { text-align: center; margin-top: 20px; } /* end*/ /*========== solution-trade */ #solution-trade { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #solution-trade .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #solution-trade .trade_list { display: block; width: 930px; margin-top: 20px; } #solution-trade .trade_list .title { background: url(../images/web/government_list-title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #solution-trade .trade_list .con { margin-top: 20px; } #solution-trade .trade_list .con a { background: url(../images/web/solution-arr.jpg) no-repeat 5px center; padding: 5px 5px 5px 15px; display: block; float: left; } #solution-trade .trade_list .con a:hover { background: url(../images/web/solution-arrnow.jpg) no-repeat 5px center; } #solution-trade .trade_list .con a:hover SPAN { border-bottom: 1px dotted #ed0000; padding-bottom: 2px; } #solution-trade .trade_list .img { text-align: center; margin-top: 20px; } /* end*/ /*========== solution-mall */ #solution-mall { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #solution-mall .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #solution-mall .mall_list { display: block; width: 930px; margin-top: 20px; } #solution-mall .mall_list .title { background: url(../images/web/government_list-title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #solution-mall .mall_list .con { margin-top: 20px; } #solution-mall .mall_list .con a { background: url(../images/web/solution-arr.jpg) no-repeat 5px center; padding: 5px 5px 5px 15px; display: block; float: left; } #solution-mall .mall_list .con a:hover { background: url(../images/web/solution-arrnow.jpg) no-repeat 5px center; } #solution-mall .mall_list .con a:hover SPAN { border-bottom: 1px dotted #ed0000; padding-bottom: 2px; } #solution-mall .mall_list .img { text-align: center; margin-top: 20px; } /* end*/ /*========== solution-marketing */ #solution-marketing { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #solution-marketing .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #solution-marketing .marketing_list { display: block; width: 930px; margin-top: 20px; } #solution-marketing .marketing_list .title { background: url(../images/web/government_list-title.jpg) no-repeat; background-position: 0px 0px; width: 110px; height: 26px; line-height: 26px; text-align: center; color: #ffffff; padding: 0px; margin: 0px; font-size: 14px; } #solution-marketing .marketing_list .con { margin-top: 20px; } #solution-marketing .marketing_list .con a { background: url(../images/web/solution-arr.jpg) no-repeat 5px center; padding: 5px 5px 5px 15px; display: block; float: left; } #solution-marketing .marketing_list .con a:hover { background: url(../images/web/solution-arrnow.jpg) no-repeat 5px center; } #solution-marketing .marketing_list .con a:hover SPAN { border-bottom: 1px dotted #ed0000; padding-bottom: 2px; } #solution-marketing .marketing_list .img { text-align: center; margin-top: 20px; } /* end*/ /*========== value-added-services */ #value-added-services { background: url(../images/web/about_content-bg.jpg) no-repeat top center; background-color: #ffffff; width: 930px; height: 600px auto; font-size: 12px; text-align: left; font-family: "微软雅黑"; line-height: 25px; margin: 0px auto; border: 0px; color: #333333; padding: 25px; } #value-added-services .title { color: #d70f0f; font-size: 18px; display: block; margin-bottom: 20px; font-weight: bold; height: 30px; padding-top: 30px; } #value-added-services .value-added-services_con { background: url(../images/web/value-added-services.png) no-repeat center bottom; _background: url(../images/web/value-added-services.jpg) no-repeat center bottom; width: 930px; height: 550px; margin-bottom: 50px; } #value-added-services .value-added-services_con DIV { color: #999999; line-height: 18px; } #value-added-services .value-added-services_con DIV:hover { color: #565656; } #value-added-services .value-added-services_con .value-added_1 { width: 210px; height: 60px; position: absolute; margin: 250px 0px 0px 15px; } #value-added-services .value-added-services_con .value-added_2 { width: 220px; height: 60px; position: absolute; margin: 90px 0px 0px 110px; } #value-added-services .value-added-services_con .value-added_3 { width: 320px; height: 60px; position: absolute; margin: 0px 0px 0px 500px; } #value-added-services .value-added-services_con .value-added_4 { width: 280px; height: 60px; position: absolute; margin: 230px 0px 0px 610px; } #value-added-services .value-added-services_con .value-added_5 { width: 170px; height: 60px; position: absolute; margin: 110px 0px 0px 740px; } /* end*/ /*========== pagination */ #pagination { clear: both; padding: 30px 0px 50px 0px; border-top: 1px solid #e6e6e6; text-align: center; margin: 20px auto; } #pagination DIV { margin: 0px auto; width: 280px; } #pagination a { background: url(../images/web/pagination.jpg) no-repeat; width: 70px; height: 70px; display: block; margin: 0px 10px 0px 10px; padding: 0px; float: left; } #pagination a:hover { background: url(../images/web/pagination_now.jpg) no-repeat; _background: url(../images/web/pagination.jpg) no-repeat; } #pagination .text { display: none; font-size: 14px; color: #ffffff; text-align: center; width: 70px; height: 70px; line-height: 70px; padding: 0px; position: absolute; } #pagination .textAll { display: none; font-size: 14px; color: #ffffff; text-align: center; width: 70px; height: 52px; line-height: 16px; padding: 18px 0px 0px 0px; position: absolute; } #pagination .imgAll img { margin: 22px 0px 0px 0px; } #pagination .imgPrve img { margin: 18px 0px 0px -2px; } #pagination .imgNext img { margin: 18px 0px 0px 2px; } #pagination a:hover .imgPrve, #pagination a:hover .imgNext, #pagination a:hover .imgAll { display: none; margin: 0px; } #pagination a:hover .text { display: block; } #pagination a:hover .textAll { display: block; } /* end*/ /*========== page */ #page { width: 930px; padding: 20px 10px 20px 10px; margin: 0px auto; text-align: center; } #page a { display: inline-block; width: 28px; height: 28px; text-align: center; color: #888888; font-size: 15px; background: url(../images/web/page.jpg) no-repeat; background-position: 0px 0px; margin: 0px 3px 0px 3px; } #page a:hover { background-position: 0px -80px; color: #ffffff; } #page .current { display: inline-block; width: 28px; height: 28px; text-align: center; color: #ffffff !important; font-size: 15px; background: url(../images/web/page.jpg) no-repeat; background-position: 0px -80px !important; margin: 0px 3px 0px 3px; } #page .prve { background-position: 0px -120px; text-indent: -9999em; } #page .prve:hover { background-position: -40px -120px; } #page .prveNO { background-position: 0px -120px !important; text-indent: -9999em; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #page .next { background-position: 0px -158px; text-indent: -9999em; } #page .next:hover { background-position: -40px -158px; } #page .nextNO { background-position: 0px -158px !important; text-indent: -9999em; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* end*/ /*========== links */ #links { width: 900px; margin: 0px auto; } #links DIV { display: block; } #links .title { font-family: "微软雅黑"; font-size: 14px; font-weight: bold; color: #565656; text-align: left; height: 25ppx; line-height: 25px; } #links .url { width: 900px; font-family: "微软雅黑"; font-size: 11px; text-align: left; color: #999999; line-height: 16px; } #links .url a { color: #999999; } #links .url a:hover { color: #d70f0f; } #links .url .more { color: #d70f0f; text-decoration: underline; } /*========== boot */ #boot { width: 100%; margin: 30px auto 0px auto; } #boot .quick { background: url(../images/web/boot-quick.jpg) repeat-x top center; height: 285px; } #boot .quick UL { width: 902px; margin: 0px auto; } #boot .quick UL LI { display: block; float: left; } #boot .quick .site { width: 770px; padding-top: 55px; height: 190px; line-height: 20px; text-align: left; font-family: "微软雅黑"; } #boot .quick .site .title { color: #ffffff!important; text-decoration: none!important; font-size: 14px; font-weight: bold; _width: 75px; height: 30px; line-height: 30px; } #boot .quick .site IMG { margin: 0px 3px 0px 0px; } #boot .quick .site a { display: block; color: #666; font-size: 11px; } #boot .quick .site a:hover { color: #777; text-decoration: underline; } #boot .quick .site P { display: block; float: left; background: url(../images/web/boot-quick-site-separated.jpg) no-repeat top right; padding-right: 35px; margin-right: 35px; } #boot .quick .site .noseparated { background: none; } #boot .contact { background: url(../images/web/boot-contact.jpg) repeat-x top center; height: 136px; } #boot .contact UL { width: 902px; font-family: "微软雅黑"; text-align: left; margin: 0px auto; } #boot .contact UL LI { display: block; } #boot .contact .title { color: #ffffff; font-size: 14px; height: 35px; font-weight: bold; line-height: 35px; margin-top: 10px; } #boot .contact P { display: block; float: left; line-height: 18px; color: #5a5a5a; padding-right: 40px; } #boot .contact #qq1 { background: url(../images/web/qq.png) no-repeat; _background: url(../images/web/qq.jpg) no-repeat; background-position: 0px 0px !important; } #boot .contact #qq2 { background: url(../images/web/qq.png) no-repeat; _background: url(../images/web/qq.jpg) no-repeat; background-position: -33px 0px !important; } #boot .contact #qq3 { background: url(../images/web/qq.png) no-repeat; _background: url(../images/web/qq.jpg) no-repeat; background-position: -66px 0px !important; } #boot .contact #qq4 { background: url(../images/web/qq.png) no-repeat; _background: url(../images/web/qq.jpg) no-repeat; background-position: -99px 0px !important; } #boot .contact #qq5 { background: url(../images/web/qq.png) no-repeat; _background: url(../images/web/qq.jpg) no-repeat; background-position: -132px 0px !important; } #boot .contact a span { display: none; background: url(../images/web/qq_title.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/qq_title.png");/*只对IE6有效*/ _background: none; width: 78px; color: #ed0000; position: absolute; line-height: 38px; text-align: center; _left: -9999px; _display: block; } #boot .contact a span b { display: block; font-weight: normal; margin: 0px auto; overflow: hidden; width: 70px; white-space: nowrap; } #boot .contact a:hover span { display: block; left: -20px; position: absolute; top: -50px; _top: -25px; float: left; } #boot .contact a:hover { _border: 0px; position: relative; } #boot .contact #share { left: 950px; margin-top: -30px; position: absolute; _position: static; z-index: 99; text-align: right; } #boot .contact #share .bshare-weixin{ background:url(../images/web/share_weixin.gif) no-repeat; } #boot .contact #share .bshare-qqmb{ background:url(../images/web/share_qqweibo.gif) no-repeat; } #boot .contact #share .bshare-sinaminiblog{ background:url(../images/web/share_sinaweibo.gif) no-repeat; } #boot .contact #share .bshare-qzone{ background:url(../images/web/share_qzone.gif) no-repeat; } #boot .contact #share .bshare-renren{ background:url(../images/web/share_renren.gif) no-repeat; } #boot .contact #share .bshare-more{ background:url(../images/web/share_more.gif) no-repeat; } #boot .copy { background: url(../images/web/boot-copy.jpg) repeat-x top center; height: 37px; line-height: 37px; font-family: "微软雅黑"; font-size: 12px; color: #5a5a5a; text-align: left; } #boot .copy DIV { width: 902px; margin: 0px auto; } #boot .copy a { color: #5a5a5a; } #boot .copy a:hover { color: #999999; text-decoration: underline; } /*浮动咨询*/ #online { left: 0px; width: 100%; height: 60px; bottom: 0px; display: none; position: fixed; z-index: 999; _position: absolute; background: #ed0000; } #online DIV { width: 900px; height: 60px; line-height: 60px; margin: 0px auto; position: relative; z-index: 9998; } #online h2 { color: rgb(255, 255, 255); font-family: microsoft yahei, arial; font-size: 20px; text-align: left; } /* end*/ /* lightbox*/ #lightbox-Wrapper { margin: 0.5em 0; margin: auto; font-family: "微软雅黑"; text-align: left; position: absolute; background: #ed0000; } #lightbox-Wrapper #lightbox-Background { position: absolute; left: 0px; top: 0px; float: left; } #lightbox-Wrapper #lightbox-Top { background: #ffffff; height: 68px; display: block; padding: 10px 0px 0px 10px; } #lightbox-Wrapper #lightbox-CloseButton { background: url(../images/web/close.png) no-repeat center center; width: 40px; height: 58px; z-index: 999; display: block; position: absolute; right: 0; margin-right: 10px; } #lightbox-Wrapper #lightbox-Navegador { display: block; font-size: 18px; color: #d70f0f; border: 0px; margin: 0px 10px 0px auto; width: 98%; height: 58px; line-height: 58px; font-family: "微软雅黑"; left: 0; border-bottom: 1px solid #dddddd; } #lightbox-Wrapper #lightbox-Navegador strong { display: block; padding-left: 5px; } #lightbox-Wrapper #lightbox-Bottom { background-color: #ffffff; height: 30px; margin: 0px auto; } #lightbox-Wrapper #lightbox-Contenido { border: 10px solid #ffffff; } /* end*/