@charset "gb2312";
html {font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
* ,::before,::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;}
a:active,a:hover{outline:0;text-decoration:none;}
li{list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { border:0;-webkit-touch-callout:none; vertical-align: middle; display:block}
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
input,textarea{ border:0; outline: none; resize: none; -webkit-appearance: none;}
.all-wrap p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph; }
.clearfix:before, .clearfix:after { display:table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.middle{ display:inline-block; vertical-align:middle}
.wrap { width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }
.banner .btn{ top:69%; left:5%; width:44%; line-height:3; color:#fff; font-size:2.4rem;
 border:5px solid #e68800;background:#f42c00; border-radius:60px; text-align:center}
 .banner .btn i{ width:14%; margin-left:5px;animation: handbeat .5s linear infinite;-webkit-animation: handbeat .5s linear infinite;}

.content1 .title2{ width:100%; text-align:center; top:-8%;}
.content1 .title2 h2{ color:#fff; font-size:4.8rem;}
.content1 .title2 h3{ color:#fff; font-size:3.6rem;}
.content1 .imgArea p{ color:#fff; font-size:2.4rem; bottom:7%; padding:0 8.5%}
.content1 .imgArea3 p{bottom:38%;}
.content1 .imgArea3 .btn2{ left:0; right:0; margin:auto; bottom:17%}
.btn2{ width:70%; line-height:2.8; color:#fff; font-size:3.6rem;background:#d9af01; border-radius:60px; text-align:center; display:block;}
 .btn2 i{ width:10%; margin-left:3px;animation: handbeat .5s linear infinite;-webkit-animation: handbeat .5s linear infinite;}
 
.content2{ background:#55505b; padding-bottom:10%}
.content2 h2{ width:100%; text-align:center; padding:2% 0 4%; color:#fff; font-size:4.8rem;}
.content2 .imgArea{ width:93.6%; margin:0 auto;}
.content2 .p1{ color:#fff; font-size:2.4rem; line-height:1.8; text-align:center; padding:4% 0 6%}
.content2 .btn2{ margin:0 auto;}

.content3  .title2{ padding:5% 0 1%}
.content3 h2{ width:100%; text-align:center;color:#434343; font-size:4.8rem;}
.content3 h3{width:100%; text-align:center;color:#434343; font-size:3.6rem;}
.content3 .p1{color:#434343; font-size:2.4rem; line-height:1.8; text-align:center; padding:4% 0 6%}
.content3  .img{ width:94%; margin:0 auto;}
.content3 .btn2{ margin:7% auto 5%;}

.content4{ background:#dd573e;padding-bottom:10%}
.content4 h2{ width:100%; text-align:center; color:#fff; font-size:4.8rem; padding:6.2% 0 4.2%}
.content4 .p1{ color:#fff; font-size:2.4rem; line-height:1.8; text-align:center; padding:5% 0 7%}
.content4 .btn2{ margin:0 auto;}

.content5 h2{ width:100%; text-align:center; color:#434343; font-size:4.8rem; padding:6% 0 5%}
.content5 .p1{color:#434343; font-size:2.4rem; width:66%; left:5%; line-height:1.8; text-align:center; top:3%}
.content5 .btn2{ left:10%; bottom:8%; width:54%; font-size:3rem;}

.content6{ background:#55505b; padding-bottom:5%}
.content6 h2{ width:100%; text-align:center; color:#fff; font-size:4.8rem; padding:6% 0 5%}
.content6 .txt h3{ width:100%; text-align:center; font-size:4.2rem; padding:4% 0; color:#fff;}
.content6  .img{ width:89.7%; margin:0 auto 3.5%;}
.content6  .btn2{ margin:6% auto 0;}

.content7{ background:#d9af01; padding-bottom:6.6%}
.content7 h2,.content8 h2{ width:100%; text-align:center; color:#fff; font-size:4.8rem; padding:6% 0 5%}

.content8 h2{ color:#55505b}
.content8 .btn2{ margin:3% auto 6%;}

.content9{ background:#55505b;}
.content9 h2{width:100%; text-align:center; color:#fff; font-size:4.8rem; padding:6% 0 0%}

/*手指动画*/
@keyframes handbeat {
	0%   { transform: scale(0.95);}
	100% { transform: scale(0.95);}
	50%  { transform: scale(1.10);}

}
@-webkit-keyframes handbeat {
	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);
	}
}

/*750设计稿*/
@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*/
.content7 .center3 .left{ height:140px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}