body {
  background-color: #eee;
  font-family: "Open Sans", Arial;
}
.more{
  position:absolute;
  width:100%;
  z-index: 555;
  top: 35%;
  text-align: center;
  vertical-align: center;
  text-orientation: center;
  color: #efe1e1;
}

.lanren2{
  width: 41px;
  height: 60px;
  margin:0px auto;
  background-color: pink;
  position: relative;
  text-align: center;
  line-height: 60px;
}


.lanren2 .left2{
  width: 0;
  height: 0;
  position:absolute;
  left:-17px;
  top:0;
  border-right:17px solid pink;
  border-top:30px solid transparent;
  border-bottom:30px solid transparent;
}
.lanren2 .right2{
  width: 0;
  height: 0;
  position:absolute;
  right:-17px;
  top:0;
  border-left:17px solid pink;
  border-top:30px solid transparent;
  border-bottom:30px solid transparent;
}


header {
  background-color: #2cc185;
  color: #fff;
  padding: 2em 1em;
  margin-bottom: 1.5em;
}

h1 {
  font-weight: 300;
  text-align: center;
}

.container {
  position: relative;
  margin: 0 auto;
}

button {
  background-color: #2cc185;
  color: #fff;
  border: 0;
  padding: 1em 1.5em;
}

button:hover {
  background-color: #239768;
  color: #fff;
}

button:focus {
  background-color: #239768;
  color: #fff;
}

.accordion {
  position: relative;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  border-top: 0px solid #f1f4f3;
  border-bottom: 0px solid #f1f4f3;
  font-weight: 700;
  color: #74777b;
  vertical-align: middle;
  text-align: center;
}

.accordion2 {
  position: relative;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  border-top: 0px solid #f1f4f3;
  border-bottom: 0px solid #f1f4f3;
  font-weight: 700;
  color: #74777b;
  vertical-align: middle;
  text-align: center;
}

.accordion img{
  width: 100%;
  min-width: 588px;
  /*min-width: 450px;*/
  /*max-width: 810px;*/
}

.accordion .fa {
  position: relative;
  float: right;
}

.accordion h4 {
  position: relative;
  top: 0.8em;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.top{
  position:absolute;
  width:6%;
  height:17%;
  z-indent:2;
  /*left:1%;*/
  /*top:2%;*/
  left: 10px;
  top:5px;
  color: white;
  background: url("../img/icon.png") no-repeat center center;
}

.top2{
  position: absolute;
  width: 50px;
  height: 60px;
  z-index: 2;
  border-left: 10px;
  left: -20px;
  top: 50px;
  background: url("../img/icon.png") no-repeat center center;
}

.text{
  position:absolute;
  width:80px;
  height:80px;
  left: 0px;
  top: 22px;
  text-align: center;
}
.accordion a {
  position: relative;
  display: block;
  color: #74777b;
  /*padding: 1em 1em 2.5em 1em;*/
  text-decoration: none;
}

.accordion a:hover {
  text-decoration: none;
  color: #2cc185;
  background-color: #e7ecea;
  transition: 0.3s;
}

/*右侧详情展开样式*/

.accordion-desc {
  background-color: #fff;
  color: #eee;
  z-index: 2;
  width: 100%;
  /*padding: 20px 15px;*/
  /*padding-top: 4%;*/
  /*padding-bottom: 4%;*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2%;
  min-width: 575px;
}

.accordion-desc img{
    width: 100%;
    /*display:block;*/
    padding-bottom: 10px;
}

.accordion-desc-left-float{
    width: 58%;
    float: left;
    color: black;
    padding-right:10px;
    /*background-image: url('../daa/imgdesc.png');*/
    background-size: cover;
    background-repeat: no-repeat;
}

.circle {
    width: 16px;
    height: 16px;
    background: #81817f;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    right: -8px;
    top: -0.5px;
    position:absolute;

}

.accordion-desc-left-float .time{
    float: left;
    width: 20%;
    border-right: solid 2px #ccc;
    position: relative;
    padding-left: 5%;
}

.accordion-desc-left-float .description{
    float: right;
    padding-left: 20px;
    width: 80%;
    overflow: hidden;

}

.accordion-desc-left-float .address-name{
    font-size: 18px;
    font-family: fantasy;
}


.accordion-desc-left-float .address-number{
    font-size: 14px;
    font-family: fantasy;
}


.accordion-desc-right-float{
  width: 42%;float: right;padding-right:2%;
}
/*1920既定样式*/

.head{
    /*height: 90px;*/
    margin: 0 auto;
    background: white;
}
.main{
  margin:0 auto;
}

.main .left{
  position: fixed;
  top: 55px;
  width: 36.4%;
  float: left;
  /*background: #d09898;*/
  margin:0 auto;
  min-width: 296px;
  margin-top: -19px;
  z-index: -1;
  height: 100%;
  background-image: url('./guanxi.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.main .right{
  height: auto;
  width: 63.6%;
  margin: 0 auto;
  margin-left: 36.4%;
  background: #e6c8c8;
}



.left-title-desc{
  width: 244px;
  position:fixed;
  /*top: 110px;*/
  top: 150px;
  left: 60px;
  bottom: 100px;
  /*background: red;*/
  height: 542px;
  /*background: url('../leftnew.png');*/
  background: url('../left.jpg');
  background-repeat: no-repeat;
  writing-mode:tb-rl;
  background-size: contain;
}
/*畅游关西*/

.chang{
  /*width: 52px;*/
  /*height: 55px;*/
  font-family: STXingkai;
  font-size: 75px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 75px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-left: 11%;
  margin-top: 47%;
  line-height: 8px;
}

.guanxi{
  width: 92px;
  height: 117px;
  font-family: STXingkai;
  font-size: 146px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #fff;
}

.jd{
  width: 29px;
  height: 195px;
  font-family: STXingkai;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: 0px;
  color: #fff;
  padding-top: -15px;
}

.days-num {
  width: 57px;
  height: 65px;
  font-family: FZXKJW--GB1-0;
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: 0px;
  color: #ffffff;
  -webkit-transform:rotate(-50deg);
  font-style: italic;
  writing-mode: vertical-lr;
  padding-left: 35px;
  color: #493c77;
}


.title-desc-left{
  width: 90px;
  /*height: 376px;*/
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #fff;
  margin-top: 12%;
  margin-bottom: 12%;
  /*marker-left:50%;*/
  line-height: 50px;
}

.tree-menu-contanner{
  width: 100%;
  padding-top: 100px;
}

.line-menu{
  width: 79px;
  height: 80px;
  background-color: #e586a0;
  border: solid 5px #ffffff;
}

div[name="line-menu"] :hover{
  cursor:pointer;
}

.dian {
  margin-top: 10px; 
   width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 10px solid white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.line-menu-empty{
  width: 100%;
  height: 110px;
  background-color: rgb(0,0,0,0);
}
.line-one{
  width: 52px;
  height: 11px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: 0px;
  color: #ffffff;
}
.line-two {
  width: 41px;
  height: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 14px;
  letter-spacing: 0px;
  color: #ffffff;
}



/*2017-12-19*/

.left-title-desc .bigtitle{
  padding-top:30px;
  padding-right: 16px;
  font-family: cursive;
  font-size: 35px;
}

.left-title-desc .smalltitle{
  font-family: cursive;font-size: 25px;padding-top: 80px;
}

.left-botton-text{
  margin:0 auto;
  height: 500px;
  height: 200px;
  /*padding-top: 572px;*/
  padding-top: 650px;
  text-align: center;
  padding-bottom: 200px;
  position: relative;
  height: 100%; 
}





/*
@media (max-width: 1199px){ 
  //<=1199的设备
  .left-page{
    max-width:400px;
    min-width: 300px; 
  } 
}
@media (max-width: 991px){ 
  .left-page{
    max-width:350px; 
    min-width: 250px;
  } 
}
@media (max-width: 767px){ 
  .left-page{
    max-width:300px; 
    min-width: 200px;
  } 
}

*/

/* @media (min-width:480px) {

.container { max-width: 100%; }
  .container { max-width: 743px; }
}
 @media (min-width:768px) {

.container { max-width: 743 px; }
.container { max-width: 100%; }
}

 @media (min-width:1921px) {

.container { max-width: 743 px; }
.container { max-width: 100%; }
}*/


.foot{
    background: #999;
    width: 100%;
    margin:0 auto;
    /*margin-top: 78px;*/
    bottom: 0;
  }

/*新添加的2017/12/5*/
/*@media (min-width: 768px){
  .foot{background: red;}
}
@media (min-width: 992px){
  .foot{background: blue;}
}
@media (min-width: 1200){ 
  .foot{background: green;}
}

@media (min-width: 1600){ 
  .foot{background: black;}
}*/

@media screen and (min-width:1200px){
  /*.foot{background: black;}*/
}

@media screen and (min-width:1400px){
  /*.foot{background: green;}*/
}

@media screen and (min-width:1600px){
  /*.foot{background: red;}*/
}