/*banner*/
.banner{ position:relative; top:0; left:0;}
.banner img.banner_img{width:100%;}
.banner_tet1{ position:absolute; bottom:136px; left:50%; margin-left:-600px; width:1200px; text-align:left; color:#fff;}
.banner_tet1 h1{ font-size:58px; line-height:1; padding-bottom:22px;}
.banner_tet1 p{ color:#fff; font-size:24px; line-height:60px;}
.banner_icon{ position:absolute; bottom:53px; left:50%; z-index:99; margin-left:-17px; width:34px;}
.banner_icon img{
	-webkit-animation: 	appearTitleRT 1s infinite ease-in-out;
	-moz-animation: 	appearTitleRT 1s infinite ease-in-out;
	-ms-animation: 		appearTitleRT 1s infinite ease-in-out;
	-o-animation: 		appearTitleRT 1s infinite ease-in-out;
	animation: 			appearTitleRT 1s infinite ease-in-out;
}
/*main*/
/*sec1*/
.sec1{ padding:96px 0 106px;}
.sec1 h1{ color:#221815; font-size:30px; line-height:1; font-weight:normal; text-align:center; padding-bottom:74px;}
.sec1 img,.sec2 img{ max-width:100%;}
.sec1 .f-left,.sec1 .f-right{ width:50%;}
.sec1 p{ width:90%; margin:0 auto; color:#333; font-size:14px; line-height:36px; font-weight:normal; padding-top:60px;}
/*sec2*/
.sec2.bgcolor{ background-color:#f6f8f5;}
.sec2{ padding:134px 0 112px;}
.sec_img{ width:29%;}
.sec_tet{ width:64%;}
.sec_tet .f-left,.sec_tet .f-right{ width:50%;}
.sec2 .f-right.sec_img{ text-align:right;}
.sec2 h1{ font-size:36px; line-height:1.5; font-weight:normal; padding-bottom:40px;}
.sec2 .sec_tet p{ width:90%; color:#333; font-size:16px; line-height:36px; font-weight:normal;}
.sec2.blue h1{ color:#3d6caa;}
.sec2.blue .sec_tet p span{ color:#3d6caa;}
.sec2.blue .sec_tet p{ padding-left:12%;}
.sec2.silver h1{ color:#97999c;}
.sec2.silver .sec_tet p span{ font-weight:normal;}
.sec2.silver .sec_tet p{ padding-top:60px;}
.sec2.gold h1{ color:#dc9a28;}
.sec2.gold .sec_tet p span{ color:#dc9a28;}
.sec2.gold .sec_tet .f-left{ width:55%;}
.sec2.gold .sec_tet .f-right{ width:45%;}
.sec2.platinum h1{ color:#97999c;background: linear-gradient(180deg, #949494,#e0e0e0,#949494);-webkit-background-clip: text; color: transparent;}
.sec2.platinum .sec_tet p span{ font-weight:normal;}
.sec2.platinum .sec_img{ padding-top:45px;}
@media only screen and (max-width:1600px){
	/*banner*/
	.banner_tet1{ bottom:100px;}
}
@media only screen and (max-width:1440px){
	/*banner*/
	.banner_tet1 h1{ font-size:40px;}
	.banner_tet1 p{ font-size:20px; line-height:40px;}
}
@media only screen and (max-width:1280px){
	/*banner*/
	.banner_tet1{ bottom:80px; left:5%; margin-left:0; width:90%;}
	/*main*/
	/*sec1*/

}
@media only screen and (max-width:1152px){
	/*banner*/
	.banner_tet1{bottom:50px;}
	/*main*/
	/*sec2*/

}
@media only screen and (max-width:1024px){
	/*banner*/
	.banner_tet1 h1{ font-size:38px;}
	.banner_tet1 p{ font-size:20px; line-height:36px;}
	/*main*/
	/*sec1*/
	.sec1 p{ padding-top:10px;}
	/*sec1*/
	.sec2 h1{ font-size:32px;}
	.sec2.silver .sec_tet p{ padding-top:0px;}
}
@media only screen and (max-width:1023px){
	/*banner*/
	.banner_tet1{ bottom:65px; text-align:center;}
	.banner_tet1 h1{ font-size:3rem;padding-bottom:18px;}
	.banner_tet1 p{ font-size:1.3rem; line-height:3rem;}
	.banner_icon{ bottom:10px;margin-left:-10px; width:20px;}
	/*main*/
	/*sec1*/
	.sec1{ padding:50px 0 40px;}
	.sec1 h1{ font-size:1.6rem; padding-bottom:30px;}
	.sec1 img,.sec2 img{ max-width:100%;}
	.sec1 .f-left,.sec1 .f-right{ width:50%;}
	.sec1 p{ width:90%; font-size:1.2rem; line-height:1.9rem; padding-top:60px;}
	/*sec2*/
	.sec2.bgcolor{ background-color:#f6f8f5;}
	.sec2{ padding:40px 0 50px;}
	.sec_img{ width:29%;}
	.sec_tet{ width:64%;}
	.sec_tet .f-left,.sec_tet .f-right{ width:50%;}
	.sec2 h1{ font-size:1.9rem; padding-bottom:25px;}
	.sec2 .sec_tet p{ width:90%; font-size:1.2rem; line-height:1.9rem;}
	.sec2.blue .sec_tet p{ padding-left:12%; padding-top:40px;}
	.sec2.silver .sec_tet p{ padding-top:80px;}
	.sec2.gold .sec_tet .f-left{ width:55%;}
	.sec2.gold .sec_tet .f-right{ width:45%;}
	.sec2.platinum .sec_img{ padding-top:0px;}
	
}
@media only screen and (max-width:800px){
	/*sec1*/
	.sec1 p{ padding-top:40px;}
	/*sec2*/
	.sec2.blue .sec_tet p{ padding-top:0px;}
	.sec2.silver .sec_tet p{ padding-top:30px;}
}
@media only screen and (max-width:768px){
	/*sec1*/
	.sec1 p{ padding-top:20px;}
}
@media only screen and (max-width:667px){
	/*sec1*/
	.sec1 p{ padding-top:10px;}
	/*sec2*/
	.sec2.blue .sec_tet p{ padding-left:0%;}
}
@media only screen and (max-width:568px){
	/*sec1*/
	.sec1 .f-left,.sec1 .f-right{ width:100%;}
	.sec1 p{ width:100%; padding-top:25px;}
	/*sec2*/
	.sec_img{ width:100%;}
	.sec_img img{ width:200px;}
	.sec_tet{ width:100%; padding-top:25px;}
	.sec_tet .f-left,.sec_tet .f-right{ width:100%;}
	.sec2 .sec_tet p{ width:100%;}
	.sec2.blue .sec_tet p{ padding-left:0;}
	.sec2.gold .sec_tet .f-left{ width:100%;}
	.sec2.gold .sec_tet .f-right{ width:100%;}
	.sec2.silver .sec_tet p{ padding-top:0px;}

}
@media only screen and (max-width:320px){

	/*main*/
	/*sec1*/
	
}
/*试试向下按钮-出现效果*/
@-webkit-keyframes appearTitleRT {
	0%	{ opacity: 0; -webkit-transform: translateY(-10px);}
	100%{ opacity: 1; -webkit-transform: translateY(0px);}
}@-moz-keyframes appearTitleRT {
	0%	{ opacity: 0; -moz-transform: translateY(-10px);}
	100%{ opacity: 1; -moz-transform: translateY(0px);}
}@-ms-keyframes appearTitleRT {
	0%	{ opacity: 0; -ms-transform: translateY(-10px);}
	100%{ opacity: 1; -ms-transform: translateY(0px);}
}@-o-keyframes appearTitleRT {
	0%	{ opacity: 0; -o-transform: translateY(-10px);}
	100%{ opacity: 1; -o-transform: translateY(0px);}
}@keyframes appearTitleRT {
	0%	{ opacity: 0; transform: translateY(-10px);}
	100%{ opacity: 1; transform: translateY(0px);}
}