* { 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-img .pic-video{width: 100%;display: block;}
.index-main .index-banner .banner-info{position: absolute;top: 0;left: 13.54166666666667%;padding-top: 7.24%;width: 480px;z-index: 222;}
.index-main .index-banner .banner-info .banner-info-title{position: relative;width: 100%;font-family: SourceHanSansCN-Bold; font-weight: bold;font-size: 72px;color: #222;line-height: 93px;}
.index-main .index-banner .banner-info .banner-info-title span{display: block;color: #006FE8;}
.index-main .index-banner .banner-info .banner-info-form{position: relative;width: 100%;margin-top: 42px;max-width: 333px;}
.index-main .index-banner .banner-info .banner-info-form .banner-form-box{position: relative;width: 100%;background: rgba(255,255,255,0.5);box-shadow: 0px 0px 29px 0px rgba(56,84,122,0.18);padding: 26px 18px 17px;border-radius: 20px;border: 1px solid #FFFFFF;}
.index-main .index-banner .banner-info .banner-info-form .banner-form-box .titles{font-family: SourceHanSansCN-Bold;font-weight: bold;font-size: 18px;color: #222;line-height: 28px;text-transform: uppercase;}
.index-main .index-banner .banner-info-form .banner-form{position: relative;width: 100%;margin-top: 22px;}
.index-main .index-banner .banner-info-form .banner-form .item-input{position: relative;width: 100%;height: 50px;background: #FFFFFF;border-radius: 12px;border: 1px solid #E9E9E9;margin-bottom: 14px;}
.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: 18px;color: #333;padding: 4px 12px;}
.index-main .index-banner .banner-info-form .banner-form .item-input-btn{position: relative;width: 100%;padding-top: 15px;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;min-width: 155px;font-size: 18px;color: #FFFFFF;line-height: 31px;padding: 9px 12px;background: #FF7E28;border-radius: 12px;cursor: pointer;}
.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn:hover{background: #006FE8;}

@media screen and (max-width: 1859px) {
	.index-main .index-banner .banner-info{left: 13.25%;padding-top: 7%;width: 480px;}
	.index-main .index-banner .banner-info .banner-info-title{font-size: 64px;line-height: 88px;}
	.index-main .index-banner .banner-info .banner-info-form{margin-top: 36px;max-width: 328px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box{padding: 24px 15px 16px;border-radius: 18px;border-width: 2px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box .titles{font-size: 18px;line-height: 28px;}
	.index-main .index-banner .banner-info-form .banner-form{margin-top: 20px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{height: 46px;border-radius: 10px;margin-bottom: 12px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 28px;font-size: 16px;padding: 4px 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{padding-top: 12px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{min-width: 148px;font-size: 16px;line-height: 28px;padding: 8px 12px;border-radius: 10px;}
}
@media screen and (max-width: 1659px) {
	.index-main .index-banner .banner-info{left: 13.25%;padding-top: 6%;width: 460px;}
	.index-main .index-banner .banner-info .banner-info-title{font-size: 56px;line-height: 80px;}
	.index-main .index-banner .banner-info .banner-info-form{margin-top: 30px;max-width: 320px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box{padding: 20px 12px 14px;border-radius: 16px;border-width: 2px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box .titles{font-size: 18px;line-height: 28px;}
	.index-main .index-banner .banner-info-form .banner-form{margin-top: 18px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{height: 46px;border-radius: 10px;margin-bottom: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 28px;font-size: 16px;padding: 4px 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{padding-top: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{min-width: 148px;font-size: 16px;line-height: 28px;padding: 8px 12px;border-radius: 10px;}
}
@media screen and (max-width: 1459px) {
	.index-main .index-banner .banner-info{left: 12.5%;padding-top: 5.5%;width: 440px;}
	.index-main .index-banner .banner-info .banner-info-title{font-size: 48px;line-height: 66px;}
	.index-main .index-banner .banner-info .banner-info-form{margin-top: 24px;max-width: 320px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box{padding: 18px 10px 12px;border-radius: 16px;border-width: 2px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box .titles{font-size: 16px;line-height: 26px;}
	.index-main .index-banner .banner-info-form .banner-form{margin-top: 14px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{height: 42px;border-radius: 8px;margin-bottom: 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 26px;font-size: 15px;padding: 4px 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{padding-top: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{min-width: 142px;font-size: 15px;line-height: 26px;padding: 7px 10px;border-radius: 8px;}
}
@media screen and (max-width: 1259px) {
	.index-main .index-banner .banner-info{left: 12.5%;padding-top: 5%;width: 420px;}
	.index-main .index-banner .banner-info .banner-info-title{font-size: 36px;line-height: 48px;}
	.index-main .index-banner .banner-info .banner-info-form{margin-top: 20px;max-width: 320px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box{padding: 18px 10px 12px;border-radius: 16px;border-width: 2px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box .titles{font-size: 16px;line-height: 26px;}
	.index-main .index-banner .banner-info-form .banner-form{margin-top: 14px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{height: 42px;border-radius: 8px;margin-bottom: 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 26px;font-size: 15px;padding: 4px 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{padding-top: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{min-width: 142px;font-size: 15px;line-height: 26px;padding: 7px 10px;border-radius: 8px;}
}
@media screen and (max-width: 1024px) {
	.index-main .index-banner .banner-info{left: 12%;padding-top: 4%;width: 400px;}
	.index-main .index-banner .banner-info .banner-info-title{font-size: 28px;line-height: 40px;}
	.index-main .index-banner .banner-info .banner-info-form{margin-top: 16px;max-width: 280px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box{padding: 16px 8px 8px;border-radius: 12px;border-width: 1px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box .titles{font-size: 14px;line-height: 24px;}
	.index-main .index-banner .banner-info-form .banner-form{margin-top: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{height: 36px;border-radius: 6px;margin-bottom: 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 24px;font-size: 14px;padding: 4px 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{padding-top: 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{min-width: 136px;font-size: 14px;line-height: 24px;padding: 7px 10px;border-radius: 6px;}
}
@media screen and (max-width: 750px) {
	.index-main .index-banner .banner-title{position: absolute;left: 12%;top: 50%;transform: translateY(-50%);width: 40%;font-family: SourceHanSansCN-Bold; font-weight: bold;font-size: 22px;color: #FFFFFF;line-height: 36px;display: block;}
	.index-main .index-banner .banner-info{position: relative; left: 0;padding: 15px;width:100%;background: linear-gradient(0deg, #016FE8 0%, #016FE8 100%);margin-top: -1px;}
	.index-main .index-banner .banner-info .banner-info-title{display: none;}
	.index-main .index-banner .banner-info .banner-info-form{margin-top: 16px;max-width: 320px;margin: 0 auto;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box{padding: 16px 8px 8px;border-radius: 12px;border-width: 1px;}
	.index-main .index-banner .banner-info .banner-info-form .banner-form-box .titles{font-size: 14px;line-height: 24px;}
	.index-main .index-banner .banner-info-form .banner-form{margin-top: 10px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input{height: 36px;border-radius: 6px;margin-bottom: 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input input{line-height: 24px;font-size: 14px;padding: 4px 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn{padding-top: 8px;}
	.index-main .index-banner .banner-info-form .banner-form .item-input-btn .item-btn{min-width: 136px;font-size: 14px;line-height: 24px;padding: 7px 10px;border-radius: 6px;}
}