
/*

By  石
QQ  1174188215

*/
body{ font-family:Helvetica;position: relative;}
html, body{ overflow: hidden; height: 100%;}
a{ text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{ margin:0;}
ol,ul,li,dl,dt,dd{ margin:0; padding:0; list-style: none;}
html{font-size: 100px;}
body{font-size: 0.14rem;color: #666666}
input[type="button"],input[type="submit"],input[type="reset"],textarea,select,input{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;border: none;outline: none;border-radius: 0} 
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body.mhome{
	padding: 0;
    min-width: 300px;
    max-width: 640px;
    margin: 0 auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;/*溢出为touch事件*/
    -webkit-text-size-adjust: 100%;/*清除浏览器默认字号大小,横竖屏时字号不变*/
    text-size-adjust: 100%;
}
/*===通用===*/
.clear{clear: both;}
.mt2{margin-top: 2% !important;}
.mb2{margin-bottom: 2% !important;}
.pt2{padding-top: 2% !important;}
.pb2{padding-bottom: 2% !important;}
.mt0{margin-top: 0% !important;}
.mb0{margin-bottom: 0% !important;}
.pt0{padding-top: 0% !important;}
.pb0{padding-bottom: 0% !important;}
.after:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.yellow_p{color: #ff9900;}
.bor_linemb{ border-bottom: 1px solid #ebebeb;}


#page{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #F5F5F5;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1;
}
.Pub_top{
    width: 100%;
    height: 0.5rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff;
}
.wrapper{
    width: 100%;
    position: absolute;
    top: 0.5rem;
    bottom: 0.5rem;
    z-index: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.wrapper.wrapperfff{
	background-color: #fff;
}
.wrapper.wrapperb0{
	bottom: 0;
}
.wrapper.wrappert0{
	top: 0;
}
.scrollbox{
    position: relative;
    overflow: hidden;
}
.scrollbox.scrollbox100{
	height: 100%;
}
.scrollbox.scrollboxmin100{
	min-height: 100%;
}
.Pub_bottom{
    position: absolute;
    width: 100%;
    height: 0.5rem;
    background: #fff;
    z-index: 50;
    bottom: 0;
    left: 0;
    border-top: 1px solid #ededed;
}
.bg_color{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000;
    background: rgba(0,0,0,0.5);
    display: none;
}
/*滑动菜单*/
.Slide_nav{
    width: 60%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: #fff;
    left: 0;
    top: 0;
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0);
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    overflow: hidden;
}
.Slide_nav .boxin{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #5bca86;
}
.slide_logo{
	background: #fff;
	display: block;
	padding: 0.1rem;
	border-bottom: 1px solid #53be7c;
}
.Slide_nav .boxin .slide_logo img{
    display: block;
    height: 0.31rem;
    margin: 0 auto;
}
.Slide_nav ul{
	padding: 0 0.15rem;
    background: #5bca86;
}
.Slide_nav ul li a{
    display: block;
    width: 100%;
    height: 0.6rem;
    border-bottom: 1px solid #53be7c;
    padding: 0 0.3rem;
    background-image: url(../img/p3.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 0.09rem 0.165rem;
    -webkit-background-size: 0.09rem 0.165rem;
    line-height: 0.6rem;
    font-size: 0.16rem;
    color: #ffffff;
    overflow: hidden;
}
.slide_bottom {
	padding: 0.1rem 0.3rem;
	color: #fff;
	font-size: 0;
	line-height: 1.5em;
}
.slide_bottom img{
	display: block;
	width: 60%;
	margin: 0 auto;
}
.slide_bottom img+p{
	text-align: center;
}
.slide_bottom>a{
	color: #fff;
	display: inline-block;
	font-size: 0.13rem;
	line-height: 2em;
	width: 50%;
}
.slide_bottom>a i{
	display: inline-block;
	width: 0.1rem;
	height: 0.1rem;
}
.slide_bottom>p{
	font-size: 0.13rem;
	line-height: 2em;
}
.slide_bottom>a i.i1{
	background: url(../img/a05.png) no-repeat center;
	background-size:0.1rem 0.1rem;
	-webkit-background-size:0.1rem 0.1rem;
	margin-left: 0.05rem;
}
.slide_bottom>a i.i2{
	width:0.13rem;
	height: 0.105rem;
	background: url(../img/a06.png) no-repeat center;
	background-size:0.13rem 0.105rem;
	-webkit-background-size:0.13rem 0.105rem;
	margin-left: 0.05rem;
}
.nav_move{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.move{
    -webkit-transform: translate(60%,0);
    -ms-transform: translate(60%,0);
    transform: translate(60%,0);
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
}
.Pub_bottom a{
    display: block;
    width: 16.6666%;
    float: left;
    height: 0.5rem;
    text-align: center;
}
.Pub_bottom a p{
    font-size: 0.1rem;
    color: #999;
    font-weight: normal;
    width: 100%;
    line-height: 1.5em;
    overflow: hidden;
    height: 1.5em;
}
.Pub_bottom a i{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background-image: url(../img/p4.png);
    background-repeat: no-repeat;
    background-size: 0.6rem 1.8rem;
    -webkit-background-size: 0.6rem 1.8rem;
    margin: 0 auto;
}
.Pub_bottom a.btn1 i{background-position: 0 0}
.Pub_bottom a.btn2 i{background-position: 0 -0.3rem}
.Pub_bottom a.btn3 i{background-position: 0 -0.6rem}
.Pub_bottom a.btn4 i{background-position: 0 -0.9rem}
.Pub_bottom a.btn5 i{background-position: 0 -1.2rem}
.Pub_bottom a.btn6 i{background-position: 0 -1.5rem}
.Pub_bottom a.on p{color: #ff9900;}
.Pub_bottom a.btn1.on i{background-position: -0.3rem 0}
.Pub_bottom a.btn2.on i{background-position: -0.3rem -0.3rem}
.Pub_bottom a.btn3.on i{background-position: -0.3rem -0.6rem}
.Pub_bottom a.btn4.on i{background-position: -0.3rem -0.9rem}
.Pub_bottom a.btn5.on i{background-position: -0.3rem -1.2rem}
.Pub_bottom a.btn6.on i{background-position: -0.3rem -1.5rem}
/*首页-------*/
.indextop{
	padding-left: 0.97rem;
    padding-right: 0.36rem;
}
.indextop img{
    display: block;
    height: 0.3rem;
    position: absolute;
    top: 0.11rem;
    left: 0.1rem;
}
.indextop em{
    display: block;
    width: 0.16rem;
    height: 0.5rem;
    float: right;
    background: url(../img/a02.png) center center no-repeat;
    background-size: 0.16rem 0.14rem;
    -webkit-background-size: 0.16rem 0.14rem;
    position: absolute;
    right: 0.1rem;
    top: 0;
}
.index_searbox{
	width: 80%;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	font-size: 0;
	height: 0.24rem;
	margin-top: 0.13rem;
	position: relative;
	padding-left: 0.15rem;float: right;
}

.index_searbox .searbtn{
	/*width: 0.23rem;
	height: 0.23rem;
	background: url(../img/a03.png) center center no-repeat;
	background-size: 0.11rem 0.11rem;
    -webkit-background-size: 0.11rem 0.11rem;
   
    top: 0;
    left: 0;*/ 
	top:2px;
	position: absolute;
	right:5px;
}
.index_searbox input[type=text]{
	font-size: 0.09rem;
	color: #666666;
	width: 95%;
	height: 0.224rem;
	vertical-align: middle;
}
/*banner*/
.index_one{
    width: 100%;
    height: 1.7rem;
    position: relative;
    overflow: hidden;
}
.index_one .swiper-containera,
.index_one .swiper-containera img{
    width: 100%;
    height: 100%;
    display: block;
}
.index_one .swiper-pagination-bullet{opacity: .5;}
.index_one .swiper-pagination-bullet-active{background: #ff9900;opacity: 1;}

.index_two{
	padding:0 0.1rem;
	background: #fff;
}
.index_two>ul{
	display: box;
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
	height: 0.4rem;
	align-items: center;
	-webkit-align-items: center;
	font-size: 0.1rem;
	color: #333333;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.index_two li span{font-size: 0.13rem;}
.index_two li .btn{
	font-size: 0.1rem;
	color: #fff;
	background: #ff9900;
	padding: 0.03rem;
}
.liucheng h2{
	font-weight: normal;
	color: #333;
	font-size: 0.12rem;
	height: 0.35rem;
	line-height: 0.35rem;
}
.index_two .liucheng li span{
	font-size: 0.09rem;
	color: #666666;
	margin-top: 0.1rem;
	display: block;
}
.index_two .liucheng ul{
	min-height: 0.75rem;
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
	font-size: 0.1rem;
	color: #333333;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding-top:0.4rem;
	background: url(../img/b02.jpg) no-repeat;
	background-size:100% auto;
}
.index_two .liucheng ul li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}
.index_tit{
	font-size: 0.14rem;
	color: #333333;
	font-weight: normal;
	height: 0.4rem;
	line-height: 0.4rem;
}
.index_three>.boxout{
	background: #fff;
	padding: 0 0.1rem;
}
.index_three ul:after{
	content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.index_three li{
	width: 49%;
	overflow: hidden;
	float: left;
	margin: 0 2% 2% 0;
}
.index_three li:nth-child(even){
	margin: 0 0 2% 0;
}
.index_three li .img{
	width: 100%;
	position: relative;
	padding-top: 56.268%;
}
.index_three li .img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.index_three li .word{
	padding: 0.1rem 0;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-between;
	line-height: 1.5em;
	align-items: center;
}
.index_three li .word .right{
	text-align: right;
	color: #ff9900;
	font-size: 0.1rem;
	width: 40%;
}
.index_three li .word .right span{
	display: block;
}
.index_three li .word b{
	font-weight: normal;
	font-size: 0.11rem;
	color: #333;
	display: block;
	width: 100%;
	height: 1.5em;
	line-height: 1.5em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
.index_three li .word del,.index_three li .word .left span{
	font-size: 0.1rem;
	color: #999999;
	height: 1.5em;
	line-height: 1.5em;
	overflow: hidden;
	
}
.index_three li .word .left{
	width:60%;
}
.index_three li .word .right span:nth-child(2){
	font-size: 0.11rem;
}

.index_three .boxout2 .right span{
	display: block;
	font-size: 0.12rem;
	color: #999999;
}
.index_three .boxout2 .right span:first-child{
	color: #FF9900;
}
.index_three .boxout2 .right span:first-child small{
	font-size: 0.1rem;
}
.index_three .boxout2 .right span em{
	color: #FF9900;
	font-style: normal;
}

.index_four{
	background: #fff;
	padding: 0 0.1rem;
}
.gongzheng_box{
	width: 100%;
}
.gongzheng_box li{
	float: left;
	width: 32%;
	overflow: hidden;
	margin-left: 2%;
}
.gongzheng_box li:first-child{
	margin-left: 0;
}

.gongzheng_box .img{
	width: 100%;
	position: relative;
	padding-top: 58.26%;
}
.gongzheng_box .img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.gongzheng_box .word{
	font-size: 0.1rem;
	color: #333333;
	height: 0.3rem;
	line-height: 0.3rem;
	overflow: hidden;
}
.gongzheng_box .word .yellow_p{
	float: right;
}

.index_five{
	padding: 0 0.1rem;
	background: #fff;
}
.index_six{
	padding: 0 0.05rem;
}
.index_bankuai li{
	float: left;
	width: 31%;
	margin: 1.166%;
}
.index_bankuai li .box{
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
}
.index_bankuai img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.index_bankuai .word{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #fff;
	font-size: 0.1rem;
	z-index: 2;
}
.index_bankuai .word h2{
	font-size: 0.13rem;
	font-weight: normal;
	line-height: 2em;
}
.index_bankuai i{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}
.index_seven{
	width: 100%;
	padding: 0.1rem;
	background: url(../img/b08.jpg) no-repeat center;
	font-weight: normal;
	text-align: center;
	font-size: 0.11rem;
	color: #fff;
	margin-bottom: 0.15rem;
}
.index_seven h2{
	font-weight: normal;
	display: inline-block;
	line-height: 2em;
	padding: 0 0.1rem;
	background: rgba(0,0,0,0.65);
}
