@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*/