*{ margin:0; padding:0; }
body{
background-color:#f8f8f8;
}
#main{
width:100%;
min-width:1020px;
background-color:white;
height:70px;
display:block;
position:relative;
float:left;
margin:0  auto;
}
.logo {
    position:absolute;
    margin-left:70px;
    margin-top:10px;
}
.turn:hover {
cursor:pointer;
}
.top-information {

width:1020px;
height:450px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:10px;

}
h1 {
color:white;
}
#transform-text {
color:white
}
#top{
width:100%;
min-width:1020px;
position:relative;
margin:0  auto;
height:40px;
background-color:blue;
}
.farm-company {
color:black;
}
.views-link{
text-decoration:none;
color:white;
}
.top-nav{
float:left;
font-size:18px;
padding:30px;
position:relative;
margin:0  auto;
}
#goldcompany {
color:black;
margin-left:0px;
position:relative;
}
.top-link{
text-decoration:none;
color:black;
font-size:initial;
}

.topnav{
text-decoration:none;
color:gray;
}
#place-button{
padding:0  20px;
border-color:blue;
font-size:18px;
border-width:1px;
background-color:white;
float:right;
}
#nav{
margin-left:200px;
}
#text{
width:350px;
height:36px;
border-color:blue;
border-width:2px;
margin:0  auto;
}
#search {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:1000px;
height:40px;
}
.inside {
float:right;
margin:0  auto;

}
#search-button{
padding:8px  30px;
border-color:blue;
border-width:1px;
font-size:18px;
background-color:blue;
float:right;
margin:0  auto;
color:white;
}
  img{ display: block; border:none;}
  ul,li{ list-style: none;}
  .lubo{ width:100%;min-width:1020px;clear: both; position: relative; height:368px;margin-top:15px}
  .lubo_box{ position: relative; width:100%; height:368px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:368px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width:100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 368px;}

  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}

 
  .lubo_btn{ position: absolute; width: 100%; top: 140px;}
  .left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}

#left-menu{border:1px  solid  blue;width:250px;height:400px;padding:20px;background-color:white;float:left}
span{font-size:25px;color:blue}

#right-menu{width:700px;height:450px;position:absolute;margin-left:330px;margin-top:0px}
#line{margin-top:15px}
a.tx {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: blue;
}

a.tx:before {
  content: "腾讯公司是目前中国最大的互联网综合服务提供商之一，也是中国服务用户最多的互联网企业之一";
  color:white;opacity:0.8;font-size:20px;position: absolute;
padding:20px;z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  background:#009ACD;
  height: 200px;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

a.tx:hover:before,a.tx:focus:before,a.tx:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

a.tb {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: blue;
}

a.tb:before {
  content: "淘宝网是亚太地区较大的网络零售、商圈，由阿里巴巴集团在2003年5月创立。淘宝网是中国深受欢迎的网购零售平台";
  color:white;opacity:0.8;font-size:20px;position: absolute;
padding:20px;z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  background:#009ACD;
  height: 200px;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

a.tb:hover:before,a.tb:focus:before,a.tb:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

a.sd {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: blue;
}

a.sd:before {
  content: "奇虎360公司简介 奇虎360创立于2005年9月,是中国领先的互联网安全软件与互联网服务公司";
  color:white;opacity:0.8;font-size:20px;position: absolute;
padding:20px;z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  background:#009ACD;
  height: 200px;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

a.sd:hover:before,a.sd:focus:before,a.sd:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

a.jd {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: blue;
}

a.jd:before {
  content: "京东（JD.com）是中国最大的自营式电商企业，2015年第一季度在中国自营式B2C电商市场的占有率为56.3%";
  color:white;opacity:0.8;font-size:20px;position: absolute;
padding:20px;z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  background:#009ACD;
  height: 200px;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

a.jd:hover:before,a.jd:focus:before,a.jd:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

a.wd {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: blue;
}

a.wd:before {
  content: "万达商业是世界最大的不动产企业";
  color:white;opacity:0.8;font-size:20px;position: absolute;
padding:20px;z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  background:#009ACD;
  height: 200px;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

a.dx:hover:before,a.wd:focus:before,a.wd:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

a.dx {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: blue;
}

a.dx:before {
  content: "中国电信集团公司是我国特大型国有通信企业、上海世博会全球合作伙伴，连续多年入选世界500强企业";
  color:white;opacity:0.8;font-size:20px;position: absolute;
padding:20px;z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  background:#009ACD;
  height: 200px;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

a.wd:hover:before,a.wd:focus:before,a.wd:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
a.middle-link {text-decoration:none;
float:left; display: inline-block;
padding:0px; -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;

}

table{background-color:white;}
.nav-information{position:relative;margin-top:80px;margin-left:auto;margin-right:auto;width:1020px;height:550px;}
.middle-nav{height:25px;margin-top:10px;width:100%;}
.nav{float:left;border:1px  solid  gray;font-size:20px;padding:5px  59px}
.left-information{float:left;width:200px;position:relative;height:415px;background-color:#74f15b;padding:20px}
.right-information{position:absolute;margin-top:9px;margin-left:200px;border-top:3px  solid #74f15b;}
table{border-collapse:collapse}
.information{padding:10px;}
.left-link{text-decoration:none;color:white;font-size:20px;}
.nav-information:after{position:absolute;top:70%;right:20px;bottom:22px;left:10px;z-index:-1;background:transparent;-moz-box-shadow:-3px 5px 20px rgba(0,0,0,.8);box-shadow:-3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,2deg);-webkti-box-shadow:-3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:-3px 5px 20px rgba(0,0,0,.8)}
.nav-information:before{position:absolute;top:70%;right:10px;bottom:22px;left:20px;z-index:-2;background:transparent;-moz-box-shadow:3px 5px 20px rgba(0,0,0,.8);box-shadow:3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,-2deg);-webkti-box-shadow:3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:3px 5px 20px rgba(0,0,0,.8)}
.wl-more{padding:7px  15px;color:white;background-color:#74f15b;border:1px  solid  white;margin:50px   auto;font-size:25px}
.communication-information{float:left;width:100%;padding:10px}
.communication-link{text-decoration:none;font-size:20px;color:white}
.communication-more{padding:7px 15px;background-color:#70b7f2;color:white;border:1px  solid  white;margin:50px auto;font-size:25px}
.communication-left-information{float:left;background-color:#70b7f2;width:200px;position:relative;height:415px;padding:20px}
.communication-right-information{position:absolute;border-top:3px  solid  #70b7f2;margin-top:0px;margin-left:200px;}
.communication{position:relative;margin-top:20px;margin-left:auto;margin-right:auto;width:1020px;height:460px}
.communication:after{position:absolute;top:70%;right:20px;bottom:22px;left:10px;z-index:-1;background:transparent;-moz-box-shadow:-3px 5px 20px rgba(0,0,0,.8);box-shadow:-3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,2deg);-webkti-box-shadow:-3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:-3px 5px 20px rgba(0,0,0,.8)}
.communication:before{position:absolute;top:70%;right:10px;bottom:22px;left:20px;z-index:-2;background:transparent;-moz-box-shadow:3px 5px 20px rgba(0,0,0,.8);box-shadow:3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,-2deg);-webkti-box-shadow:3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:3px 5px 20px rgba(0,0,0,.8)}
.consumer-information{float:left;width:100%;padding:10px}
.consumer-link{text-decoration:none;font-size:20px;color:white}
.consumer-more{padding:7px 15px;background-color:#e9acfb;color:white;border:1px  solid  white;margin:50px auto;font-size:25px}
.consumer-left-information{float:left;background-color:#e9acfb;width:200px;position:relative;height:415px;padding:20px}
.consumer-right-information{position:absolute;border-top:3px  solid  #e9acfb;margin-top:0px;margin-left:200px;}
.consumer{position:relative;margin-top:20px;margin-left:auto;margin-right:auto;width:1020px;height:460px}
.consumer:after{position:absolute;top:70%;right:20px;bottom:22px;left:10px;z-index:-1;background:transparent;-moz-box-shadow:-3px 5px 20px rgba(0,0,0,.8);box-shadow:-3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,2deg);-webkti-box-shadow:-3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:-3px 5px 20px rgba(0,0,0,.8)}
.consumer:before{position:absolute;top:70%;right:10px;bottom:22px;left:20px;z-index:-2;background:transparent;-moz-box-shadow:3px 5px 20px rgba(0,0,0,.8);box-shadow:3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,-2deg);-webkti-box-shadow:3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:3px 5px 20px rgba(0,0,0,.8)}
.finace-information{float:left;width:100%;padding:10px}
.finace-link{text-decoration:none;font-size:20px;color:white}
.finace-more{padding:7px 15px;background-color:#f6be5b;color:white;border:1px  solid  white;margin:50px auto;font-size:25px}
.finace-left-information{float:left;background-color:#f6be5b;width:200px;position:relative;height:415px;padding:20px}
.finace-right-information{position:absolute;border-top:3px  solid  #f6be5b;margin-top:0px;margin-left:200px;}
.finace{position:relative;margin-top:20px;margin-left:auto;margin-right:auto;width:1020px;height:460px}
.finace:after{position:absolute;top:70%;right:20px;bottom:22px;left:10px;z-index:-1;background:transparent;-moz-box-shadow:-3px 5px 20px rgba(0,0,0,.8);box-shadow:-3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,2deg);-webkti-box-shadow:-3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:-3px 5px 20px rgba(0,0,0,.8)}
.finace:before{position:absolute;top:70%;right:10px;bottom:22px;left:20px;z-index:-2;background:transparent;-moz-box-shadow:3px 5px 20px rgba(0,0,0,.8);box-shadow:3px 5px 20px rgba(0,0,0,.8);content:'';-webkit-transform:skew(0,-2deg);-webkti-box-shadow:3px 5px 20px rgba(0,0,0,.8);-0-box-shadow:3px 5px 20px rgba(0,0,0,.8)}
.foot {width:100%;height:300px;background-color:#081145;margin-top:100px;min-width:1020px;}
.touch-left {margin-left:150px;padding:30px;display:inline-block;margin-top:30px;}
.touch-middle {margin-left:50px;display:inline-block;}
.touch-right {margin-left:100px;display:inline-block;}
.chi {padding:7px;font-size:18px;color:#b6a6a6;}
.head-text {font-size:20px;color:white}
.ewm {display:inline-block;width:150px;height:150px;margin-left:150px;margin-top:50px;position:absolute;}
.ewm-title {display:inline-block;color:white;position:absolute;margin-left:190px;margin-top:210px;}