.container{ width: 100%; min-width: 1200px; background-image: url(../images/baoming.png); background-repeat: no-repeat; background-position: center bottom; background-color: #FFF; }

.logo{ display:block; box-sizing: border-box; padding-top:8.3%; padding-bottom:6%;}
.logo img{ width:700px; margin:0 auto;}

/*主体*/
.main{ box-sizing: border-box; padding:0 8%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.bm-img{ width: 56%; overflow: hidden; }
.bm-img img{ width: 100%; }
.bm-form{ width: 44%; box-sizing: border-box; border:1px solid #e5e5e5; padding:5% 3%; background-color: #FFF; }
.bm-form > ul{ width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.bm-form > ul > li{ width:100%; height: 54px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.bm-form > ul > li > p{ flex:1; }
.bm-form > ul > li > p > input{ width: 100%; height: 54px; box-sizing: border-box; padding:0 20px; border:1px solid #e7e7e7;  font-size: 14px;}
.bm-form > ul > li:nth-last-of-type(1) > p > input{ cursor: pointer; background-color: #9f7fd4; border:1px solid #9f7fd4; color: #FFF; }
.bm-form > ul > li > a{ width: 140px; display: block; border-radius: 6px; overflow: hidden; margin-left:5%; }
.bm-form > ul > li > a img{ width: 100%; }
/*底部*/
.copyright{ line-height: 3; font-size: 14px; padding-top: 5.5%; padding-bottom:12.8%; }