/* @media screen and (min-width: 1540px) {
body::before{ content: ' '; background-image: url(../img/bg.jpg); width: 100%; height:5086px; background-position: center top; position: absolute; z-index: 999; opacity: .2; pointer-events: none;  -webkit-background-size: 1920px auto;
background-size:  1920px auto; top:112px; left: 0;}

body:hover::before{ opacity: 0;} 
}
 */




/*--详细内页--*/
@media screen and (min-width: 320px) {
	.loc-banner{
		background-image: url(../img/localization-banner.jpg);
		background-size: cover;
	}
	i.pic-scale-loc-banner{
		padding-bottom: 40%;
	}
	.loc-banner .flex{
		padding:20px;
	}
	.loc-banner .tit{
		font-size:20px;
		color:#333333;
		text-align: center;
		font-weight: bold;
		line-height: 1.2;
	}
	.loc-banner .tit span{
		color:#148FFA;
	}
	.loc-banner .txt{
		font-size:16px;
		color:#333333;
		text-align: center;
		padding-top:10px;
	}
	.loc-banner .btn{
		display: flex;
		justify-content: center;
		padding-top:10px;
	}
	.loc-banner a{
		display: inline-flex;
		padding:0 30px;
		height:48px;
		background-color: #148FFA;
		border-radius: 24px;
		align-items: center;
		justify-content: center;
		color:#fff;
		font-size:16px;
		font-weight: bold;
	}
	.loc-banner a:hover{
		transform: translateY(-10px);
	}
	.loc-banner .r{
		padding: 0 30px;
		padding-top:20px;
	}
	.loc-banner .r img{
		width:100%;
	}
}

@media screen and (min-width: 992px) {
	.loc-banner{
		
	}
	
	.loc-banner .flex{
		padding:0;
		display:flex;
		align-items: center;
	}
	.loc-banner .tit{
		font-size:30px;
		text-align: left;
	}
	.loc-banner .txt{
		font-size:18px;
		text-align: left;
		padding-top:20px;
	}
	.loc-banner .btn{
		justify-content: flex-start;
		padding-top:20px;
	}
	.loc-banner a{
		padding:0 30px;
		height:48px;
		border-radius: 24px;
	}
	.loc-banner .l{
		flex-basis: 50%;
		flex-shrink: 0;
	}
	.loc-banner .r{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 30px;
	}
	
}


@media screen and (min-width: 1230px) {
	.loc-banner .tit{
		font-size:40px;
	}
	.loc-banner .txt{
		font-size:20px;
		padding-top:25px;
	}
	.loc-banner .btn{
		padding-top:25px;
	}
	.loc-banner a{
		padding:0 50px;
		height:66px;
		border-radius: 33px;
		font-size:20px;
	}
	.loc-banner .r{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 40px;
	}
}



@media screen and (min-width: 1460px) {
	.loc-banner .tit{
		font-size:50px;
	}
	.loc-banner .txt{
		font-size:22px;
	}
	.loc-banner .btn{
		
	}
	.loc-banner a{
		
	}
	.loc-banner .r{
		flex-basis: 50%;
		flex-shrink: 0;
		padding: 44px;
	}
}





/*--loc-box--*/
@media screen and (min-width: 320px) {
	.loc-box{
		padding: 30px 0;
	}
	.loc-box-tit{
		font-size:28px;
		font-weight: bold;
		color:#333;
		text-align: center;
		line-height: 1;
	}
	.loc-box-txt{
		font-size:16px;
		color:#666;
		text-align: center;
		line-height: 1.5;
		padding-top: 20px;
	}
	.loc-box-tit span{
		color:#148FFA;
	}
	
}

@media screen and (min-width: 992px) {
	.loc-box{
		padding: 70px 0;
	}
	.loc-box-tit{
		font-size:42px;
	}
	.loc-box-txt{
		font-size:20px;
		line-height: 1.5;
		padding-top: 25px;
	}
}


@media screen and (min-width: 1230px) {
	
}


@media screen and (min-width: 1520px) {
	.loc-container{
		max-width: 1500px;
	}
}




/* loc-box-01 */
@media screen and (min-width: 320px) {
	.loc-box-01{
		background: #F4F8FD;
	}
	.loc-box-01 .list{
		padding-top:30px;
	}
	.loc-box-01 ul{
		display: flex;
		flex-wrap: wrap;
		margin: -10px;
	}
	.loc-box-01 li{
		padding:10px;
		flex-basis: 50%;
		flex-shrink: 0;
		display: flex;
	}
	.loc-box-01 .box{
		background: #FFF;
		padding:20px;
		width: 100%;
	}
	.loc-box-01 .ico{
		width:36px;
	}
	.loc-box-01 .ico img{
		width: 100%;
	}
	.loc-box-01 .tit{
		font-weight: bold;
		color:#148FFA;
		font-size:18px;
		padding:5px 0;
	}
	.loc-box-01 .txt{
		font-size:16px;
		color:#666;
	}
}

@media screen and (min-width: 992px) {
	.loc-box-01 .list{
		padding-top:40px;
	}
	.loc-box-01 ul{
		margin: -15px;
	}
	.loc-box-01 li{
		flex-basis: 25%;
		padding: 15px;
	}
	.loc-box-01 .ico{
		padding-bottom: 20px;
	}
	.loc-box-01 .tit{
		font-size:28px;
	}
	.loc-box-01 .txt{
		font-size:20px;
	}
	.loc-box-01 .box{
		padding:55px 30px;
	}
}


@media screen and (min-width: 1230px) {
	
}





/* loc-box-02 */
@media screen and (min-width: 320px) {
	.loc-box-02{
		background: #f8fcff;
		padding-bottom: 0;
	}
	.loc-box-02 .pic{
		width: 100%;
		padding-top: 20px;
	}
	.loc-box-02 .pic img{
		display: block;
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.loc-box-02 .pic{
		padding-top: 30px;
	}
	.loc-box-02{
		padding-bottom: 0;
	}
}


@media screen and (min-width: 1230px) {
	
}





/* loc-box-03 */
@media screen and (min-width: 320px) {
	.loc-box-03{
		background-image: url(../img/localization-bg-03.jpg);
		background-size: cover;
		padding-bottom: 0;
	}
	
	.loc-box-03 .loc-box-tit{
		text-align: left;
		color: #fff;
		line-height: 1.4;
	}
	
	.loc-box-03 .hd{
		padding-top: 0;
	}
	.loc-box-03 .hd .tit{
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		padding-left: 30px;
		position: relative;
	}
	.loc-box-03 .hd .tit i{
		font-style: normal;
		position: absolute;
		left: 0;
		top: 0;
		
	}
	.loc-box-03 .hd .txt{
		display: none;
		color: #fff;
		font-size: 14px;
		padding-left: 30px;
	}
	.loc-box-03 .hd .btn{
		opacity: 0.5;
	}
	.loc-box-03 .hd .on{
		opacity: 1;
	}
	.loc-box-03 .hd .on .txt{
		display: block;
	}
	
	.loc-box-03 .r{
		padding-top: 30px;
	}
	
	.loc-box-03 .bd .pic{
		width: 100%;
	}
	.loc-box-03 .bd .pic img{
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.loc-box-03{
		padding: 120px 0;
	}
	.loc-box-03 .flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.loc-box-03 .flex .l{
		flex-basis: 38%;
		flex-shrink: 0;
	}
	.loc-box-03 .flex .r{
		flex-basis: 44.5%;
	}
	.loc-box-03 .hd{
		
	}
	.loc-box-03 .hd .tit{
		font-size: 28px;
		margin-top: 50px;
		padding-left: 52px;
	}
	.loc-box-03 .hd .txt{
		font-size: 18px;
		padding-left: 52px;
		font-weight: bold;
	}
}


@media screen and (min-width: 1230px) {
	
}




/* loc-box-04 */
@media screen and (min-width: 320px) {
	.loc-box-04 .list{
		padding-top:20px;
	}
	.loc-box-04 .list ul{
		margin: -10px;
	}
	.loc-box-04 .list ul li{
		padding: 10px;
	}
	.loc-box-04 .list .box{
		background-color: #F5FAFF;
		padding:20px;
		border-radius: 5px;
	}
	.loc-box-04 .list .num{
		color: #cfe9ff;
		font-weight: bold;
		font-size: 16px;
	}
	.loc-box-04 .list .tit{
		color: #333;
		font-weight: bold;
		font-size: 18px;
		line-height: 1.2;
	}
	.loc-box-04 .list .txt{
		font-size: 14px;
		color: #666;
		padding-top: 5px;
	}
}

@media screen and (min-width: 992px) {
	.loc-box-04 .list{
		padding-top:40px;
	}
	.loc-box-04 .list ul{
		margin: -10px;
		display: flex;
		flex-wrap: wrap;
	}
	.loc-box-04 .list ul li{
		padding: 10px;
		flex-basis: 25%;
		display: flex;
	}
	.loc-box-04 .list .box{
		border-radius: 10px;
	}
	.loc-box-04 .list .num{
		font-size: 20px;
	}
	.loc-box-04 .list .tit{
		font-size: 24px;
		padding-top: 5px;
	}
	.loc-box-04 .list .txt{
		font-size: 16px;
		padding-top: 20px;
	}
}

@media screen and (min-width: 1230px) {
	
}





@media screen and (min-width: 320px) {
	.loc-box-05 .pic {
		width: 100%;
	}
	.loc-box-05 .pic .bd{
		overflow: hidden;
		border-radius: 10px;
		box-shadow: 0 3px 20px rgba(20,143,250,.1);
		position: relative;
	}
	.loc-box-05 .pic .bd::before{
		content:' ';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border: 4px solid #fff;
		border-radius: 10px;
	}
	.loc-box-05 .pic img{
		width: 100%;
		display: block;
	}
	
	.loc-box-05 .txt{
		text-align: center;
		color:#333333;
		font-size:20px;
		padding-top: 30px;
	}
	
	.loc-box-05 .txt span{
		color:#148FFA;
	}
	
	.loc-box-05 .btn{
		padding-top: 30px;
		display: flex;
		justify-content: center;
	}
	.loc-box-05 .btn a{
		background: #148FFA;
		height:48px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 30px;
		border-radius: 33px;
		font-weight: bold;
		color:#fff;
	}
}

@media screen and (min-width: 992px) {
	.loc-box-05 .pic .bd{
		overflow: hidden;
		border-radius: 20px;
	}
	
	.loc-box-05 .pic .bd::before{
		border-radius: 20px;
		border-width: 8px;
	}
	
	.loc-box-05 .txt{
		font-size:38px;
		padding-top: 70px;
	}
	
	.loc-box-05 .btn{
		
	}
	
	.loc-box-05 .btn a{
		height:66px;
		padding: 0 50px;
		font-size:20px;
	}
	
	.loc-box-05 .btn a:hover{
		transform: translateY(-10px);
	}
}

@media screen and (min-width: 1230px) {
	
}



@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1230px) {
	
}