* { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%;}
body {margin: 0 auto;font-family: MicrosoftYaHei, arial, helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;color: #333;}
::selection { color: #fff; background: #006FE8; }
img {border: none; vertical-align: middle; max-width: 100%;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;}
input[type="submit"], textarea[type="submit"] { cursor: pointer; }
input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }
input[type="radio"], textarea[type="radio"] { cursor: pointer; }
input, textarea, select {font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none;font-family: MicrosoftYaHei;}
input:focus, textarea:focus, select:focus { outline: none; }
textarea { resize: none; }
a {text-decoration: none;color: #333;outline: none; display: inline-block; }
a:hover,a.active  {color: #006FE8;text-decoration: none;transition: 0.5s ease-in-out;}
a:hover {text-decoration: none;color: #006FE8;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;cursor: pointer; }
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
.banner{position: relative;box-sizing: border-box;}
.index-main>div{position: relative;}

.index-main .index-banner{position: relative;width: 100%;display: block;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.index-main .index-banner .banner-img{position: relative;width: 100%;display: block;overflow: hidden;}
.index-main .index-banner .ban-pic{width: 100%;display: block;}
.index-main .index-banner .banner-info{position: absolute;top: 0;left: 50%;transform: translateX(-50%); padding-top: 15.989583333%;width: 870px;max-width: 80%;z-index: 222;}
.index-main .index-banner .banner-info .banner-info-form{position: relative;width: 100%;background: rgba(255,255,255,0.5);box-shadow: 0px 0px 29px 0px rgba(56,84,122,0.18);border-radius: 36px;padding: 15px;border: 2px solid #FFFFFF;}
.index-main .index-banner .banner-info-form .banner-form{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.index-main .index-banner .banner-info-form .banner-form .item-title{position: relative;display: inline-block;vertical-align: top;font-weight: bold;font-size: 18px;color: #FFFFFF;text-transform: uppercase;line-height: 40px;}
.index-main .index-banner .banner-info-form .banner-form .item-input{position: relative;width: calc((100% - 314px) / 2 - 14px);height: 40px;background: #FFFFFF;border-radius: 19px;border: 1px solid #C9C9C9;}
.index-main .index-banner .banner-info-form .banner-form .item-input input{position: relative;display: block;width: 100%;height: 100%;line-height: 30px;font-size: 16px;color: #333;padding: 4px 12px;}
.index-main .index-banner .banner-info-form .banner-form .item-input-btn{position: relative;width: 154px;text-align: center;}
.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{position: relative;display: inline-block;vertical-align: top;text-align: center;width: 100%;font-size: 18px;color: #FFFFFF;line-height: 30px;padding: 5px;background: #FF7E28;border-radius: 20px;cursor: pointer;}
.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn:hover{background: #006FE8;}

@media screen and (max-width: 1459px) {
	.index-main .index-banner .banner-info{padding-top: 15.95%;width: 850px;}
	.index-main .index-banner .banner-info .banner-info-form{border-radius: 34px;padding: 13px;}
	.index-main .index-banner .banner-info-form .banner-form .item-title{font-size: 18px;line-height: 36px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{width: calc((100% - 310px) / 2 - 14px);height: 40px;border-radius: 18px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 30px;font-size: 16px;padding: 4px 12px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{width: 148px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{font-size: 18px;line-height: 30px;padding: 4px;border-radius: 19px;}
}
@media screen and (max-width: 1259px) {
	.index-main .index-banner .banner-info{padding-top: 15.95%;width: 820px;}
	.index-main .index-banner .banner-info .banner-info-form{border-radius: 32px;padding: 12px;}
	.index-main .index-banner .banner-info-form .banner-form .item-title{font-size: 18px;line-height: 36px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{width: calc((100% - 310px) / 2 - 14px);height: 36px;border-radius: 16px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 28px;font-size: 16px;padding: 3px 12px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{width: 142px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{font-size: 16px;line-height: 28px;padding: 4px;border-radius: 18px;}
}
@media screen and (max-width: 1024px) {
	.index-main .index-banner .banner-info{padding-top: 15.95%;width: 750px;}
	.index-main .index-banner .banner-info .banner-info-form{border-radius: 30px;padding: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-title{font-size: 16px;line-height: 32px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{width: calc((100% - 280px) / 2 - 12px);height: 36px;border-radius: 16px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 28px;font-size: 15px;padding: 3px 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{width: 132px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{font-size: 16px;line-height: 28px;padding: 4px;border-radius: 16px;}
}
@media screen and (max-width: 750px) {
	.index-main .index-banner .banner-info{padding-top: 10px;position: relative;left: 0;transform: translateX(0); width: 100%;max-width: none;}
	.index-main .index-banner .banner-info .banner-info-form{border-radius: 30px;padding: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-title{font-size: 16px;line-height: 32px;display: block;width: 100%;color: #222222;margin-bottom: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{width: calc((100% - 160px) / 2 - 12px);height: 36px;border-radius: 16px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 28px;font-size: 15px;padding: 3px 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{width: 132px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{font-size: 16px;line-height: 28px;padding: 4px;border-radius: 16px;}
}
@media screen and (max-width: 560px) {
	.index-main .index-banner .banner-info{padding-top: 10px;position: relative;left: 0;transform: translateX(0); width: 100%;}
	.index-main .index-banner .banner-info .banner-info-form{border-radius: 30px;padding: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-title{font-size: 16px;line-height: 32px;display: block;width: 100%;color: #222222;margin-bottom: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{width: calc(100% / 2 - 12px);height: 36px;border-radius: 16px;margin-bottom: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 28px;font-size: 15px;padding: 3px 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{position: relative;width: 100%;text-align: center;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{width: 132px;font-size: 16px;line-height: 28px;padding: 4px;border-radius: 16px;}
}
@media screen and (max-width: 400px) {
	.index-main .index-banner .banner-info{padding-top: 10px;position: relative;left: 0;transform: translateX(0); width: 100%;}
	.index-main .index-banner .banner-info .banner-info-form{border-radius: 30px;padding: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-title{font-size: 16px;line-height: 32px;display: block;width: 100%;color: #222222;margin-bottom: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{width: 100%;height: 36px;border-radius: 16px;margin-bottom: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 28px;font-size: 15px;padding: 3px 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{position: relative;width: 100%;text-align: center;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{width: 132px;font-size: 16px;line-height: 28px;padding: 4px;border-radius: 16px;}
}
