

.main{padding:40px 0;text-align:center;border-bottom:1px solid #949494;}
.main .content p{color:#656565;font-size:16px;line-height:24px;text-align:left;padding:12px 0;}
.main .content img{max-width:100%;height: auto !important;}

.mainfoot{border-bottom:1px solid #949494;height:134px;line-height:134px;text-align:center;}
.mainfoot .mainfootbtn{margin:0 8px;display:inline-block;*display:inline;*zoom:1;font-size:22px;width:215px;height:50px;border:2px solid #3f87f5;color:#3f87f5;text-align:center;line-height:50px;cursor:pointer;}
.mainfoot .mainfootbtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.mainfoot .mainfootbtn.on{background:#3f87f5;color:#fff;}
.mainfoot .mainfootbtn:hover{background:#3f87f5;color:#fff;}
.mainfoot .mainfootbtn.on:hover{border:2px solid #3f87f5;color:#3f87f5;background:#fff;}

@media  (max-width: 479px) {
.main{padding:10px 0;}
.main .container{width:93.75%;}
.main .content p{font-size:12px;line-height:18px;padding:5px 0;}
.mainfoot{height:auto;line-height:normal;padding:10px 0;}
.mainfoot .container{width:100%;}
.mainfoot .mainfootbtn{margin:2px 6px;font-size:18px;width:100%;height:42px;border:1px solid #3f87f5;line-height:42px;width:45%;}
.mainfoot .mainfootbtn.on:hover{border:1px solid #3f87f5;}
}
@media (min-width: 480px) and (max-width: 639px) {
.main{padding:10px 0;}
.main .container{width:93.75%;}
.main .content p{font-size:12px;line-height:18px;padding:5px 0;}
.mainfoot{height:auto;line-height:normal;padding:10px 0;}
.mainfoot .container{width:100%;}
.mainfoot .mainfootbtn{margin:2px 6px;font-size:18px;width:100%;height:42px;border:1px solid #3f87f5;line-height:42px;width:45%;}
.mainfoot .mainfootbtn.on:hover{border:1px solid #3f87f5;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.main{padding:34px 0;}
.main .container{width:93.75%;}
.main .content p{font-size:14px;line-height:20px;padding:10px 0;}
.mainfoot{height:110px;line-height:110px;}
.mainfoot .mainfootbtn{margin:0 6px;font-size:18px;width:182px;height:42px;border:2px solid #3f87f5;line-height:42px;}
.mainfoot .mainfootbtn.on:hover{border:2px solid #3f87f5;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.main{padding:28px 0;}
.main .container{width:796px;}

.main .content p{font-size:12px;line-height:16px;padding:8px 0;}
.mainfoot{height:94px;line-height:94px;}
.mainfoot .container{width:796px;}
.mainfoot .mainfootbtn{margin:0 5px;font-size:15px;width:151px;height:34px;border:1px solid #3f87f5;line-height:34px;}
.mainfoot .mainfootbtn.on:hover{border:1px solid #3f87f5;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.main{padding:28px 0;}
.main .container{width:796px;}

.main .content p{font-size:12px;line-height:16px;padding:8px 0;}
.mainfoot{height:94px;line-height:94px;}
.mainfoot .container{width:796px;}
.mainfoot .mainfootbtn{margin:0 5px;font-size:15px;width:151px;height:34px;border:1px solid #3f87f5;line-height:34px;}
.mainfoot .mainfootbtn.on:hover{border:1px solid #3f87f5;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.main{padding:34px 0;}
.main .container{width:960px;}

.main .content p{font-size:14px;line-height:20px;padding:10px 0;}
.mainfoot{height:114px;line-height:114px;}
.mainfoot .container{width:960px;}
.mainfoot .mainfootbtn{margin:0 6px;font-size:18px;width:182px;height:42px;border:2px solid #3f87f5;line-height:42px;}
.mainfoot .mainfootbtn.on:hover{border:2px solid #3f87f5;}
}