/**
 * @Author:		iger
 * @DateTime:	2016-08-30 10:57:49
 * @Description:baozhang.css
 */
@font-face {font-family: "special";
  src: url('../font/iconfont.eot?t=1472525753'); /* IE9*/
  src: url('../font/iconfont.eot?t=1472525753#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1472525753') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1472525753') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1472525753#special') format('svg'); /* iOS 4.1- */
}


.section { overflow: hidden }

.spe-icon:before { font-family: 'special'; font-size: 30px; }
.txt-hide { text-indent: -10000em }
.down-ico { height:80px; text-align: center; }
.spe-icon:before { content:'\e619'; font-size: 50px; color:#fff; }

.banner { background-image: -webkit-linear-gradient(top, #ffa543, #ff3460); background-image: linear-gradient(top, #ffa543, #ff3460); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa543, endColorstr=#ff3460, gradientType=1)\9; text-align: center }
.auto-img-1 { width:1000px; }
.banner-txt { margin:50px auto; }

.part1 .layout,.part2 .layout,.part3 .layout { position: relative; padding:50px 0; }
.section .layout:before { position: absolute; content: ''; }
.imgs { position: relative; width: 478px; height:478px; margin:50px 0 50px -50px; }
.imgs div { position: absolute; -webkit-animation: imgloop 30s linear infinite; animation: imgloop 30s linear infinite; }
.imgs img { -webkit-transform-origin : center; -ms-transform-origin : center; transform-origin : center; -webkit-animation: imgnoloop 30s linear infinite; animation: imgnoloop 30s linear infinite; }
.imgs .img-3,.imgs .img-3 img { -webkit-animation-duration: 20s; animation-duration: 20s; }
.txts { position: relative; width:500px; height:500px; }

.part1 { background: #188cf9; }
.part1 .layout:before { left: 480px; top: -10px; width:844px; height:636px; background:url(../img_baozhang/17.png) no-repeat left; }
.part1 .imgs { background:url(../img_baozhang/2.png) no-repeat center; }
.part1 .txts { background:url(../img_baozhang/6.png) no-repeat center }
.part1 .imgs .img-1 { left:-41px; top:198px; -webkit-transform-origin : 280px 41px; -ms-transform-origin : 280px 41px; transform-origin : 280px 41px; }
.part1 .imgs .img-2 { left:453px; top:214px; -webkit-transform-origin : -215px 25.5px; -ms-transform-origin : -215px 25.5px; transform-origin : -215px 25.5px;}
.part1 .imgs .img-3 { left:214px; top:390.5px; -webkit-transform-origin : 25.5px -150.5px; -ms-transform-origin : 25.5px -150.5px; transform-origin : 25.5px -150.5px; }

.part2 { background: #ead13a; }
.part2 .layout:before { left: -150px; top:-150px; width:709px; height:1124px; background:url(../img_baozhang/18.png) no-repeat left; }
.part2 .imgs { margin-left: 0; background:url(../img_baozhang/7.png) no-repeat center; }
.part2 .txts { background:url(../img_baozhang/11.png) no-repeat center }
.part2 .imgs .img-1 { left:-41px; top:198px; -webkit-transform-origin : 280px 41px; -ms-transform-origin : 280px 41px; transform-origin : 280px 41px; }
.part2 .imgs .img-2 { left:453px; top:214px; -webkit-transform-origin : -215px 25.5px; -ms-transform-origin : -215px 25.5px; transform-origin : -215px 25.5px; }
.part2 .imgs .img-3 { left:214px; top:390.5px; -webkit-transform-origin : 25.5px -150.5px; -ms-transform-origin : 25.5px -150.5px; transform-origin : 25.5px -150.5px; }

.part3 { background: #e52661; }
.part3 .layout:before { left: 480px; top: 20px; width:656px; height:641px; background:url(../img_baozhang/19.png) no-repeat left; }
.part3 .imgs { background:url(../img_baozhang/12.png) no-repeat center; }
.part3 .txts { background:url(../img_baozhang/16.png) no-repeat center }
.part3 .imgs .img-1 { left:-35px; top:204px; -webkit-transform-origin : 275px 35px; -ms-transform-origin : 275px 35px; transform-origin : 275px 35px; }
.part3 .imgs .img-2 { left:435px; top:153px; -webkit-transform-origin : -196px 85px; -ms-transform-origin : -196px 85px; transform-origin : -196px 85px; }
.part3 .imgs .img-3 { left:210px; top:400px; -webkit-transform-origin : 30px -165px; -ms-transform-origin : 30px -165px; transform-origin : 30px -165px; }

@-webkit-keyframes imgloop {
	form {
		-webkit-transform: rotate(0deg); 
	    -ms-transform: rotate(0deg); 
	        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg); 
	    -ms-transform: rotate(360deg); 
	        transform: rotate(360deg);
	}
}

@keyframes imgloop {
	form {
		-webkit-transform: rotate(0deg); 
	    -ms-transform: rotate(0deg); 
	        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg); 
	    -ms-transform: rotate(360deg); 
	        transform: rotate(360deg);
	}
}

@-webkit-keyframes imgnoloop {
	form {
		-webkit-transform: rotate(0deg); 
	    -ms-transform: rotate(0deg); 
	        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg); 
	    -ms-transform: rotate(-360deg); 
	        transform: rotate(-360deg);
	}
}

@keyframes imgnoloop {
	form {
		-webkit-transform: rotate(0deg); 
	    -ms-transform: rotate(0deg); 
	        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg); 
	    -ms-transform: rotate(-360deg); 
	        transform: rotate(-360deg);
	}
}

/* 大屏幕 */
@media (min-width: 1366px) {
	.banner { height:1050px; }
	.auto-img-1 { width:auto; margin-top: -23px; }
}

@media (max-width: 1366px) {
	.auto-img-1 { width:950px; }
	.banner-txt { width: 600px; margin: 20px auto; }
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px){

}