@charset "utf-8";
/* CSS Document */
body{
    max-width: 640px;
    margin: 0 auto 130px auto;
    font: 400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica;
    background: #fbfbfb;
    font-size: .14rem;
    }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,figure,figcaption{ margin:0px; padding:0px;}
ul,li{ list-style:none}
table{border-collapse:collapse;border-spacing:0;}
img{border:0px; padding:0px; vertical-align:top;}
a{ color:#5c5c5c; text-decoration:none}

.clear{ clear:both;font-size:0px; line-height:0px}
.divleft{ float:left}
.divright{ float:right}
.hidden{display:none;}

*html{background-image:url(d); background-attachment:fixed;}

/*header nav {
	display: table;
	width: 100%;
	background-color: #da4262;
	height: .4rem;
	line-height: .4rem;
}

header nav a {
	font-size: .16rem;
	text-align: center;
	color: #fff;
	display: table-cell;
	position: relative;
}

header nav a+a:before {
	content: "";
    display: block;
    height: .3rem;
    width: 1px;
    position: absolute;
    top: 5px;
    left: 0;
    background: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
}*/
/*header*/
header { height: 0.6rem; line-height: 0.6rem; background: #29a7e1 url(http://3g.fck120.net/templets/default/images/logo.png) no-repeat center center;background-size: 2rem auto;  position: relative; }
header span { position: absolute; }
header span:first-of-type { left: .25rem; top: calc( 50% - .11rem ) }
header span:first-of-type i { display: block; width: .18rem; height: .02rem; background-color: #fff; }
header span:first-of-type i:nth-of-type(2) { margin: .05rem 0; }
header > a { position: absolute; right: .05rem; background: url(http://3g.fck120.net/templets/default/images/tel.png) no-repeat center center; background-size: .38rem auto; top: calc( 50% - .19rem ); width: .38rem; height: .38rem; }
.nav { position: absolute; top: 0.7rem; left: .15rem; width: 1.26rem; background-color: #efefef; }
.nav a { text-align: center; font-size: .22rem; color: #b5b5b6; border-top: 1px solid #fff; line-height: .46rem; display: block; box-sizing: border-box; }
.nav:before { position: absolute; content: ""; width: 0; height: 0; border-bottom: .1rem solid #efefef; border-left: .05rem solid transparent; border-right: .05rem solid transparent;
			top: -.1rem; left: .25rem;
}
#n_menu.active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
#n_menu { position: absolute; width: 1.2rem; opacity: 0; -webkit-transform: translateY(.4rem); transform: translateY(.4rem); transition: all .15s ease-out; z-index: 999; }
.a-ring{ 
	-webkit-animation: ring 1s ease infinite;
		    animation: ring 1s ease infinite;
}
/* 电话震动 */
@-webkit-keyframes ring{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-ms-keyframes ring{
    0%{-ms-transform:scale(1);}
    10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
    100%{-ms-transform:scale(1) rotate(0);}
}
@keyframes ring{
    0%{transform:scale(1);}
    10%,20%{transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}
}

/* main1开始 */
.main1 {
	margin-top: .25rem;
	padding-bottom: .3rem;
}

/* main1 */
.main1 {
	overflow: hidden;
}

.main1 .main1_2 {
	margin-top: .1rem;
	overflow: hidden;
	padding: 0 .13rem;
}

.main1 .main1_2 div {
	width: 48%;
	float: left;
}

.main1 .main1_2 section {
	overflow: hidden;
}

.main1 .main1_2 section div:first-child {
	float: left;
	margin-right: 4%;
}

.main1 .main1_2 section div:last-child {
	float: right;
}

.main1 .main1_2 .section2 {
	margin-top: .15rem;
}

.main1_2 figure img {
	width: 100%;
}

.main1_2 figure figcaption {
	line-height: .18rem;
	color:#999;
	margin-top: .08rem;
}

.main1 .main1_2 a {
	background-color: #ffa54d;
	margin:.25rem auto 0 auto;
	display: block;
	width: 1.7rem;
	height: .36rem;
	line-height: .36rem;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	border-radius: .04rem;
}

.main1 .main1_2 a img {
	margin-right: .05rem;
	width: .18rem;
	vertical-align: middle;
}

/* main2 */

.main2 {
	background-color: #e75272;
	padding: .3rem 0;
}

.main2 .main2_1 {
	margin-top: .15rem;
	padding: 0 .1rem;
}

.main2 .main2_1 ul {
	position: relative;
	overflow: hidden;
}

.main2 .main2_1 ul li {
	float: left;
	width: 50%;
}

.main2 .main2_1 ul li img {
	width: 65%;
}

.main2 .main2_1 figure {
	margin-bottom:.06rem;
	background-color: #f7f7f5;
	padding-top:.1rem;
	text-align: center;
}

.main2 .main2_1 figure:first-child,
.main2 .main2_1 figure:nth-child(3) {
	margin-right: .03rem;
}

.main2 .main2_1 figure:last-child,
.main2 .main2_1 figure:nth-child(2) {
	margin-left: .03rem;
}

.main2 .main2_1 figure h3 {
	color:#626262;
}

.main2 .main2_1 figure figcaption {
	color: #626262;
	padding: .1rem .13rem .13rem .13rem; 
}

.main2 .main2_1 ul li p{
	line-height: .18rem;
	height: 100px;
}

.main2 .main2_1 ul li:nth-child(2) figure figcaption,
.main2 .main2_1 ul li:nth-child(4) figure figcaption {
	text-align: right;
}

.main2 .main2_1 ul li:nth-child(3) figure figcaption,
.main2 .main2_1 ul li:first-child figure figcaption {
	text-align: left;
}

.main2 .main2_2 {
	position: absolute;
	top:50%;
	margin-top: -.4rem;
	left:50%;
	margin-left: -.4rem;
	width: .8rem;
}

.main2-opera {
  text-align: center;
  margin-top: .16rem;
  overflow: hidden;
}

.main2-opera a:first-child {
  margin-right: .2rem;
  background-color: #fd9834;
}
.main2-opera a {
  color: #fff;
  line-height: .35rem;
  height: .35rem;
  display: inline-block;
  width: 43%;
  border-radius: 4px;
}

.main2-opera a img {
  width: .18rem;
  vertical-align: -.02rem;
}

.main2-opera a:last-child {
  background-color: #9e243e;
}

.section2_2 {
  padding: .22rem .1rem 0 .1rem;
  background-color: #e75272!important;
}

.section2_1 .item {
  padding: 0 1%;
  display: table-cell;
  width: 53%;
}

.section2_1 img {
  width: 100%;
}

.section2_1 .item p {
  color: #fff;
}

.section2_1 span {
  vertical-align: middle;
}
.section2_1 span {
  display: table-cell;
  width: 33%;
  padding: 0 1%;
}

/* main3 */
.main3 { margin-top: .1rem }
.main3_01 ul {
	background-color: #f6f6f6;
	padding: 0 .13rem .13rem .13rem;
}

.main3_01 ul li {
	border-bottom: 1px solid #efefef;
	position: relative;
	padding: .1rem 0;
	overflow: hidden;
}

.main3_01 ul li:last-child {
	border-bottom: none;
}

.main3_01 ul li .item {
	width: 55%;
	float: left;
	color: #5f5c5c;
}

.main3_01 ul li .item p {
	color: #f55d6f;
}

.item-btn {
	width: 50%;
	position: absolute;
	bottom: .08rem;
	left: 0;
}

.item-btn a {
	font-size: .12rem;
	width: 45%;
	display: inline-block;
	height: .2rem;
	line-height: .2rem;
	text-align: center;
	color: #fff;
	border-radius: 4px;
}

.item-btn a:first-child {
	border: 1px solid #e34466;
	color: #e34466; 
	margin-right: 3%;
}

.item-btn a:last-child {
	border:1px solid #6d6b6b;
	background-color: #6d6b6b;
	color: #fff; 
}

.main3_01 ul li > span {
	float: right;
	width: 45%;
}

/* main4 */
.main4_1 {
	padding: 0 .13rem;
}

.main4 .main4_1 a {
	width: 40%;
	font-size: .16rem;
}

.main4 .main4_1 a img {
	vertical-align: -4px;
}

.main4 .main4_1 a:first-child {
	background-color: #ec5d69;
}

.main4 .main4_1 a:last-child {
	background-color: #fd9834;
}
.banner{
	position: relative;
}
.banner .swt_btn{
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0.37rem;
	width: 50%;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%) ;
	height: 0.3rem;
}
.banner .tel_btn{
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0.16rem;
	width: 50%;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%) ;
	height: 0.2rem;
}
/* main5 */

.main5 {
	padding:0 .13rem;
	margin-top: .3rem;
}

.main5 .section1,
.main5 .section2 {
	overflow: hidden;
}

.main5 figure {
	text-align: center;
}

.main5 figure figcaption {
	font-size: .12rem;
	height: .25rem;
	line-height: .25rem;
	color: #666;
	background-color: #e3e3e3;
}

.main5 ul {
	overflow: hidden;
}

.main5 ul li {
	float: left;
}

.main5 .section1 ul li:first-child {
	width: 60%;
}

.main5 ul li:first-child figure {
	margin-right: .04rem;
}

.main5 ul li:last-child {
	width: 40%;
}

.main5 ul li:last-child figure {
	margin-left: .04rem;
}

.main5 .section2 {
	margin-top: .08rem;
}

.main5 .section2 ul li {
	width: 50%;
}

footer h3 {
	background-color: #29a7e1;
	color: #fff;
	font-weight: normal;
	font-size: .16rem;
	height: .35rem;
	line-height: .35rem;
	text-align: center;
	margin-bottom: .2rem;
}

footer .contact {
	text-align: center;
}

footer .contact ul {
	overflow: hidden;
}

footer .contact ul li {
	width: 25%;
	text-align: center;
	float: left;
}

footer .contact ul li a {
	display: block;
}

footer .contact ul li figure {
	width: 75%;
	margin: 0 auto;
}

footer .contact ul li figure figcaption {
	margin-top: .1rem;
}

footer .item {
	width: 100%;
	overflow: hidden;
	margin: .15rem auto .15rem auto;
}

footer .item p {
	color: #5c5c5c;
	font-size: .13rem;
	text-align: center;
	display: inline-block;
}

footer .item p:first-child {
	margin-right: .1rem;
}

footer .item a {
	color:#cd7f3b;
}

footer .footer_nav {
	background-color: #29a7e1;
	height: .35rem;
	margin-top: .15rem;
}

footer .footer_nav ul {
	height: .35rem;
}

footer .footer_nav ul li {
	float: left;
	width: 25%;
}

footer .footer_nav ul li a {
	display: block;
	line-height: .35rem;
	text-align: center;
	color: #fff;
	font-size: 0.16rem;
}

footer .footer_nav ul li:last-child a {
	background:url();
}

footer .address {
	color: #666;
  	background-color: #eef5fb;
  	width: 100%;
  	text-align: center;
  	padding: .18rem 0;
  	background: #fff;
}

footer > a {
	color:#666;
	background-color: #e8e8e8;
	display: block;
	height: .35rem;
	line-height: .35rem;
	text-align: center;
}

@media (min-width: 640px){
	.item-btn a {
		font-size: .14rem;
		height: .28rem;
		line-height: .28rem;
	}

	.main3_01 ul li .item {
		font-size: .16rem;
	}

	.main3_01 ul li .item span {
		display: block;
		margin: .1rem 0 .02rem 0;
	}
}

@media (max-width: 639px){
	.item-btn a {
		height: .25rem;
		line-height: .25rem;
	}
}

@media(max-width: 375px){
	.main3_01 ul li .item h3 {
		margin-bottom: .02rem;
	}
}

@media(max-width: 320px) {
	.main3_01 ul li .item p {
		line-height: 1;
	}

	.item-btn a {
		line-height: .19rem;
		height: .19rem;
	}
}