body {
    display: block;
    margin: 0px;} 
.header{
background:url(../images/background.jpg) no-repeat;
background-size:100% 100%;
height:55vw;width:100vw;  
position: relative;}

.kuiajiebutton {
  width: 33.333333333333%;
  height: 30px;
  text-align: center;
  color: #fff;
  margin-left: 33%;
  top: 38vw;
  position: absolute;}
div {
  margin: 0px;
  padding: 0px;
  border: 0px;
  display: block;}

.kuaijieitem { 
  float: left;
  width: calc(33.33333333% - 40px);
  background: rgba(255,255,255,0.2);
  margin: 0px 20px;
  border-radius: 22px;
  padding: 5px 0px;}
.kuaijieitem span {
  font-size: 40px;
  font-weight: bold;}

.kuaijieitem div {
  font-size: 11px;
  font-weight: bold;}

.searchtitle {
  color: #ca6739;
  font-size: 1.2em;
  padding: 20px;
  font-weight: bold;
  float: left;
  width: 13%;}
.search {
  bottom: 0px;
  position: absolute;
  background: #fff;
  height: 4em;
  width: 60%;
  margin-left: 20%;}

.searchinput {
  float: left;
  width: 63%;
  border-bottom: 5px solid #cf754b;
  height: calc(100% - 5px);}


.searchimage {
  float: right;
  background: url(../images/search.jpg);
  background-size: 100% 100%;
  height: 3em;
  width: 3em;
  margin-right: 56px; 
  margin-top: 1em;}



.main {
  width: 1200px;
  position: relative;
  margin: 40px auto;
  height: 670px;}
.lianxifangshi {
  position: absolute; 
  bottom: 0px;
  left: 0px;
  width: calc(25% - 60px);
  background: #eee;
  padding-left: 60px;
  padding-top: 40px;
  height: 520px;}
.fuwuchengluo {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: calc(25% - 60px);
  background: #eee;
  padding-left: 58px;
  padding-top: 40px;
  height: 520px;}
.tupianxingwen {
  position: absolute;
  bottom: 0px;
  width: 50%;
  left: 25%;
  background: #fff;
  height: 644px;
  border: 1px solid #333;}

.lianxifangshi .title {
  font-size: 1.2em; 
  font-weight: bold;
  color: #ca6739;}
.lianxifangshi .title span {
  font-size: 0.6em;
  font-weight: normal;}
h2 {
  font-size: 0.8em;
font-family: "黑体";}
.main p {
  font-size: 0.5em;}

.newsimage {
  width: 100%;
  height: 403px;
  background: url(../images/new1.jpg) no-repeat;
  background-size: 100% 100%;} 


.headlines {
  padding: 10px;
  color: #4c5b89;
  font-size: 0.8em;
  font-weight: bold;
  height: 1em;
  letter-spacing: 2px;}
.line {
  float: left;
  width: 33%;
  height:  100%;
  text-align: center;}
.line span {
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: normal; 
  padding-left: 18px;}

 
.headlinetitle {
  font-size: 1.4em;
  font-weight: bolder;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #8c8c8c;}
.headcontent {
  font-size: 1em;
  font-family: "微软雅黑";padding: 0px 50px;
  text-indent: 2em;
color:#333;  
}
.dot {
  position: absolute;
  bottom: 33px;
  width: 100%;
  text-align: center;
  height: 20px;}
.dot span {
  height: 7px;
  width: 7px;
  display: inline-block;
  background: #333;
  border-radius: 100%;}


.fuwuchengluo >.title {
  font-size: 1.2em;
  font-weight: bold;
  color: #ca6739;}
.fuwuchengluo span {
  font-size: 0.6em;
  font-weight: normal;}
.fuwuchengluo .image {
  height: 30%;
  background: url(../images/fuwuchengnuo.jpg);
  width: 85%;
  margin-top: 15px; 
  background-size: 100% 100%;}
.fuwulist .title {
  font-size: 0.8em;
  font-weight: bold;
  border-bottom: 2px solid #b4b4b4;
  width: 85%;
  font-family: "黑体";line-height: 3em;}
.fuwulist {
  padding-top: 10px;}


.footer {
  background: url(../images/footer.jpg) no-repeat;
  background-size: 100% 100%;
  width: 100vw;
  height: 27vw;}
