* { margin: 0px; padding: 0px; }
body {background: #fff url("../images/banner.jpg") center top no-repeat; -webkit-text-size-adjust: none;}
html {min-width: 1200px; }
.wraper {width: 100%;margin: 0 auto;min-width: 1200px}
.wrap {width: 1200px; margin: 0px auto; }
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}

/* animation */
.pulse{animation-name: pulse;
	-webkit-animation-name: pulse;	
	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;}
@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.8;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.8;	
	}			
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.8;	
	}			
}
.swing:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}


.logo{margin-top: 30px;}
.describe{color: #7d4501; font-size: 14px;}
.top p{font-size: 16px; color: #333; box-sizing: border-box; padding-left: 10px; margin-top: 30px; line-height: 30px; font-family: 'yahei';}

/* part1 */
.choose{background: url(../images/bg1.png) center no-repeat;height: 357px;margin-top: 15px;}
.choose h2{font-size: 32px;color: #884e1a;text-align: center;height: 67px;line-height: 67px;}
.choose ul{display: flex;box-sizing: border-box;padding: 33px 30px 0;justify-content: space-evenly;}
.choose ul li img{display: block;}
.choose ul li{text-align: center;} 
.choose ul li p{margin-top: 10px; line-height: 28px; color: #222; font-weight: bold; font-size: 20px;}
.choose ul li p span{color: #ff4e25; font-size: 26px;}


/* part2 */
.medium{padding-bottom: 50px;}
.update{background: url(../images/bg2.png) center no-repeat;height: 754px;margin-top: 45px;margin-bottom: 45px;}
.update .title,.way .title{text-align: center; padding-top: 10px;color: #884e1a; font-size: 14px;}
.update .title h2,.way .title h2{font-size: 32px; margin-bottom: 3px;}
.update ul{display: flex; justify-content: space-evenly; flex-wrap: wrap; margin-top: 43px;}
.update ul li{background: url(../images/b1.png) center no-repeat;width: 313px;height: 148px;position: relative;box-sizing: border-box;padding: 36px 16px 0; margin-bottom: 30px;}
.update ul li h1{font-size: 26px; color: #fff;}
.update ul li h2{font-size: 22px;color: #ff4e25;margin-top: 20px;}
.update ul li div{width: 20px;color: rgba(255,132,57,.3);position: absolute;right: 10px;bottom: 10px;font-size: 26px;font-weight: bold;line-height: 1.1;}
.connect{background: url(../images/connect.png) center no-repeat; height: 194px; position: relative;}
.connect div{background: url(../images/btn1.png) center no-repeat; position: absolute; right: 100px; width: 206px; height: 61px; top: 70px;}
.question{margin-top: 30px;}
.question .titles{text-align: center;}
.question h2{font-size: 24px; color: #ff6430;}

/* part3 */
.way{background: url(../images/bg3.png) center no-repeat;height: 754px;margin-top: 82px; box-sizing: border-box; padding: 0 30px 0;}
.way .date{background: url(../images/time1.png) center no-repeat;width: 556px;height: 546px;box-sizing: border-box;padding-top: 115px;font-size: 18px;padding-left: 20px; margin-top: 40px;}
.way .date1{background: url(../images/time.png) center no-repeat;}
.way .date h1{color: #fe322f;font-size: 40px;margin-bottom: 25px;font-weight: 600;}
.way .date ul{padding-left: 90px;line-height: 35px;color: #5e5e5e;margin-bottom: 46px;}
.way .date span{color: #fb8e1c; font-weight: bold;}