@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
.screen{position:absolute;left:0;top:0;width:100%;height:100%; opacity:0;visibility: hidden;overflow: hidden;}
.absolute{
  position: absolute;
}

html{
  width: 100%;
  height: auto;
  overflow: auto;
}


body{
  background: #fff;
}

.wrapper{
  width: 100%;
  height: auto;
  overflow: auto;
  background: url(../images/bg.jpg) no-repeat;
  background-size: 100% auto;
  font-size: 0.3333333333333333rem;
}

.fn_center{
  text-align: center;
}


/* flex布局 */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}


/*------------------------------------------------------------------------------------------------------------------*/

.header{
  width: 100%;
  height: 1.4666666666666666rem;
  padding: 0.6933333333333334rem 0.3466666666666667rem  0 0.3466666666666667rem;
  box-sizing: border-box;
/*  position: fixed;
  z-index: 800;
  left: 0;
  top: 0;*/
}

.logo{
  flex: 1;
}

.logo img{
  width: 1.7rem;
}

.logo2{
  width: 2.4rem;
}

.logo2 img{
  width: 100%;
}


/**/

.title{
     width: 5.066666666666666rem;
     height: 1.6266666666666667rem;
     margin: .3rem auto .4rem;  
}

.title1{
  background: url(../images/title1.png) no-repeat;
  background-size: 100% 100%;
}

.title2{
  background: url(../images/title2.png) no-repeat;
  background-size: 100% 100%;
}


.con{
 width: 9.066666666666666rem;
 height: auto;
 margin: 0 auto;
 background: rgba(255,255,255,0.8);
 font-size: 0.37333333333333335rem;
 color: #562e18;
 box-sizing: border-box;
 padding: .2rem;
 border-radius: 0.24rem;
}

.con article{}

.con article p{
  min-height: .3rem;
  line-height: 1.6;
  margin: 0 0 .1rem 0;
}

.con article p span{
  /*color: #85380e;*/
  color: #b84a0d;
}

.con article p img{
  max-width: 8.213333333333333rem;
}


.btn{
  margin: .67rem auto;
}

.btn a{
  display: block;
  width: 2.5733333333333333rem;
  height: 0.7466666666666667rem;
  line-height: 0.7466666666666667rem;
  text-align: center;
  font-size: 0.4rem;
  background: #5c9dee;
  color: #fff;
  border-radius: 0.37333333333333335rem;
  margin: 0 auto;
  text-decoration: none;
}

.page1 ,.page2{
  width: 100%;
  height: auto;
}

.page2{
  display: none;
}

.con2{
  position: relative;
}

.con2 dd{
 width: 1.5333333333333334rem;
 height: 1.5333333333333334rem;
 background: url(../images/huojian.png) no-repeat;
 background-size: 100% 100%;
 position: absolute;
 right: 0.56rem;
 bottom: -0.8rem;
}