@charset "utf-8";
/* CSS Document */
.part3 div,.part4 div{ box-sizing: border-box;}
.wanban{ width: 100%; height:auto; margin: 0 auto; font-family: "微软雅黑";}
.wanban img{ max-width: 100%; height: auto; border: 0; vertical-align: bottom; margin:0 auto ;}
.wanban .part1{ width: 100%; height:1013px; margin: 0 auto; background: url("../images/p1_bg.jpg")  center top no-repeat; position: relative; }
.wanban .part1 .p1-l{ width: 111px; height: auto; position: absolute; left: 0; bottom: 40px; z-index: 100;}
.wanban .part1 .p1-r{ width: 200px; height: auto; position: absolute; right:60px; top: 20px; z-index: 100;}
.wanban .con{ width: 1250px; height: auto; margin: 0 auto;}
.wanban .con .title{ width: 100%; height: auto; margin: 0 auto; padding-top: 50px; text-align: center;}
.wanban .part1 .con{ position: relative;}
.wanban .part1 .con .ll{ position: absolute; left: 0; top: 225px;  width: 660px; height: 440px; z-index: 100;}
.wanban .part1 .con .rr{ position: absolute; right: 0; top: 197px;  width: 660px; height: 500px; z-index: 99; background: #fceabe; padding-top: 60px;}
.wanban .part1 .con .rr p{ width: 60%; margin: 0 auto; height: auto; padding: 10px 0; color: #000; font-size: 30px;}
.wanban .part1 .con .rr p span{ color: #ff0000;}
.wanban .part1 .con .rr .zx1{ width: 220px; height: 50px; line-height: 50px; background: #f4c763; text-align: center; font-size: 28px; margin-left: 130px; margin-top: 30px; letter-spacing: 2px;}
.wanban .part1 .con .rr .zx1 a{color: #000;}
.wanban .part1 .time-bg{ position: absolute; width: 480px; height: 130px; background: #f8dea7;  bottom: 100px; left: 50%; margin-left: -230px; z-index: 1;}
.wanban .part1 .time{ position: absolute; width: 480px; height: 130px; background: #f4c763;  bottom: 90px; left: 50%; margin-left: -240px; z-index: 2; padding: 10px 0;}
.wanban .part1 .time p{ font-size: 30px; text-align: center; color: #000; line-height: 200%; font-weight: 500;}
.wanban .part2{ width: 100%; height:1302px; margin: 0 auto; background: url("../images/p2_bg.jpg")  center top no-repeat; position: relative; }
.wanban .part2 .p2-r{ width: 200px; height: auto; position: absolute; right:0px; top: -80px; z-index: 100;}
.wanban .title{ width: 100%; height: auto; margin: 0 auto; padding-top: 50px; text-align: center;}
.wanban .part2 .con{ position: relative; margin-top: 40px;}
.wanban .part2 .con .p2-1{ width: 310px; height: 320px; position: absolute; left: 0; top: 0; background: #fce1a0;  padding-top: 85px;}
.wanban .part2 .con .p2-2{ width: 630px; height: 320px; position: absolute; left: 310px; top: 0;}
.wanban .part2 .con .p2-3{ width: 310px; height: 625px; position: absolute; right: 0px; top: 0; background: #fce1a0; padding-top: 220px;}
.wanban .part2 .con .p2-4{ width: 310px; height: 625px; position: absolute; left: 0; top: 310px; }
.wanban .part2 .con .p2-5{ width: 315px; height: 315px; position: absolute; left: 310px; top: 310px; background: #f4c763; padding-top: 50px;}
.wanban .part2 .con .p2-6{ width: 315px; height: 315px; position: absolute; left: 625px; top: 310px; }
.wanban .part2 .con .p2-7{ width: 630px; height: 310px; position: absolute; left: 310px; top: 625px; background: #fce1a0; padding-top: 115px;}
.wanban .part2 .con .p2-8{ width: 310px; height: 310px; position: absolute; left: 940px; top: 625px; }
.wanban .part2 .con .p2-1 p{ width: 85%; margin: 0 auto; height: auto; line-height: 150%; font-size: 28px; }
.wanban .part2 .con .p2-3 p{ width: 200px; margin: 0 auto; height: auto; line-height: 150%; font-size: 28px; }
.wanban .part2 .con .p2-5 p{ width: 190px; margin: 0 auto; height: auto; line-height: 150%; font-size: 28px; }
.wanban .part2 .con .p2-7 p{ width: 520px; margin: 0 auto; height: auto; line-height: 150%; font-size: 28px; }
.wanban .part3{ width: 100%; height:auto; margin: 0 auto;  }
.wanban .part3 .top{ width: 100%; height: 772px; background: url("../images/p3.jpg")  center top no-repeat; padding-top: 190px;}
.wanban .part3 .top .youshi{ width: 1200px; height: auto; margin: 0 auto; }
.wanban .part3 .top .youshi .y1{ width: 370px; height: 370px; background: #fceabe; float: left;}
.wanban .part3 .top .youshi .y2{ width: 370px; height: 370px; background: #f7d487; float: left; margin-left: 45px;}
.wanban .part3 .top .youshi .y3{ width: 370px; height: 370px; background: #fceabe; float: right; }
.wanban .part3 .top .youshi .y1 .title2{  color: #e41c0d; font-size: 32px;  text-align: center; padding-top: 50px;}
.wanban .part3 .top .youshi .y1 .text{ width: 290px; margin: 0 auto;  color: #000; font-size: 28px;  padding-top: 20px; line-height: 175%;  }
.wanban .part3 .top .youshi .y1 .text span{ color: #fb5256;}
.wanban .part3 .top .youshi .y2 .title2{  color: #e11200; font-size: 32px;  text-align: center; padding-top: 50px;}
.wanban .part3 .top .youshi .y2 .text{ width: 320px; margin: 0 auto;  color: #000; font-size: 28px;  padding-top: 20px; line-height: 175%;  }
.wanban .part3 .top .youshi .y2 .text a{ color: #fb5256;}
.wanban .part3 .top .youshi .y3 .title2{  color: #e41c0d; font-size: 32px;  text-align: center; padding-top: 50px;}
.wanban .part3 .top .youshi .y3 .text{ width: 320px; margin: 0 auto;  color: #000; font-size: 28px;  padding-top: 20px; line-height: 175%;  }
.wanban .part3 .top .youshi .y3 .text span{ color: #fb5256;}
.wanban .part4{ width: 100%; height:auto; margin: 0 auto; position: relative; overflow: hidden;  }
.wanban .part4 .line{ position: absolute; left: 50%; width: 1px; height: 100%; top: 245px; background: #555;}
.wanban .part4 .top{ width: 100%; height: 1153px; background: url("../images/p4-bg_01.jpg")  center top no-repeat; }
.wanban .part4 .top .hbtp{ width: 1200px; height: 499px; margin: 0 auto; position: relative; margin-top: 60px; }
.wanban .part4 .top .hbtp .title3{ position: absolute; width: 100%; font-size: 36px; text-align: center; z-index: 3; color: #fce1a0; top:30px;}
.wanban .part4 .top .hbtp .title3 span{ color: #000;}
.wanban .part4 .top .hbtp .l-p{ position: absolute; width: 650px; height: 288px; font-size: 28px;  z-index: 2; color: #000; top:106px; left: 0; background: #fce1a0; padding: 30px 40px; line-height: 200%;}
.wanban .part4 .top .hbtp .r-i{ position: absolute; width: 600px; height: 499px;  z-index: 1; top:0px; right: 0; }
.wanban .part4 .top .xc{ width: 1200px; height: 500px; margin: 0 auto; position: relative; margin-top: 80px;}
.wanban .part4 .top .xc .title3{ position: absolute; width: 100%; font-size: 36px; text-align: center; z-index: 3; color: #fce1a0; top:30px;}
.wanban .part4 .top .xc .title3 span{ color: #000;}
.wanban .part4 .top .xc .l-i{ position: absolute; width: 600px; height: 500px; left: 0; top: 0; z-index: 1; }
.wanban .part4 .top .xc .r-p{ position: absolute; width: 650px; height: 288px; font-size: 28px;  z-index: 2; color: #000; top:106px; right: 0; background: #fce1a0; padding: 30px 40px; line-height: 200%;}
.wanban .part4 .bottom{ width: 100%; height: 1263px; background: url("../images/p4-bg_02.jpg")  center top no-repeat; padding-top: 250px;}
.wanban .part4 .bottom .tj{ width: 1200px; height: 412px; margin: 0 auto; position: relative;  }
.wanban .part4 .bottom .tj .title3{ position: absolute; width: 100%; font-size: 36px; text-align: center; z-index: 3; color: #fce1a0; top:15px;}
.wanban .part4 .bottom .tj .l-p{ position: absolute; width: 650px; height: 250px; font-size: 28px;  z-index: 2; color: #000; top:81px; left: 0; background: #fce1a0; padding: 40px 40px; line-height: 200%;}
.wanban .part4 .bottom .tj .r-i{ position: absolute; width: 600px; height: 412px;  z-index: 1; top:0px; right: 0; }
.wanban .part4 .bottom .kf{ width: 1200px; height: 348px; margin: 0 auto; position: relative; margin-top: 80px;}
.wanban .part4 .bottom .kf .title3{ position: absolute; width: 100%; font-size: 36px; text-align: center; z-index: 3; color: #fce1a0; top:20px;}
.wanban .part4 .bottom .kf .title3 span{ color: #000;}
.wanban .part4 .bottom .kf .l-i{ position: absolute; width: 600px; height: 348px; left: 0; top: 0; z-index: 1; }
.wanban .part4 .bottom .kf .r-p{ position: absolute; width: 650px; height: 180px; font-size: 28px;  z-index: 2; color: #000; top:85px; right: 0; background: #fce1a0; padding: 30px 40px; line-height: 200%;}
/*直播弹窗2020-8-13*/
.fix-zb{ width: 8%; max-width: 120px; position: fixed; right: 0; top: 52%; height: auto; z-index: 999999;}
.red_box{ width: 100%; height: 30px; line-height: 30px; background: #f45330; position: relative;}
.red_box p{ color: #fff; text-align: right; padding-right: 0.3rem; font-size: 0.5rem; letter-spacing: 0.05rem; font-weight: bold;}
.red_box ul{ position: absolute; top:50%; left: 10%;}
.red_box ul li{ float: left; width: 0.1rem; height: 0.1rem; border-radius: 0.1rem; margin-right: 0.1rem; background-color: #fff; }
.red_box ul li:nth-child(1){
    animation: love1 2s infinite;
}
.red_box ul li:nth-child(2){
    animation: love2 2s infinite;
    animation-delay: 0.15s;
}
.red_box ul  li:nth-child(3){
    animation: love3 2s infinite;
    animation-delay: 0.3s;
}
@keyframes love1{
    30%,50%{height: 0.3rem; transform: translateY(-0.15rem);}
    75%,100%{height: 0.125rem; transform: translateY(0);}
}
@keyframes love2{
    30%,50%{height: 0.4rem; transform: translateY(-0.2rem);}
    75%,100%{height: 0.125rem; transform: translateY(0);}
}
@keyframes love3{
    30%,50%{height: 0.3rem; transform: translateY(-0.15rem);}
    75%,100%{height: 0.125rem; transform: translateY(0);}
}
.zhibo_alert2{ width: 620px; position:fixed; left: 0; right: 0; margin: 0 auto; top:40%; margin-top:-6rem; z-index:99999999999999999999999999; font-family: 微软雅黑; display: none;}
.zb-play{ position: absolute; width: 32px; height: 32px; bottom: 1rem; left: 10px; cursor: pointer;}
.zb-close{ width: 32px; height: 32px; background: #ee5400; line-height: 32px; text-align: center; font-size: 20px; color: #fff; position: absolute; top: 0; right: 0; cursor: pointer;}
.zb-bd{ width: 280px; height: auto; position: absolute; right: 40px; top: 30px; border-radius: 6px; box-shadow: 5px 5px 1rem rgba(0,0,0,.3); padding: 12px 0 16px; background: #fff;}
.zb-t1{ text-align: center; font-size: 22px; letter-spacing: 2px; color: #000000; font-weight: bold; line-height: 1.8;}
.zb-t2{ text-align: center; font-size: 16px; color: #ff1442; line-height: 1.8; font-weight: bold;}
.zb-t3{ text-align: center; font-size: 12px; color: #595757; line-height: 1.8;}
.zb-in{ display: block; width: 86%; margin: 0 auto; height: 36px; line-height: 36px; border: 1px solid #999; margin-top: 12px; padding-left: 12px; border-radius: 4px;}
.zb-sub{  width: 86%; margin: 0 auto; height: 36px; line-height: 36px;  margin-top: 12px; text-align: center; border-radius: 4px; background: #ff9c05; color: #fff; letter-spacing: 1px; font-size: 15px; cursor: pointer;}