@charset "utf-8";
.part1 h1{ margin-bottom:10px;}
.part1 p{ width:90%; margin:0 auto; text-align:left; margin-bottom:10px; font-size:14px; line-height:20px; }
.part1 .how{ width:300px; height:50px; line-height:50px; border-radius:5px; background:#40a23d; color:#fff; text-align:center; font-size:16px; font-weight:bold;}

.part2{ background:#82c34d; }
.part2 h1{ color:#ffff00;}
.part2 p{ width:90%; margin:8px auto; font-size:14px; line-height:20px;  }
.part2 .p1{ color:#154c1a; font-weight:bold;}
.part2 .p2{ font-weight:bold; text-align:left;}
.part2 .p3{ text-align:left;}
.part2 .help{ color:#fff;}

.part3 p{ width:90%; margin:8px auto; }
.part3 p font{ color:#4992df;}
.part3 img{ width:95%;}

.part4{ background:#353535;}
.part4 .content{ width:300px; margin:0 auto;}
.part4 .content .img img{ width:35px;}
.part4 .content .con{ margin-left:10px; color:#fff; text-align:left;}

.part5 .round{ background:#66aef8;}
.part5 .title{ margin-left:5px; color:#66aef8; line-height:24px; font-size:14px; font-weight:bold;}
.part5 dl{ width:90%; margin:0 auto;}
.part5 dl dd{ margin:5px 0;}
.part5 dl dt{ width:190px; margin:10px auto;}
.part5 dl dd img{ width:90%; }
.part5 dl .one{ width:300px; margin:0 auto;}
.part5 dl .one .store1,.part5 dl .one .store2{ width:300px; height:280px; float:left; margin:5px;}
.part5 dl .one div p{ width:80%; margin:0 auto; text-align:left; color:#fff; margin-bottom:10px;}
.part5 dl .one div p:first-child{ margin-top:15px;}
.part5 dl .one div img{ width:80%;}
.part5 dl .one .store1{ background:#ff9e2d;}
.part5 dl .one .store2{ background:#ff6e2f;}
.part5 dl .three_01{ background:#4bc0a6; width:300px; padding:15px 0; margin:0 auto;}
.part5 dl .three_01 p,.part5 dl .three_02 p{ width:90%; margin:0 auto 15px; text-align:left; color:#fff;}
.part5 dl .arrow{ margin:5px 0;}
.part5 dl .arrow img{ width:80px; }
.part5 dl .three_02{ background:#4fa9ce; width:300px; padding:15px 0; margin:0 auto;}
.part5 dl .three_02 p{ margin:15px auto;}
.part5 dl .four{ width:300px; margin:5px auto;}
.part5 dl .four ul li{ width:130px; height:150px; float:left; margin:8px; background:#eee; border-radius:4px; text-align:left;}
.part5 dl .four ul li:last-child{ margin-left:85px;}
.part5 dl .four .round{ background:#4fa9ce; margin:10px auto;}
.part5 dl .four ul li p{ width:90%; margin:0 auto;}

@media only screen and (min-width: 768px) {
.part3 img{ width:70%;}	
.part5 dl .one{ width:640px;}
.part5 dl .four{ width:600px;}
.part5 dl .four ul li{ width:180px; height:150px; float:left; margin:8px; background:#eee; border-radius:4px; text-align:left;}
.part5 dl .four ul li:last-child{ margin-left:8px;}
.part5 dl .four ul li.marginL{ margin-left:100px;}

	
}