.bg{ width: 100%; height: 965px;  background: url(../images/bg.jpg); background-size:1920px 1080px; background-position: center; position: absolute; top: 0;left:0;z-index: -1;;}
.bt-2 { display: none;}
p {margin:0;}
.container .text-2 { width: 100%;height: 150px; background: url(../images/appex-2.png); background-size: 100% 100%; background-size: 100% 100%; margin: 0 auto; display: none; }
.title-1 { margin:0 auto; font-size: 35px; background: #E2381D; width: 100%; height:47px; margin-top: 25px;line-height: 47px; padding-left: 15px;color: #fff; border-radius: 6px; font-weight: bold;}
.introduce { margin-top: 35px; padding-bottom: 35px;}
.introduce .title-bg { width: 102px; height: 92px;  margin-right: 33px; position: relative;}
.introduce .title-bg img { position: absolute; bottom: 0;}
.introduce .txt { width: calc(100% - 135px); width: -moz-calc(100% - 135px); width: -webkit-calc(100% - 135px); border-bottom: 4px solid #CA1F1C; height: 90px; position: relative;}
.introduce .txt p { font-size: 36px; color: #1C2B6A; font-weight: bold; font-style: italic; line-height: 1.2; position: absolute; bottom: 15px;}
.introduce .content { font-size: 18px;color: #1C2B6A; margin-top: 25px;}
.introduce .product {font-size: 18px;color: #1C2B6A; margin-top: 30px;}
.introduce .product span {color: #CA1F1C;}
.introduce .link { margin-top: 30px; position: relative; }
.introduce .link p{ font-size: 18px;color: #1C2B6A; margin-bottom: 15px; }
.introduce .link p span.left { display: inline-block; width: 111px; text-align: right;}
.introduce .link p span.center { margin: 0 20px;}
.second { background: #EDEDED; }
.link-bg { position: absolute; bottom: 10px; right: 0;}
.introduce-md {padding-bottom: 35px;}
.introduce-md p {font-size: 18px;color: #1C2B6A; margin-top: 30px;}
.step .title { font-size: 24.77px; color: #CA1E1D; font-weight: bold; font-style: italic; line-height: 1.2; margin-bottom: 34px;}
.step p{color: #1D2B6B; font-size: 16px;}
.step-border { border: 4px solid #1D2B6B; padding: 60px 20px 26px 40px;  height: 406px; width: 220px; position: relative;}
.step-border-2 { width: 360px; margin: 0 60px; padding-right: 10px;}
.step-border-container { margin: 0 auto; width: 920px;}
.step { margin-top: 40px;}
.step-border .img { height: 110px; line-height: 110px; background: #fff; position: absolute;top: 35px; left:0; transform:translate(-50%,0px);-ms-transform:translate(-50%,0px); -moz-transform:translate(-50%,0px);-webkit-transform:translate(-50%,0px); -o-transform:translate(50%,0px);}
.introduce-md-2 p.p1 { margin-top: 40px; font-size: 18px; color: #1D2B6B; max-width: 783px;}
.introduce-md-2 p.p2{color: #CA1E1D;font-size: 18px; margin-top: 40px;}
.introduce-md-2 .p3 { margin-top: 36px;}
.introduce-md-2 .p3 p { font-size: 18px; color: #1D2B6B; margin-bottom: 10px;}
.computer { width: 51%; position: absolute; bottom: 236px; left: 50%; transform:translate(-50%,0px);-ms-transform:translate(-50%,0px); -moz-transform:translate(-50%,0px);-webkit-transform:translate(-50%,0px); -o-transform:translate(50%,0px);}
.bottom { position: relative;  }
.first { margin-top: 965px; }

.head {
	background: url(../images/m-1.jpg) no-repeat;
	background-size: 100% auto;
}
.head .img-1 { margin-top: 35px; /* width: calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); */}
.head-content { margin-top: 20px; margin-bottom: 14px;}
.head-content p { color: #221814; font-size: 16px;}
.head-md { font-size: 22px; color: #E1361D; margin-bottom: 22px;}
.head .img-2 { margin-bottom: 18px;}

@media (max-width: 628px){
	.step { }
	.introduce .txt p { font-size: 16px;}
	.bg { display: none;}
	.first { margin-top: 0; background: #EDECEC;}
	.title-1 { font-size: 14px; height: 40px; line-height: 40px;}
	.introduce .content { font-size: 16px;}
	.introduce .product { font-size: 16px; margin-top: 20px;}
	.introduce .link { margin-top: 20px;}
	.introduce .link p { font-size: 16px; margin-bottom: 10px;}
	.link-bg { position: static; width: 100%; margin-bottom: 10px;}
	.introduce-md p { font-size: 16px;margin-top: 15px;}
	.introduce-md-2 p.p1 { font-size: 16px;}
	.bt-1 { display: none;}
	.bt-2 { display: block;}
	.bottom {margin-top: 50px;}
	.computer { width: 100%; bottom: 60px;}
	.step-border-container { width: auto;}
	.step-border { width: 300px !important; float: none !important;  margin: 0 auto; margin-bottom: 15px;}
	.step-border-2 { height: 460px;}
	.step { margin-top: 20px;}
	.introduce .title-bg { width: 60px; height: 60px; margin-right: 10px;}
	.introduce .title-bg img { width: 100%; }
	.introduce .txt { width: calc(100% - 70px); width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); height: 60px;}
	.introduce { padding-bottom: 0; margin-top: 30px;}
	.step-border:first-child,.step-border:last-child { height: 306px;}
	.step-border { margin-bottom: 20px;}
	.introduce-md-2 p.p1 {margin-top: 0;}
	.introduce-md-2 p.p2 { margin-top: 20px; font-size: 16px;}
	.introduce-md-2 .p3 { margin-top:15px ;}
	.introduce-md-2 .p3 p {font-size: 16px;}
}

@media (min-width:1005px) {
	.container { width: 1005px; }
}

@media (max-width:1500px) {
	
}