@charset "gb2312";
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 'Î¢ÈíÑÅºÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em,i{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{outline:none}
body,html{margin:0 auto;}
img {border:none;vertical-align:middle;}
* {margin:0;padding:0;text-shadow:none;}
.mg0{margin-right: 0!important;}
.flex{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align: stretch;
	align-items:stretch
}
.clearfix:after,.clear:before{
	display:table;
	content:'';
}
.clearfix:after{
	clear:both;
	overflow:hidden;
}
.clearfix{
	zoom:1;
}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.btn1{display: block;width: 35%;margin:  0 auto;font-size: 1.8rem;background: #FE3808;padding: 3% 0;border-radius: 50px;color: #fff;text-align: center;}
.icon{animation: heartbeat .5s linear infinite;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%)!important;-ms-transform:translateX(-50%)!important;-o-transform:translateX(-50%)!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;}
.container{min-width:320px;max-width: 750px; margin: 0 auto;overflow: hidden}

.banner .banner_btn1{width: 33.3%;left: 16%;padding-left: 2%;bottom: 8%;z-index: 2}

.box01{background: #F6EAEA;padding: 10% 0 6%;}
.box01 h1{font-size: 4.8rem;text-align: center;color: #434343;}
.box01 h2{font-size: 2.0rem;text-align: center;color: #959595;}
.box01 .center1_text{display: block;width: 49%;left: 48%;top: 12%;text-align: center}
.box01 .center1_text h3{font-size: 3.0rem;color: #fff;margin-bottom: 2%}
.box01 .center1_text p{font-size: 2.0rem;color: #fff;}
.box01 .box01_btn1{width: 38.13%;margin: 0 auto;font-size:1.8rem}
.box01 h4{font-size: 4.8rem;text-align: center;color: #434343;padding-top: 4%}
.box01 h5{font-size: 3.0rem;text-align: center;color: #434343;line-height: 1.2;padding-bottom: 3%}
.box01 .p1{font-size: 2.0rem;color: #959595;text-align: center;width: 96%;margin: 0 auto}
.box01 .box01_ul{width: 78.66%;margin: 4% auto 2%;}
.box01 .box01_ul li{width: 31.18%;margin-right: 2.4%;margin-bottom: 4%;text-align: center}
.box01 .box01_ul li .p2{font-size: 2.4rem;color: #434343;padding: 2% 0;}
.box01 .box01_ul li .p3{font-size: 1.8rem;color: #959595;line-height: .8;}
.box01 .box01_btn2{width: 46.46%;margin-left: 2%;font-size: 1.8rem;}
.box01 .box01_btn3{width: 46.46%;margin-right: 2%;font-size: 1.8rem;}
.box01 .anli1{width: 96%;margin: 2% auto}
.box01 .hd{text-align: center;width: 100%;margin-top: 6%}
.box01 .hd ul li{ display:inline-block;background: none;border: 1px solid #FF784B;width:14px; height:14px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.box01 .hd ul .on{ background:#FF784B;}


.relative{ position:relative}
.absolute{ position:absolute}
.anli{ top:0%; left:0%; width:100%;}

/* »ÃµÆÆ¬css -------------------------------------- */
.slideBoxb { position:relative; overflow:hidden; }
.slideBoxb .hd { position:absolute; line-height:18px; bottom:15px; width:100%; text-align:center;z-index:1; }
.slideBoxb .hd li { display:inline-block; width:13px; height:13px; line-height:124px; margin:0 5px; overflow:hidden; color:#fff; background:#f1d7c3; cursor:pointer; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; list-style-type:none; }
.slideBoxb .hd li.on { background:#8395ef }
.slideBoxb .bd li { position:relative; text-align:center;  list-style-type:none;}
.slideBoxb .bd li img { vertical-align:top; width:100%;}
.slideBoxb .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/* »ÃµÆÆ¬css -------------------------------------- */
.slideBoxa { position:relative; overflow:hidden; }
.slideBoxa .hd { display:none}
.slideBoxa .bd li { position:relative; text-align:center; list-style-type:none; }
.slideBoxa .bd li img { vertical-align:top; width:100%;}
.slideBoxa .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }




.box07 .hd{text-align: center;width: 100%;margin-bottom: 6%}
.box07 .hd ul li{ display:inline-block;background: none;border: 1px solid #FF784B;width:14px; height:14px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.box07 .hd ul .on{ background:#FF784B;}


.box02{background: #fff;padding: 8% 0 6%;}
.box02 h1{font-size: 2.4rem;color: #434343;text-align: center;}
.box02 h2{font-size: 3.6rem;color: #434343;text-align: center}
.box02 .box02_ul1{width: 96%;margin: 4% auto 2%;}
.box02 .box02_ul1 li{width: 48.75%;box-shadow: 6px 6px 6px #E9E9E9}
.box02 .box02_ul2{width: 96%;margin: 4% auto 6%;}
.box02 .box02_ul2 li{width: 32.08%;margin-right: 1.8%;box-shadow: 6px 6px 6px #E9E9E9}
.box02 .box02_btn1{width: 35.46%;margin-left: 11.4%;font-size:1.8rem}
.box02 .box02_btn2{width: 35.46%;margin-right: 11.4%;font-size:1.8rem}


.box03{background: #EC6944;padding: 8% 0 6%;}
.box03 h1{font-size: 4.0rem;color: #fff;text-align: center}
.box03 .box03_img1234{width: 96%;margin: 4% auto;}
.box03 .box03_btn1{width: 35.46%;margin-left: 11.4%;font-size: 1.8rem;}
.box03 .box03_btn2{width: 35.46%;margin-right: 11.4%;font-size: 1.8rem;}


.box04{background: #FFFFFF;padding: 8% 0 6%;}
.box04 h1{font-size: 3.0rem;color: #434343;text-align: center}
.box04 h2{font-size: 4.8rem;color: #434343;text-align: center;line-height: 1.4}
.box04 .box04_img1{width: 96%;margin: 4% auto;}
.box04 .box04_btn1{width: 38.46%;margin-left: 11.4%;font-size:1.8rem}
.box04 .box04_btn2{width: 35.46%;margin-right: 11.4%;font-size:1.8rem}


.box05 h1{width: 73.86%;margin: 0 auto;padding: 16% 0 6%}
.box05 .box05_gif1{display: block;left: 28%;top: 28%;width: 20.8%;height: 0;padding-bottom: 20.8%;overflow: hidden;border-radius: 50px;background: url("../images/box05_gif1.gif") no-repeat center center;background-size: 210%}
.box05 .box05_btn1{width: 35.46%;left: 50%;bottom: 8%;font-size:1.8rem}



.box06{background: #fff;padding: 8% 0;}
.box06 h1{font-size: 4.8rem;color: #434343;text-align: center}
.box06 h2{font-size: 2.4rem;color: #434343;text-align: center;line-height: 1.4}
.box06 .box06_video1{width: 96%;margin: 4% auto;border: 2px solid #343434}
.box06 .box06_video1 .video_img{display: block;position: relative;z-index: 2;}
.box06 video{width:101%;height:101%;left: 50%;top: 50.2%;background: #000;}
.box06 .box05_img1{margin: 2% auto 4%}
.box06 ul{width: 78.66%;margin: 0 auto}
.box06 ul li{width: 48.56%;margin-bottom: 2%}
.box06 p{font-size: 2.4rem;color: #7d7d7d;padding: 3% 0;text-align: center}
.box06 .box06_btn1{width: 35.2%;margin: 0 auto;font-size:1.8rem}

.box07{background: #fff;padding: 6% 0}
.box07 h1{color: #434343;text-align: center;font-size: 4.2rem;background: #F6EAEA;padding-top: 4%}
.box07 h2{color: #7d7d7d;text-align: center;font-size: 3.0rem;background: #F6EAEA;padding-bottom: 4%}
.box07 .lj{width: 100%;}
.box07 .lj .box07_btn1{width: 29.86%;right: 12%;bottom: 12%;font-size:1.8rem}
.box07 h3{color: #434343;text-align: center;font-size: 4.8rem;}
.box07 h4{color: #7d7d7d;text-align: center;font-size: 3.0rem;}
.box07 p{color: #7d7d7d;text-align: left;font-size: 2.0rem;margin: 1% auto 4%;width: 96%}
.box07 .box07_ul1{width: 96%;margin: 0 auto;}
.box07 .box07_ul1 li{width: 32%;font-size: 1.6rem;margin-right: 2%;color: #7d7d7d;text-align: center}
.box07 .box07_ul1 li p{text-align: center}
.box07 .box07_ul2{width: 63%;margin: 4% auto;}
.box07 .box07_ul2 li{width: 49%;font-size: 1.6rem;margin-right: 2%;color: #7d7d7d;text-align: center}
.box07 .box07_ul2 li p{text-align: center}
.box07 .box07_btn2{width: 35.2%;margin-left: 10%;}
.box07 .box07_btn3{width: 35.2%;margin-right: 10%;}

.box08{background: #EC6944;padding: 8% 0 2%;}
.box08 h1{text-align: center;color: #fff;font-size: 2.6rem;}
.box08 h2{text-align: center;color: #fff;font-size: 4.8rem;}
.box08 .box08_ul{width: 85.33%;margin: 20% auto 0%}
.box08 .box08_ul li{width: 30.3%;margin-right: 4.2%;margin-bottom: 20%;background: #fff;height: 0;padding-bottom: 55%;border-radius: 8px;}
.box08 .box08_ul li .num{display: block;width: 94.3%;left: 50%;top: -34%}
.box08 .box08_ul li p{font-size: 1.6rem;width: 90%;margin: 0 auto;padding-top: 48%}


/*ÊÖÖ¸¶¯»­*/
@keyframes heartbeat {
	0%   { transform: scale(0.95);}
	100% { transform: scale(0.95);}
	50%  { transform: scale(1.10);}

}
@-webkit-keyframes heartbeat {
	0%   { -webkit-transform: scale(0.95);}
	100% { -webkit-transform: scale(0.95);}
	50%  { -webkit-transform: scale(1.10);}
}

@keyframes echo {
	0%{
		opacity:0.1;
		transform: scale(1);
	}
	100%{
		opacity:0;
		transform: scale(1.4);
	}
}
@-webkit-keyframes echo {
	0%{
		opacity: 0.1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100%{
		opacity: 0;
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}

@media screen and (min-width:320px) and (max-width:374px) {
	html{font-size:26.2%;}/*0.42*/
}
@media screen and (min-width:375px) and (max-width:409px) {
	html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
	html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
	html{font-size:40%;}/*0.64*/
}
