﻿
		html, body {
			position: relative;
			background: #fff;
			max-width: 750px;
			margin:0 auto;
			height: 100%;
		}
		body {
			background: #eee;
			font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			/*font-size: 14px;*/
			font-size: 0.2rem;
			color: #000;
			margin: 0;
			padding: 0;
		}
		img{
			max-width: 100%;
			display: block;
		}
		.swiper-container {
			width: 100%;
			height: 100%;
		}
		.swiper-slide {
			background: #fff;
		}
		.menu {
			min-width: 100px;
			width: 40%;
			max-width: 320px;

			background-color: #6a727f;
			color: #fff;
		}
		.content {
			width: 100%;
		}

		.menu-button {
			padding: 15px 5px;

			cursor: pointer;

			-webkit-transition: .3s;
			transition: .3s;

			/*margin: 14px;
			border-radius: 5px;*/
		}
		.menu-button .bar:nth-of-type(1) {
			margin-top: 0px;
		}
		.menu-button .bar:nth-of-type(3) {
			margin-bottom: 0px;
		}

		.bar {
			position: relative;
			display: block;

			width: 32px;
			height: 4px;

			margin: 6px auto;
			background-color: #6a727f;

			border-radius: 10px;

			-webkit-transition: .3s;
			transition: .3s;
		}

		.menu-button:hover .bar:nth-of-type(1) {
			-webkit-transform: translateY(1.5px) rotate(-4.5deg);
			-ms-transform: translateY(1.5px) rotate(-4.5deg);
			transform: translateY(1.5px) rotate(-4.5deg);
		}
		.menu-button:hover .bar:nth-of-type(2) {
			opacity: .9;
		}
		.menu-button:hover .bar:nth-of-type(3) {
			-webkit-transform: translateY(-1.5px) rotate(4.5deg);
			-ms-transform: translateY(-1.5px) rotate(4.5deg);
			transform: translateY(-1.5px) rotate(4.5deg);
		}

		.cross .bar:nth-of-type(1) {
			-webkit-transform: translateY(15px) rotate(-45deg);
			-ms-transform: translateY(15px) rotate(-45deg);
			transform: translateY(15px) rotate(-45deg);
		}
		.cross .bar:nth-of-type(2) {
			opacity: 0;
		}
		.cross .bar:nth-of-type(3) {
			-webkit-transform: translateY(-15px) rotate(45deg);
			-ms-transform: translateY(-15px) rotate(45deg);
			transform: translateY(-15px) rotate(45deg);
		}
		.cross:hover .bar:nth-of-type(1) {
			-webkit-transform: translateY(13.5px) rotate(-40.5deg);
			-ms-transform: translateY(13.5px) rotate(-40.5deg);
			transform: translateY(13.5px) rotate(-40.5deg);
		}
		.cross:hover .bar:nth-of-type(2) {
			opacity: .1;
		}
		.cross:hover .bar:nth-of-type(3) {
			-webkit-transform: translateY(-13.5px) rotate(40.5deg);
			-ms-transform: translateY(-13.5px) rotate(40.5deg);
			transform: translateY(-13.5px) rotate(40.5deg);
		}



		.nav{
			padding:0 5px;
			display: flex;
			height: 63px;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #efefef
		}
		.nav div.img{

			display: flex;
			align-items: center;
		}
		.nav .w105{
			width: 105px;
		}
		.my_content{
			height: 100%;
			overflow: auto;
		}
		.swiper-banner{
			position: relative;
			overflow: hidden;
			margin-top: 49px;
		}
		.pagination .swiper-pagination-bullet-active{
			background: #6a727f
		}
		.pagination .swiper-pagination-bullet{
			background: #fff;
			width: 40px;
			height: 4px;
			border-radius: 4px;
		}

		/*cont1*/
		.cont1{
			/*background: green;*/
			padding:0.2rem;
			/*background:-moz-linear-gradient(top,#59b64b,#8bc33a);*//*火狐*/ 
			/*background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#59b64b), to(#8bc33a));*//*谷歌*/ 
			/*background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #59b64b),color-stop(1, #8bc33a));*//* Safari & Chrome*/ 
			/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#59b64b', endColorstr='#8bc33a');*/ /*IE6 & IE7*/ 
			/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#59b64b', endColorstr='#8bc33a')";*/ /* IE8 */ 
		}
		.cont1_line{
			/*height: 3rem;*/
			display: flex;
			/*padding:0.3rem;*/
			background: #fff;
			/*height: 1rem;*/
			justify-content:space-between;
			align-items: center;
			padding-top: 0.2rem;
		}
		.cont1_line:nth-child(1){
			border-radius: 0.15rem 0.15rem 0 0 ;
		}
		.cont1_line:nth-child(2){
			border-radius: 0 0 0.15rem 0.15rem;
		}
		.cont1_line img{
			height: 1.8rem;
			width: 1.3rem;
			/*padding:10px 0;*/
			padding: 0.1rem 0.5rem;
		}


/*cont2*/
.cont2{
	position:relative;
}
.cont2 a{
	position:absolute;
	left: 50%;
	margin-left: -1.15rem;
	top:2.7rem;
}
.cont2 a{
	width: 2.3rem;
}
.cont3{
	position:relative;
	overflow: hidden;
}

/*cont5*/
.cont5{
	position: relative;
	overflow: hidden;
}
.cont5 div{
	position: absolute;
	width: 100%;
	bottom:0.5rem;
	display: flex;
	justify-content: space-around;
}
.cont5 div img{
	width: 1.57rem;
	height: 0.56rem
}

.swiper-honor{
	padding:0.3rem 0;
	background: #eceaeb;
}

.swiper-honor img{
	height: 1.63rem;
	width: 2.3rem
}
 .swiper-honor {
      width: 100%;
     /* height: 100%;*/
      overflow: hidden;
    }
.swiper-honor .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #eceaeb;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-honor_1{
	padding:0.3rem 0;
	background: #f5f7f5;
}

.swiper-honor_1 img{
height: 2.24rem;
    width: 4.36rem;
}
 .swiper-honor_1 {
      width: 100%;
     /* height: 100%;*/
      overflow: hidden;
    }
.swiper-honor_1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #f5f7f5;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}



.footer{
	position: relative;
}
.footer div{
	position: absolute;	
}
.footer .btn{
	display: flex;
	bottom: 1.3rem;
	right: 0.3rem;
}
.footer .cont{
	bottom: 0.1rem;
	width: 100%;
	text-align: center;
	font-size: 12px;
}
.footer .cont p{
	margin:0;
	line-height: 20px;
}
.footer div img{
	width: 1.57rem;
	height: 0.57rem;
	margin:0 0.1rem;
}


.top{   position: fixed;
	    top: 0;
		width: 100%;
	    background-color: #fff;
	    z-index: 9999;
	    max-width: 750px; }

.about_neirong{margin-top: 64px; display: block;}

/*.liuyan{position: relative;}
.liuyan div{position: absolute;}
.liuyan .btn_liuyan{display:flex; top: 0.7rem; left: 1.5rem;}*/

/*弹窗*/
.fix-box {
    width: 5rem;
    height: 5rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background:url('http://www.xiyisao.com/images/tgliuyan.png') top center no-repeat;
    z-index: 9999;
    background-size:5rem auto;
    padding-bottom: 0.04rem;
}
.fix-box p {
    text-align: center;
}

.fix-box .fixbox_a,.fixbox_b{
    margin-top: 1rem;
    font-size: 0.24rem;
    color: #525252;
}

.fix-box .fixbox_b{
    margin-top: 0;
}

.fix-box .fixbox_c{
    font-weight: 700;
    font-stretch: normal;
    line-height: 0;
    letter-spacing: 0px;
    color: #fb794c;
    font-size: 0.24rem;
    margin-top: 0.01rem;
}

.fix-box .fixbox_d{
    font-size: 0.24rem;
}

.fix-box .fixbox_input{
   width: 3rem;
    height: 0.4rem;
    margin: 0 auto;
    display: block;
    border: 0.01rem solid #ccc;
    margin-top: 0.08rem;
    text-indent: 0.03rem;
}
.fixbox_btn {
    padding-top: 0.18rem;
    height: 100%;
    padding-left: 0.99rem;

}

.fixbox_btn .fixbox_btna{
	width: 1.35rem;
    height: 0.44rem;
    line-height: 0.42rem;
    text-align: center;
    border: none;
    background-color: #22ab7c;
	display: inline-block;
	color: #fff;
	font-size: 0.24rem;
	border-radius: 0.03rem;
}

.fixbox_btn .fixbox_btnb{
	width: 1.35rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    background-color: #fb794c;
    margin-left: 0.24rem;
    display: inline-block;
    color: #fff;
    font-size: 0.24rem;
	border-radius: 0.03rem;
}

#dele {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: 0;
    right: 0;
}






