body, h1, h2, h3, h4, p, ul, li, img{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Microsoft YaHei";
	font-size: 16px;
	color: #fff;
}
*{box-sizing:border-box;}
a{text-decoration:none;}
a.use{display:block;width:150px;height:40px;border-radius:20px;background:#ffc343;color:#fff;font-size:16px;text-align:center;line-height:40px;}
a.use:hover{background:#ffba26;}
a.por{position:absolute;top:0px;left:50%;transform:translate(-50%,315px);}
a.bai{display:block;width:150px;height:40px;border-radius:20px;border:1px solid #fff;color:#fff;font-size:16px;text-align:center;line-height:40px;}
a.bai:hover{background:rgba(255,255,255,.2);}
a.btn{display:block;width:150px;height:40px;border-radius:20px;background:#ccc;color:#fff;font-size:16px;text-align:center;line-height:40px;}
a.ab{position:absolute;bottom:20px;left:60px;cursor:pointer;}
a.big{display:block;width:200px;height:60px;line-height:60px;border-radius:30px;background:#ffc343;color:#fff;text-align:center;}
a.big:hover{background:#ffba26;}
a.bor{position:absolute;bottom:20px;right:60px;cursor:pointer;display:block;width:150px;height:40px;border-radius:20px;border:1px solid #ffc343;color:#ffc343;text-align:center;line-height:40px;font-size:16px;}

.wrap{width:980px;margin:0 auto;}


header{position:relative;width:100%;height:600px;background:#2d6fc4 url(../img/banner.png) center center no-repeat;padding-top:258px;}
header h1{font-weight:normal;font-size:14px;text-align:center;}
header .meter{position:absolute;top:0;left:50%;transform:translate(-50%,50px);}
header .rotate{position:absolute;top:0;left:50%;transform:translate(-50%,38px);}
header .biao{position:absolute;top:0;left:50%;transform:translate(-50%,108px);}
header .adv{position:absolute;top:0;left:50%;transform:translate(-50%,436px);}
header p{position:absolute;top:0;left:50%;transform:translate(-50%,560px);color:#fff;}


.f1{width:100%;height:703px;background:#f2f8ff;}
.f1-wrap{height:703px;padding-top:80px;}
h2{color:#52a5ff;font-size:28px;margin-bottom:40px;text-align:center;font-weight:normal;}
.f1-wrap .goods{width:980px;height:500px;margin:0 auto;}
.f1-wrap .goods li{float:left;width:230px;height:230px;margin-right:20px;margin-bottom:20px;background:#fff;cursor:pointer;}
.f1-wrap .goods li:hover{box-shadow:0px 4px 10px #ccc;}

.f2{width:100%;height:771px;background:#327bd5 url(../img/bj-2.png) center center no-repeat;}
h3{width:100%;height:60px;font-weight:normal;line-height:60px;font-size:28px;color:#fff;text-align:center;background:rgba(0,0,0,.1);}
.f2-wrap{position:relative;height:711px;background:url(../img/road.png) 77px 164px no-repeat;}
.f2-wrap .step{position:absolute;width:314px;height:230px;background:#2579d4;padding:20px;border-radius:8px;cursor:pointer;}
.f2-wrap .step:hover{box-shadow:0px 0px 10px #ccc;}
.f2-wrap .step.one{top:70px;left:0;}
.f2-wrap .step.two{top:226px;right:0;}
.f2-wrap .step.three{top:400px;left:0;}
.f2-wrap .step h4{font-size:20px;text-align:center;color:#fff;margin-bottom:16px;}
.f2-wrap .step p{font-size:14px;line-height:22px;}

.f3{width:100%;height:1315px;background:#f2f8ff;}
.f3-wrap{height:1315px;padding-top:80px;}
.f3-wrap .box{width:980px;height:480px;}
.f3-wrap .box li{position:relative;float:left;width:480px;height:480px;background:#fff;padding:20px;cursor:pointer;}
.f3-wrap .box li:hover{box-shadow:0px 0px 10px #ccc;}
.f3-wrap .box li:nth-child(1){margin-right:20px;}
.f3-wrap .box li .title{width:100%;margin:20px 0 12px;color:#444;font-size:18px;text-align:center;}
.f3-wrap .box li .wenzi{font-size:14px;color:#666;line-height:22px;}
.countdown{position:absolute;top:200px;right:20px;width:160px;height:50px;border-radius:25px 0 0 25px;font-size:14px;background:rgba(255,195,67,.9);text-align:center;padding:6px 0;}


footer{width:100%;height:780px;background:#337bd4 url(../img/bj-3.png) center center no-repeat;}
.f4-wrap{height:780px;padding-top:80px;}
.f4-wrap .fl{float:left;width:660px;height:390px;padding:20px;background:#fff;cursor:pointer;margin-bottom:40px;}
.f4-wrap .fl .vedio{width:620px;height:350px;}
.f4-wrap .fr{float:right;width:282px;height:390px;}
.f4-wrap .fr p{position:relative;height:50px;font-size:18px;padding-left:70px;margin-bottom:63px;}
.f4-wrap .fr .icon{position:absolute;top:0;left:0;}
.f4-wrap .fr p span{font-size:14px;}
.f4-wrap h4{width:100%;overflow:hidden;font-size:14px;color:#fff;text-align:center;font-weight:normal;line-height:22px;}