/*适配768分辨率以下，针对安卓，魅族，mate7,4 4s,5 5s,6,6
only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2), only screen and (device-height:568px) and (-webkit-min-device-pixel-ratio:2),  only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio: 3),  only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5),
*/
@media all and (orientation : portrait){  
	@media only screen and (max-width: 768px), only screen and (width: 1080px),only screen and (device-height: 480px) and (-webkit-device-pixel-ratio: 2), only screen and (device-height: 568px) and (-webkit-min-device-pixel-ratio:2),  only screen and (min-device-width : 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),  only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-width: 1080px) and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-device-width: 1080px) and (-webkit-min-device-pixel-ratio: 3)
	{
		#domain { 
			background-color: #268ee3;
		}
		.bg12 {
			position: absolute;
			left: -30%;
			bottom: 62%;
			margin-right: 1.2rem;
			box-sizing:border-box;
			
			}
		.bg12 img{
			width:2.4rem;
		}
		.active .bg12 { margin-left: 1.3rem; opacity: 1; transition-delay: 0.7s;}
		.go1 {
			position: absolute;
			left: 120%;
			bottom: 58%;
			margin-left: -0.6rem;
			box-sizing:border-box;
		}
		.go1 img{
			width:1.2rem;	
		}
		.active .go1 {  
			left: 50%;
			bottom: 58%;
			
		}
		.bg13 {
			bottom: -22%;
			box-sizing:border-box;	
		}
		.bg13 img{
			width: 2rem;}
		.active .bg13 { 
			margin-left: -32%; 
			left: 50%;
			
			}
		.bg21 {
			position: absolute;
			top: -1.037714285714286rem;
				
		}
		.bg21 img{
			width:2.516571428571429rem;
		}
		.bg22 {
			position: absolute;
			left: 50%;
			bottom: 6%;
			margin-left: -1.158857rem;
		}
		.bg22 img{
			width:2.36457rem}
		
		.txt2 {
			position: absolute;
			left: 00%;
			bottom: 56%;
			width: 3.0217rem;
			margin-left: 0.1557rem;
						}
		.txt2 h1{
			color:#2a92fd;
			text-align: center;
			font-size: 0.1822rem;
			}
		.txt2 p {
			font-size: 0.14857rem;
			text-align: center;
		}
		.active .txt2 { left: 00%; }
		
		.bg31 {
			position: absolute;
			top: -1.037714285714286rem;
		}
		.bg31 img{
			width:3.116571428571429rem;
		}
		
		.bg32 {
			bottom: 6%;
			right: 50%;
			width: 1.9228571428571429rem;
			}
	    .bg32 img{
			width: 1.9228571428571429rem;
			}
		.txt3 {
			position: absolute;
			left: 00%;
			bottom: 56%;
			width: 3.0217rem;
			margin-left: 0.1557rem;
			text-align: center;
		}
		.txt3 h1{
			color:#2a92fd;
			text-align: center;
			font-size: 0.1822rem;
			}
		.txt3 p {
			font-size: 0.14857rem;
		}
		
.bg41 {
			position: absolute;
			top: -1.037714285714286rem;
		}
		.bg41 img{
			width:3.116571428571429rem;
		}
		.bg42 {
			position: absolute;
			left: 80%;
			bottom: 1.3657142857142857rem;
			width: 0.814285714285714rem;
			margin-left: -0.4114285714285714rem;
			opacity: 0;
		}
		.bg42 img{
			width: 0.814285714285714rem;
			}
		.active .bg42 { bottom: 0.5242857142857143rem; }
	
		.bg43 {
			position: absolute;
			left: 58%;
			bottom: 1.24rem;
			width: 0.5114285714285714rem;
			margin-left: -0.8542857142857143rem;
			}
		.bg43 img{
			width: 0.5114285714285714rem;
		}
		.active .bg43 { bottom: 1.3985714285714286rem; }
		
		.bg44 {
			position: absolute;
			left: 54%;
			bottom: 2.04rem;
			width: 0.3314285714285714rem;
			margin-left: -0.9542857142857143rem;
			}
		.bg44 img{
			width: 0.3314285714285714rem;
		}
		.txt4 {
			position: absolute;
			bottom: 62%;
			width: 3.0217rem;
			text-align: center;
			margin-left: 0.1557rem;
			left: 00%;
		}
				
		.txt4 h5{
			font-size: 0.1822rem;
			}
		.txt4 p {
			font-size: 0.14857rem;
		}
		.active .txt4 { bottom: 62%;}
		.bg52 {
			width: 2.262857142857143rem;
			left: 50%;
			right: 50%;
			top: 25%;
			margin-left: -1.0314rem;
		}
		.bg52 img{
			width: 2.262857142857143rem;
			}
		.bg53 {
			width: 3.068571428571429rem;
			left: 50%;
			right: 50%;
			top: 25%;
			margin-top: 0.4514285714285714rem;
			margin-left: -1.3342857142857143rem;
		}
		.bg53 p{
			width: 2.668571428571429rem;
			font-size: 0.104857rem;
			text-align: center;
		}
		.go5 {
			position: absolute;
			left: 50%;
			bottom: 50%;
			top: 25%;
			right: 50%;
			width: 0.9394285714285714rem;
			margin-top: 0.9028571428571429rem;
			margin-left: -0.469rem;
			opacity: 0;
			transition: all 1s;
		}
		.go5 img{
			width: 0.9394285714285714rem;
			}
		.kx-header {
		position: absolute;
		top: 35px;
	}
	.kx-primary-nav h2 {
		margin-left:0px;
	}
	.ad{
		opacity:1;
		display:block;
		text-align:center;
		top:0px;
		z-index:101;
		display:block;
		position:absolute;
		background:#1377c6;
		width:3.2rem;
		height:35px;
		}
	.ad a{
		display:block;
		opacity:1;
	}
	.ad img{
		display:block;
		text-align:center;
		opacity:1;
		height:35px;
		width:295px;
		margin:auto;
	}
	}
}