@charset "utf-8";



/*---------index------------*/



.head{

	position: relative;

	height: 1.46rem;

	background: url(../img/bg_01.jpg) 50% center;

}

.logo{

	position: absolute;

	top: .12rem;

    left: 0;

    z-index: 9;

}

.logo img{

	width: 82%;

    height: 100%;

}

.head:after{

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: .06rem;

	background: url(../img/border_02.jpg) 30%  100%;

}

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

.nav {

  position: relative;

  width: auto;

  display: inline-block;

  border: none;

}



.btn-nav {

  position: absolute;

  top: .1rem;

  left: 6.5rem;

  background: transparent;

  border: none;

  padding: 8px;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

  cursor: pointer;

  z-index: 99999;

}



.btn-nav:focus {

  outline: 0;

}



.icon-bar {

  display: block;

  margin: 6px 0;

  width: .6rem;

  height: 5px;

  background-color: #FFFFFF;

}



.btn-nav:hover .icon-bar {

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  background-color: #ffffff;

}



.nav-content {

  position: fixed;

  top: -100%;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(35,37,106,.98);

  display: block;

  height: 100%;

  z-index: 9;

}



.nav-list {

  list-style: none;

  padding: 0;

  position: relative;

  top: 6%;

}



.item-anchor:after {

  content: "";

  position: absolute;

  width: 3px;

  height: 3px;

  left: 0;

  bottom: 0;

  z-index: 9;

  background: transparent;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}



.item-anchor {

  color: #fff;

  font-size: 30px;

  text-transform: uppercase;

  position: relative;

  text-decoration: none;

  padding: 10px;

}



.item-anchor:hover,

.item-anchor:focus {

  color: #FCA311;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}



.item-anchor:hover:after,

.item-anchor:focus:after{

  width: 100%;

  background: #FCA311;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

}



.nav-item {

    position: relative;

    margin: 0 auto;

    text-align: left;

    line-height: 1.2rem;

    font-size: .35rem;

    color: #ffffff;

    border-bottom: 1px solid rgba(255, 255, 255, 1);

}



.nav-item dl {

    position: inherit;

    width: 100%;

    left: 0;

    top: 0;

    background: rgba(255, 255, 255, 0.2);

    line-height: 1rem;

    padding: .12rem 0;

}

.nav-item dl  dd {

    text-align: left;

    background: url(../img/dt.png) no-repeat 5% 50%;

    background-size: 8px 8px;

    padding-left: .2rem;

    margin-left: .2rem;

    margin-right: .2rem;

}

	

.nav-item a{

    padding: 0 .55rem;

	color: #FFFFFF;

}

.animated {

  display: block;

  margin: 0 auto;

}



.animated:hover .icon-bar,

.animated:focus .icon-bar{

  background-color: #ffffff;

}



.animated:focus {

  cursor: pointer;

  z-index: 9999;

}



.middle {

  margin: 0 auto;

}



.icon-bar {

  -webkit-transition: all .7s ease;

  -moz-transition: all .7s ease;

  -ms-transition: all .7s ease;

  -o-transition: all .7s ease;

  transition: all .7s ease;

  z-index: 999999;

}



.animated .icon-bar {

  z-index: 999999;

  background-color: #FCA311;

}



.animated .top {

  -webkit-transform: translateY(10px) rotateZ(45deg);

  -moz-transform: translateY(10px) rotateZ(45deg);

  -ms-transform: translateY(10px) rotateZ(45deg);

  -o-transform: translateY(10px) rotateZ(45deg);

  transform: translateY(10px) rotateZ(45deg);

}



.animated .bottom {

  -webkit-transform: translateY(-11px) rotateZ(-45deg);

  -moz-transform: translateY(-11px) rotateZ(-45deg);

  -ms-transform: translateY(-11px) rotateZ(-45deg);

  -o-transform: translateY(-11px) rotateZ(-45deg);

  transform: translateY(-11px) rotateZ(-45deg);

}



.animated .middle {

  width: 0;

}



@keyframes showNav {

  from {

    top: -100%;

  }

  to {

    top: 0;

  }

}



@-webkit-keyframes showNav {

  from {

    top: -100%;

  }

  to {

    top: 0;

  }

}



@-moz-keyframes showNav {

  from {

    top: -100%;

  }

  to {

    top: 0;

  }

}



@-o-keyframes showNav {

  from {

    top: -100%;

  }

  to {

    top: 0;

  }

}



.showNav {

  -webkit-animation: showNav 1s ease forwards;

  -moz-animation: showNav 1s ease forwards;

  -o-animation: showNav 1s ease forwards;

  animation: showNav 1s ease forwards;

}



@keyframes hideNav {

  from {

    top: 0;

  }

  to {

    top: -100%;

  }

}



@-webkit-keyframes hideNav {

  from {

    top: 0;

  }

  to {

    top: -100%;

  }

}



@-moz-keyframes hideNav {

  from {

    top: 0;

  }

  to {

    top: -100%;

  }

}



@-o-keyframes hideNav {

  from {

    top: 0;

  }

  to {

    top: -100%;

  }

}



.hideNav {

  -webkit-animation: hideNav 1s ease forwards;

  -moz-animation: hideNav 1s ease forwards;

  -o-animation: hideNav 1s ease forwards;

  animation: hideNav 1s ease forwards;

}



.hidden {

  display: none;

}

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



/*---------轮播---------*/

.slideBox {

	position:relative;

	margin:0 auto;

	overflow:hidden;

	width:100%;

}

.slideBox .hd {

	height:0.06rem;

	position:absolute;

	z-index:1;

	bottom:6%;

	text-align:center;

	width:100%;

	left:0;

}

.slideBox .hd ul {

	left:0;

	font-size:0;

	vertical-align:top;

}

.slideBox .hd ul li {

	display:inline-block;

	width:0.2rem;

	height:0.06rem;

	margin:0 0.03rem;

	border-radius:0.06rem;

	vertical-align:top;

	overflow:hidden;

	background:#b7b7b7;

}

.slideBox .hd ul li.on {

	background:#fff;

	border:none;

	width:0.3rem;

}

.slideBox .bd {

	position:relative;

	z-index:0;

	overflow:hidden;

}

.slideBox .bd li {

	position:relative;

	text-align:center;

}

.slideBox .bd li a {

	-webkit-tap-highlight-color:rgba(0,0,0,0);

}

.slideBox .vimg2{

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1.54rem;

	/*background: url(../img/bannerbg_02.png) no-repeat center 90%;*/

}



/*-----------end 轮播-----------------*/



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

.main{

	/*padding: 0 .25rem;*/

}

.title{

	width: 100%;

	margin: .6rem 0;

}

.title h2{

    font-size: .52rem;

    text-align: center;

    color: #23256a;

    line-height: .7rem;

    padding-left: .6rem;

    background: url(../img/yun.png) no-repeat 30% 50%;

    background-size: 15%;

}

.con h3{

	height: 4.5rem;

	padding: 0 .25rem;

}

.con p.jianjie {

	width: 100%;

    color: #787370;

    font-size: .24rem;

    line-height: .4rem;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

}

.linkimg{

	margin-top: .1rem;

}

.linkimg  ul {

    overflow: hidden;

    padding: .15rem 0.1rem;

}

 .linkimg ul li {

    float: left;

    width: 33.3333333%;

}

 .linkimg ul li a {

    display: block;

    height: 2.1rem;

    margin: .08rem;

}





.newlist{

	padding: 0 .25rem;

}

.listone{

	position: relative;

	width: 100%;

	height: 4.8rem;

	 margin-bottom: .3rem;

	overflow: hidden;

}

.listone .img{

	width: 100%;

	height: 4.8rem;

	overflow: hidden;

}

.listone .img img{

	width: 100%;

	height: 100%;

}

.caption{

	position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: .85rem;

    line-height: .85rem;

    background: rgba(0,0,0,.6);

}

.caption h5{

	font-size: .36rem;

	color: #ffffff;

	padding: 0 .25rem;

}

.time{

	 position: absolute;

	 top: 0;

	 left: 0;

	 width: 1.6rem;

	 height: 1.25rem;

     padding-top: .15rem;

	 text-align: center;

	 color: #fff;

	 background: #a00000;

}

.time strong{

	font-size: .7rem;

}

.time p{

	font-size: .32rem;    

	padding-top: .12rem;

}

.newlist ul{

	

}

.newlist ul li{

	width: 100%;

	height: .9rem;

	line-height: .9rem;

	font-size: .31rem;

	border-bottom: 1px dashed #bdbdbd;

}

.newlist ul li p{

	width: 75%;

    padding-left: .35rem;

    background: url(../img/wap_29.png) no-repeat left center;

    background-size: 5%;

}

.buttom{

	

}

.buttom a{

	display: block;

	width: 2.7rem;

	height: .8rem;

	font-size: .32rem;

	text-align: center;

	line-height: .8rem;

	margin: .55rem auto 0;

	color: #fff;

	background: #f2a600;

	border-radius: .45rem;

}
.buttom12000{
    font-size: 12px;
    color: #000;
    height: 30px;
text-align: center;
}

.present{

	

}

.present ul{

	

}

.present ul li{

	position: relative;

	float: left;

	width: 46%;

	height: 5.5rem;

	margin: 0 2%;

	margin-bottom: .5rem;

	background: #24256a;

}

.present ul li .img{

	width: 96%;

	height: 45%;

	padding: 2%;

	text-align: center;

	margin-bottom: .24rem;

	overflow: hidden;

}

.present ul li .img img{

	width: 100%;

	height: 100%;

}

.present ul li .text{

	padding: 2%;

	color: #fff;

}

.present ul li .text h6{

	font-size: .3rem;

	font-weight: normal;
	
	height: .42rem;
    line-height: .42rem;

}

.present ul li .text i{

	display: block;

	width: 1rem;

	height: 2px;

	margin: .2rem 0;

	background: #ba754b;

}

.present ul li .text p{

	font-size: .24rem;

	line-height: .35rem;

	color: #c6c6c6;

	-webkit-line-clamp: 2; 

}

.present ul li .text em{

	display: block;

	width: 2rem;

	height: .56rem;

	text-align: center;

	line-height: .56rem;

	color: #8e5d3e;

	margin-top: .2rem;

	background: #d9d6c9;

}



.present ul li:before{

    content: "";

    position: absolute;

    left: 2px;

    bottom: 2px;

    width: 20px;

    height: 17px;

    background: url(../img/index3_25.png) no-repeat;

}

.present ul li:after{

    content: "";

    position: absolute;

    right: 2px;

    bottom: 2px;

    width: 20px;

    height: 17px;

    background: url(../img/sup.png) no-repeat;

}

.present .buttom a{

	margin: .16rem auto .3rem;

}





.air{height: 1.1rem;}



.navigation{

	position: fixed;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1.1rem;

	background: url(../img/bg_01.jpg);

}

.navigation ul{

	display: flex;

}

.navigation li{

	flex: 1;

	float: left;

	font-size: .28rem;

	text-align: center;

	padding-top: .05rem;

}

.navigation li i {

    display: block;

    height: 0.4rem;

    display: block;

    margin: 0 auto;

    padding-bottom: .28rem;

}

.navigation li a{color: #FFFFFF;}

.navigation li i.ico1{

	background: url(../img/icon_46.png) no-repeat 50% 20%;

	background-size: 33%;

}

.navigation li i.ico2{

	background: url(../img/icon_40.png) no-repeat 50% 20%;

	background-size: 30%;

}

.navigation li i.ico3{

	background: url(../img/icon_37.png) no-repeat 50% 20%;

	background-size: 36%;

}

.navigation li i.ico4{

	background: url(../img/icon_43.png) no-repeat 50% 20%;

	background-size: 30%;

}





.content{

	margin-top: .5rem;

}



/*--------分页----------*/

.page {

	width:100%;

	margin:.3rem auto;

	padding:.22rem 0;

	text-align:center;

}

.page a, .page span {

    padding: .1rem .2rem;

    background: #24256a;

    color: #FFFFFF;

    margin: 0 .05rem;

    border: 1px solid #999;

    font-size: .26rem;

}



.article{margin-bottom: .5rem;}

.article-title{

	text-align: center;

	margin-bottom: .2rem;

	line-height: .5rem;

	font-size: .3rem;

}

.article h1{

	font-weight: bold;

	font-size: .4rem;    

	margin-bottom: .05rem;

    padding-bottom: 2%;

    border-bottom: 1px dashed #dddddd;

}

.article {

	font-size: .3rem;    

	line-height: .5rem;

}









.con{

	padding: 0 .25rem;

}



.con h1{

	font-weight: bold;

	padding-left: .45rem;

	font-size: .36rem;

	color: #363636;

	margin-bottom: .6rem;

}

/*.info h1{

	background: url(../img/ic_03.jpg) no-repeat 0 50%;

	background-size: 5%;

}*/



.con .appul li{

	height: .75rem;

    line-height: .75rem;

    margin: .5rem 0;

    text-align: center;

    width: 100%;

}

.con p{

    float: left;

	width: 25%;

    text-align: left;

    display: inline-block;

    zoom: 1;

    font-size: .3rem;

}

.con i{color: red;}

.con input{

	float: left;

	width: 72%;

    line-height: .75rem;

    padding: .1rem 0;

    height: .75rem;

    zoom: 1;

    font-size: .28rem;

    border: none;

    border: 1px solid #a7a7a7;

    border-radius: 5px;

    background:none;

}

.con textarea{

	border: 1px solid #a7a7a7;

    border-radius: 5px;

    height: 2rem;

    line-height: .25rem;

    font-size: .28rem;

    box-sizing: border-box!important;

    width: 72%;

    text-align: left;

    text-indent: 0;

    background:none;

}

.verification input{width: 50%;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999999;padding-left: .1rem;}



.con .buttom a{

	margin: .36rem auto .3rem;

}



.position p{

	color: #787370;

	font-size: .26rem;

	margin-bottom: .35rem;

}

.position a{

	color: #787370;

}