@charset "utf-8";

.swiper-container,.mod-tel{width:100%; margin:0 auto;}
.swiper-container{z-index:0;}
.swiper-pagination{text-align:right;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
.swiper-pagination-bullet{width:10px; height:10px; background:#c93267; opacity:.5;}
.swiper-pagination-bullet-active{background:#1abb9c; opacity:1;}

.bohao{width:4.6rem; height:.7rem; margin:.4rem auto; position:relative; overflow:hidden;}
.bohao .inflow{width:3rem; height:100%; font-size:.2rem; border:none; padding:0 .22rem; position:absolute; left:0; top:0; background:url(../images/inflow-bg.png) left center no-repeat; background-size:auto 100%;}
.bohao .inflow-btn{width:1.16rem; height:100%; font-size:.24rem; color:#fff; border-radius:0 35px 35px 0; background:#c93267; border:none; position:absolute; right:0; top:0;}
.mod-tel{background:#f6f6f6;}
.mod-tel .cue{width:4.6rem; color:#363636; margin:0 auto; padding-bottom:.9rem;}
.mod-tel .cue em,.mod-tel .cue i{display:inline-block; float:left;}
.mod-tel .cue em{width:.84rem;}
.mod-tel .cue i{padding-left:.14rem; padding-top:.04rem;}
.mod-tel .cue ul{overflow:hidden; padding-top:.1rem;}
.mod-tel .cue ul li{width:4.54rem; background:url(../images/cue-line.png) center bottom no-repeat; background-size:contain; padding:.12rem 0 .1rem .06rem; margin:.05rem 0;}
.mod-tel .cue span{color:#c93267;}

.footer_ba{width:100%; padding-top:0; padding-bottom:0; margin-top:0; margin-right:0; position:fixed; right:0; bottom:0; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.footer_ba p{color:#fff; background:#c93267;}

.clicked{margin-right:56.25%; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; left:auto;}

@media all and (min-width:640px){
	.swiper-container,.mod-tel{width:640px;}
}
@media all and (max-width:640px){
	body{background:#f6f6f6;}
}
@media only screen and (min-width: 360px) and (max-width: 479px){
	.bohao{width:4.96rem; height:.76rem;}
	.bohao .inflow{width:3.32rem; font-size:.22rem;}
	.bohao .inflow-btn{width:1.2rem; font-size:.26rem;}
	.mod-tel .cue{width:4.96rem; font-size:.26rem;}
	.mod-tel .cue em{width:.88rem;}
	.mod-tel .cue i{padding-top:.05rem;}
	.mod-tel .cue ul li{width:4.9rem; margin:.06rem 0;}
}
@media only screen and (max-width: 360px){
	.bohao{width:5.3rem; height:.78rem;}
	.bohao .inflow{width:3.56rem; font-size:.24rem;}
	.bohao .inflow-btn{width:1.3rem; font-size:.28rem;}
	.mod-tel .cue{width:5.3rem; font-size:.28rem;}
	.mod-tel .cue em{width:.94rem;}
	.mod-tel .cue i{padding-top:.07rem;}
	.mod-tel .cue ul li{width:5.24rem; margin:.07rem 0;}
}