body{ margin:0 auto; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; line-height:normal; min-width: 1500px; padding-bottom: 135px;}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}

ul { list-style:none;}

*{

	margin:0px;

	padding:0px;

}

img { border:0px;}

a { color:#05a; text-decoration:none;}

a:hover { color:#f00;}

.clear{ clear:both;}

.banner{ width: 100%; position: relative;}
.banner img{ width: 100%; height: auto; display: block;}
.banner .top{ width: 1200px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.banner .top .logo{ float: left; padding-top: 15px;}
.banner .top .nav{ float: right;}
.banner .top .nav .icon{ float: right; padding: 20px 0;}
.banner .top .nav ul{ overflow: hidden;}
.banner .top .nav ul li{ float: right; margin-left: 40px; padding: 0 5px 10px 5px;}
.banner .top .nav ul .on{ border-bottom: 4px solid #ff5a00;}
.banner .top .nav ul li a{ color: #fff; font-size: 16px;}
.banner .top .nav ul li:hover{border-bottom: 4px solid #ff5a00;}

.banner_list{ width: 100%; height: 120px; background: #f0f0f0;}
.banner_listBox{ width: 1200px; margin: 0 auto; height: 120px;}
.banner_listBox ul{ width: 100%; height: 100%; overflow: hidden;}
.banner_listBox ul li{ width: 25%; height: 100%; float: left; overflow: hidden; }
.banner_listBox ul li .icon{ width: 90px; height: 100%; position: relative; float: left;}
.banner_listBox ul li .icon img{ position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%;}
.banner_listBox ul li .text{ height: 100%; width: calc(100% - 90px); float: left;} 
.banner_listBox ul li .text h2{ padding: 38px 0 17px 0; font-weight: normal; font-size: 14px; color: #475669; font-weight:bold;}
.banner_listBox ul li .text p{ font-size: 12px; color:#475669 ;}

.layer{ width: 1200px; margin: 0 auto;padding-top: 70px;}
.layer .hd{ width: 878px; margin: 0 auto; overflow: hidden; border: 1px solid #d0d0d0; }
.layer .hd ul{ width: 100%; overflow: hidden;}
.layer .hd ul li{ width: 25%; float: left; height: 45px; border-right: 1px solid #d0d0d0; text-align: center; line-height: 45px; box-sizing: border-box; cursor: pointer; transition: 0.5s;}
.layer .hd ul .on{ background: #36caff; color: #fff;}
.layer .hd ul li:last-child{ border: 0;}
.layer .bd{ width: 1200px; margin: 0 auto;}
.layer .warp{ height: 360px; overflow: hidden; width: 100%;}
.layer .warp .icon{ width: 50%; height: 100%; position: relative; float: left;}
.layer .warp .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.layer .warp .text{ width: 50%; height: 100%; position: relative; float: right;}
.layer .warp .text .text_box{ width: 100%; top: 50%; transform: translateY(-50%); display: inline-block; position: absolute; left: 0;}
.layer .warp .text .text_box h2{ font-size: 32px; line-height: 32px; font-weight: normal; color: #000; text-align: center; padding-bottom: 35px;}
.layer .warp .text .text_box p{ text-align: center; color: #6f6f6f; font-size: 16px;}

.layer2{ width: 1200px; margin: 0 auto;}
.layer2 .tit{ height: 100px; width: 100%; text-align: center; line-height: 100px; font-size: 22px; color:  #324057;}
.layer2 ul{ width: 100%;}
.layer2 ul li{ width: 23.5%; height: 175px; margin-right: 2%; margin-bottom: 25px; float: left; box-shadow: 0 0 10px rgba(0,0,0,0.3); transition: 0.4s;}
.layer2 ul li .title{ height: 80px; width: 100%; overflow: hidden;}
.layer2 ul li .title span{ width: 80px; height: 80px;  display: block; position: relative; float: left;}
.layer2 ul li .title span img{ position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.layer2 ul li .title h2{ float: left; width: calc(100% - 80px); line-height: 80px; font-size: 14px; font-weight: normal; color: #324057; font-weight: bold;}
.layer2 ul li:nth-child(4n){ margin-right: 0;}
.layer2 ul li p{ width: 225px; margin: 0 auto 0 auto; line-height: 20px; color: #929ba6;}
.layer2 ul li:hover{ transform: translateY(-10px); box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
 
.layer2 h3{ width: 100%; text-align: center; font-size: 14px; font-weight: normal; padding-bottom: 60px;}

.layer3{ width: 100%; height: 590px; background: #f0f0f0;}
.layer3_box{ width: 1200px; margin: 0 auto; height: 590px; position: relative;}
.layer3_box .bd{ position: absolute; right: 0; bottom: -40px; background: url(../images/a3.png); width: 911px; height: 551px; z-index: 1;}
.layer3_box .bd .warp{ width: 659px; height: 414px; position: absolute; top: 41px; left: 126px; background: #fff; padding: 0 20px; box-sizing: border-box;}
.layer3_box .bd .warp ul li{ width: 100%; height: 111px; border: 1px solid #e6e6e6; box-sizing: border-box; margin-top: 20px; overflow: hidden;}

.layer3_box .bd .warp ul li .icon{ width: 160px; height: 100%; position: relative; float: left;}
.layer3_box .bd .warp ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.layer3_box .bd .warp ul li .text{ width: calc(100% - 160px); float: left;}
.layer3_box .bd .warp ul li .text p{ width: 100%; font-size: 14px; color: #324057; padding-top: 15px; line-height: 14px;}
.layer3_box .bd .warp ul li .text p span{ color: #ff6926;}
.layer3_box .bd .warp ul li .text dl{ width: 100%; height: 100%; overflow: hidden; padding: 10px 0; box-sizing: border-box;}
.layer3_box .bd .warp ul li .text dl dd{ width: 130px; height: 45px; line-height: 45px; font-size: 14px; float: left;color: #324057;}
.layer3_box .bd .warp .icon{ display: block; width: 100%; height: 100%;}
.layer3 .hd{ position: absolute; left: 0; top: 0; width: 375px; ;}
.layer3 .hd h2{font-weight: normal; height: 115px; text-align: center; line-height: 115px; font-size: 22px; color: #324057;}
.layer3 .hd ul{ width: 100%;}
.layer3 .hd ul li{ width: 100%; padding: 25px 0 25px 30px; border-radius:8px 0 0 8px; transition: 0.5s;}
.layer3 .hd ul li h3{ font-size: 18px; font-weight: normal; line-height: 18px; color: #1ac6ff; transition: 0.4s; padding-bottom: 10px;}
.layer3 .hd ul li p{ width: 285px; font-size: 14px; color: #333; line-height: 28px; transition: 0.4s;}
.layer3 .hd ul .on{ background: #1ac6ff;}
.layer3 .hd ul .on h3{ color: #fff;}
.layer3 .hd ul .on p{ color: #fff;}

.layer4{ width: 1200px; margin: 0 auto; overflow: hidden;}
.layer4 .tit{ padding: 95px 0 30px 0; text-align: center; font-size: 24px; color: #324057; line-height: 24px;}
.layer4 .layer4_left{ float: left; width: 268px; height: 356px; float: left; background: #ff5a00; padding-top: 35px; box-sizing: border-box;}
.layer4 .layer4_left .top h2{ text-align: center; font-size: 36px; text-align: center; line-height: 36px; color: #fff; font-weight: normal; padding-bottom: 25px;}
.layer4 .layer4_left .top h3{ font-weight: normal; font-size: 22px; line-height: 22px; text-align: center; color: #fff; padding-bottom: 45px;}
.layer4 .layer4_left .top p{ font-size: 14px; color: #fff; text-align: center; line-height: 14px; line-height: 14px; padding-bottom: 25px;}
.layer4 .layer4_left .time{ text-align: center;}
.layer4 .layer4_left .time li{ display:inline-block; height: 48px; vertical-align: top; line-height: 48px; font-size: 16px; color: #fff;}
.layer4 .layer4_left .time li .time_box{ width: 48px; height: 48px; border-radius:5px; text-align: center; line-height: 48px; font-size: 20px; color: #929ba6; background: #fff; }
.layer4_right{ width: 932px; float: right; height: 356px;}
.layer4_right ul{ overflow: hidden; width: 100%; height: 100%;}
.layer4_right ul li{ width: 154px; height: 70px; border: 0.5px solid #d0d3d9; text-align: center; line-height: 70px; font-size: 12px; position: relative; float: left; cursor: pointer;}
.layer4_right ul li .hot{ position: absolute; right: 0; top: 0; background: url(../images/a4.png); width: 30px; height: 30px; background-size:100% 100%;}
.layer4_right ul li p{ width: 100%; height: 24px; line-height: 24px; text-align: center; color: #fff; font-size: 12px; background: #ff5a00; position: absolute; left: 0; bottom: 0; display: none;}
.layer4_right ul .on{border: 0.5px solid #ff5a00;}
.layer4_right ul .on p{ display: block;}
.layer4_right ul .on .hot{ background: url(../images/a5.png); background-size:100% 100% ;}

.layer5{ padding-bottom: 60px;}
.layer5 .tit{ height: 125px; text-align: center; line-height: 125px; font-size: 24px; color: #324057;}
 
.layer5 ul{ text-align: center;}
.layer5 ul li{ display: inline-block; width: 375px; height: 630px; background: #f7f7f7; margin: 0 17px; vertical-align: top; transition: 0.5s;}
.layer5 ul li .title{ height: 110px;}
.layer5 ul li .title h2{ height: 70px; text-align: center; line-height: 70px; font-size: 24px; font-weight: normal; color: #333; transition: 0.5s;}
.layer5 ul li .title p{ text-align: center; font-size: 12px; color: #929ba6; text-align: center; transition: 0.5s;}

.layer5 ul li .money{ height: 165px; width: 100%; background: #f0f0f0;}
.layer5 ul li .money h2{ height: 80px; font-size: 80px; line-height: 80px; padding-top: 40px; color: #1ac6ff; transition: 0.5s; font-weight: normal;}
.layer5 ul li .money h2 span{ display: inline-block; line-height: 80px; font-size: 20px; color: #1ac6ff; transition: 0.5s; height: 80px;}
.layer5 ul li .money p{ text-align: center; font-size: 16px; color: #1ac6ff; line-height: 16px; padding-top: 10px;transition: 0.5s;}
.layer5 ul li .money2{ padding: 25px 0;}
.layer5 ul li .money2 p{ line-height: 24px; font-size: 14px; text-align: center; color: #475265;}
.layer5 ul li .money2 p span{ color: #20a0ff;}

.layer5 ul li .tab{ width: 325px; margin: 0 auto;}
.layer5 ul li .tab h2{ text-align: center; font-size: 14px; color: #324057; padding-bottom: 10px;}
.layer5 ul li .tab table{ width: 100%;}
.layer5 ul li .tab table tr td{ width: 50%; height: 26px; text-align: center; font-size: 14px; background: #ebeef5;}
.layer5 ul li .enter{ display: block; width: 192px; height: 42px; border: 1px solid #1bc6ff; border-radius:21px; color: #1bc6ff; text-align: center; line-height: 40px; box-sizing: border-box; margin: 43px auto 0 auto; font-size: 14px; background: #fff;}
.layer5 ul li:hover{ background: #1bc6ff;}
.layer5 ul li:hover .title h2{ color: #fff;}
.layer5 ul li:hover .title p{ color: #fff;}
.layer5 ul li:hover .money{ background: #24acdb;}
.layer5 ul li:hover .money h2{ color: #fff;}
.layer5 ul li:hover .money span{ color: #fff;}
.layer5 ul li:hover .money p{ color: #fff;}
.layer5 ul li:hover .money2 p{ color: #FFFFFF;}
.layer5 ul li:hover .money2 span{ color: #fff;}
.layer5 ul li:hover .tab h2{ color: #fff;}


.layer6{ height: 340px; width: 100%; background: #f7f7f7;}
.layer6 .tit{ height: 90px; text-align: center; color: #324057; font-size: 24px; line-height: 90px;}
.layer6 img{ display: block; margin: 0 auto;}

.layer7{ width: 1200px; margin: 0 auto;}
.layer7 .tit{ height: 115px; text-align: center; line-height: 115px; font-size: 24px; color: #324057;}
.layer7 .layer7_box{ width: 870px; height: 170px; margin: 0 auto; position: relative;}
.layer7 .layer7_box .xian{ height: 40px; border-bottom: 2px dashed #a6a6a6;}
.layer7 .layer7_box ul li{ position: absolute; width: 145px; top: 0;}
.layer7 .layer7_box ul li .icon{ height: 80px; width: 145px; background: #fff;}
.layer7 .layer7_box ul li .icon img{ height: 100%; width: auto; display: block; margin: 0 auto;}
.layer7 .layer7_box ul li p{ padding-top: 10px; text-align: center; font-size: 12px; color: #324057;}

.footer{ position: fixed; height: 135px; bottom: 0; left: 0; z-index: 999;}
.footer img{ display: block; width: auto; height: 100%;}
.footer_box{ position: absolute; width: 1200px; left: 50%; transform: translateX(-50%); height: 135px; top: 0;}
.footer_box .time{ width: 330px; position: absolute; top: 50%; transform: translateY(-50%); text-align: center;right: 350px;}
.footer_box .time li{ display:inline-block; vertical-align: top; height: 56px;line-height: 56px; font-size: 26px; color: #fff;}
.footer_box .time .time_box{ width: 56px; height: 56px; background: #fff; text-align: center; line-height: 56px; color: #e25300; font-size: 26px;  border-radius:8px ;}

.copyright{ width: 100%; background: #475669; padding: 25px 0;}
.copyright_box{ width: 1200px; margin: 0 auto;}
.copyright_box ul{ padding-bottom: 15px; overflow: hidden;}
.copyright_box ul li{ float: left; padding-right: 15px;}
.copyright_box ul li a{ font-size: 12px; color: #687d99;}
.copyright_box p{ font-size: 12px;color: #687d99;}