﻿
*{
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	font-family: SF Pro SC,HanHei SC,SF Pro Text,Myriad Set Pro,SF Pro Icons,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.h1,.h2,.h3,h1,h2,h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,ul,ol{
	padding:0;
	margin:0;
	list-style:none;
}
a {
  color:#333;
  text-decoration: none;
}
a:focus,a.active,a:hover {
  text-decoration: none;
}
img{
	border: 0;
	vertical-align: middle;
}
table{
	border-spacing:0;
	border-collapse:collapse;
}
/* placeholder */
input[type=tel]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder{
	color:#727272;
	font-size: 16px;
}
.bg-color{/* 背景颜色主 */
	color: #907AF9;
}
.color-black{/* 一级标题黑色 */
	color: #0E1421 ;
}
.color-white{/* 一级标题白色 */
	color: #fff !important;
}
.color-8c{/* 副标题颜色 */
	color: #3B3B3B !important;
}
.color-ct{/* 内容标题颜色 */
	color: #262626 !important;
}
.color-cc{/* 内容颜色 */
	color: #3B3B3B !important;
}
.banner-main-text{/* banner主文字 */
	font-size: 42px;
	font-weight: 500;
	color: #131422;
}
.banner-main-text-1{/* banner文字不加粗 */
	font-size: 42px;
	font-weight: 400;
	color: #131422;
}
.banner-second-text{
	font-size: 28px;
	font-weight: 400;
	color: #131422;
	line-height: 50px;
}
.banner-vice-text{/* banner副文字 */
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}
.primary-title{/* 一级标题 */
	font-size: 32px;
	font-weight: 700;
	line-height: 54px;
	text-align: center;
	color: #0E1421;
}
.subtitle{/* 一级下副标题 */
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	text-align: center;
	color: #3B3B3B;
}
.content-title{/* 内容标题 */
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #262626;
}
.content-p{/* 内容 */
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #3B3B3B;
}
.mg-top-65{/* 距离顶部高度 */
	margin-top: 65px;
}

.subscribe-box h1 {
	font-size: 32px;
	font-weight: 700;
	color: #0F1421;
	line-height: 54px;
}
.subscribe-box {
	margin-top: 20px;
	padding: 60px 0 70px;
	background-image: url('../images/subscribe.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.subscribe-box h6 {
	font-size: 18px;
	font-weight: 400;
	color: #646464;
	line-height: 32px;
	padding-bottom: 30px;
}
/* 底部输入框 */
.subscribe-box .subscribe-btn-out {
	display: flex;
	justify-content: space-around;
}
.subscribe-box #basic-addon3 img{
	width: 18px;
	margin-right: 10px;
}
.subscribe-box #basic-addon3{
	position: absolute;
	z-index: 100;
	width: 200px;
	height: 56px;
	border-radius: 50px;
	color: #fff;
	line-height: 56px;
	right: 0px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	padding: 0px;
	background: linear-gradient(to right, #E050D8 0%, #F65D53 100%);
}
.subscribe-box .form-control{
	width: 530px;
	height: 56px;
	border-radius: 50px;
	border-color: transparent;
	box-shadow: 0px 0px 27px 0px rgba(6, 0, 1, 0.1);
	padding-right: 200px;
	padding-left: 20px;
}
.subscribe-box .input-group #toTrailPhone1 {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

/*超大型屏幕pc ≥1920px屏幕 */
@media screen and (min-width: 1920px) {

}
/*大型屏幕pc 1920>=pc>=1200 超大屏*/

@media screen and (min-width:1200px) and (max-width: 1450px){
	.subscribe-box .form-control {
		width: 450px;
		height: 46px;
		padding-right: 200px;
	}
	.subscribe-box #basic-addon3 {
		width: 160px;
		height: 46px;
		line-height: 46px;
	}
}

/*中型屏幕/平板 1200>=pc>=992 超大屏*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
	
}

/* 平板 */
@media screen and (min-width: 480px) and (max-width: 1199px) {
	.banner-main-text{
		font-size: 32px;
	}
	.primary-title,.subscribe-box h1{
		font-size: 24px;
	}
}
/* 手机端 */
@media screen and (max-width: 480px) {
	.subscribe-box{
		background: url('../images/subscribe.png') center no-repeat;
		background-size: cover;
	}
	.subscribe-box .form-control{
		width: 100%;
		height: 36px;
		line-height: 36px;
		padding-right: 80px;
		border: 1px solid #F5F5F5;
	}
	.subscribe-box #basic-addon3{
		width: 100px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	.subscribe-box #basic-addon3 img{
		width: 14px;
		margin-right: 4px;
	}
	.banner-main-text{
		font-size: 28px;
	}
	.banner-second-text{
		font-size: 18px;
	}
	.primary-title,.subscribe-box h1{
		font-size: 20px;
		line-height: 32px;
	}
	.subtitle,.subscribe-box h6{
		font-size: 14px;
		line-height: 20px;
		padding-left: 14px;
		padding-right: 14px;
	}
}

