.page1 { background:url(../image/bg1.jpg) no-repeat;background-size:cover}
.page2 { background:url(../image/bg2.jpg) no-repeat;background-size:cover}
.page3 { background:url(../image/bg3.jpg) no-repeat;background-size:cover}
.page4 { background:url(../image/bg2.jpg) no-repeat;background-size:cover}
.page5 { background:url(../image/bg3.jpg) no-repeat;background-size:cover}
.page6 { background:url(../image/bg4.jpg) no-repeat;background-size:cover}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.content_position{position:relative;top:10%}
.logo_pic {display:block;background:url(../image/logo_pic.png) no-repeat;width:332px;height:45px;margin:2%}
.zhaopin{display:block;background: url(../image/zhaopin1.png) no-repeat;position:relative;top:5%;width:700px;height:116px;margin:0 auto}
.zhapin_title{text-align:center;position:relative;top:12%;color:#fff;font-size:4rem;line-height:8rem}
.start{display:block;background: url(../image/start.png) no-repeat;position:relative;top:10%;width:400px;height:121px;margin:0 auto;background-size:100%}
@media (max-width:467px){.logo_pic{width:50%;background-size:100%}.zhaopin{width:80%;height:70px;background-size:100%}.zhapin_title{font-size:1.5rem;line-height:3rem}.start{margin:40px auto;width:50%;background-size:100%}}
@media (min-width:468px) and (max-width:767px){.logo_pic{width:45%;background-size:100%}.zhaopin{width:70%;height:120px;background-size:100%}.zhapin_title{font-size:1.5rem;line-height:4rem}.start{margin:40px auto;width:45%;background-size:100%}}
.down{position: absolute;bottom:5%;left:50%}
.down span{display: block;width: 15px;height: 15px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);
transform: rotate(45deg);border-right: 2px solid white;border-bottom: 2px solid white;margin: 3px 0 3px 3px;}
.unu {-webkit-animation-delay: .1s;-moz-animation-delay: .1s;}
.doi {-webkit-animation-delay: .2s;-moz-animation-delay: .2s;}
.unu {-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;}
.doi {-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;}
@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
.text_title{position:relative;top:90px;left:38%;padding:15px 40px;border-radius:50px;background:linear-gradient(90deg, #ff7002, #ffb601);font-size:3rem;line-height:116px;color:#fff;text-align:center}
.text_content{position:relative;top:18%;padding:0 60px;line-height:50px;font-size:1.5rem;}
.text_content p{text-indent:40px}
.img_pic{position:relative;top:18%;padding:0 60px}
.img_pic ul{width:100%;max-width:100%;padding:0;margin:0}
.img_pic li{float:left;list-style-type:none;width:27%;height:100%;margin:2% 3%;display:inline;}
.img_pic li img{width:100%;height:100%;border:5px solid #fff; border-radius:10px;box-shadow:2px 2px 3px #306}
@media (min-width:468px) and (max-width:767px){.img_pic{position:relative;top:12%;padding:0 90px}.img_pic li{float:left;list-style-type:none;width:44%;height:100%;margin:2% 3%;display:inline;}}
@media (max-width:467px){.img_pic{position:relative;top:15%;padding:0 30px}.img_pic li{float:left;list-style-type:none;width:44%;height:100%;margin:2% 3%;display:inline;}.img_pic li img{width:100%;height:100%;border:3px solid #fff; border-radius:10px;box-shadow:2px 2px 3px #306}}
@media (max-width:375px){.img_pic{position:relative;top:10%;padding:0 30px}.img_pic li{float:left;list-style-type:none;width:44%;height:100%;margin:2% 3%;display:inline;}.img_pic li img{width:100%;height:100%;border:3px solid #fff; border-radius:10px;box-shadow:2px 2px 3px #306}}
@media (max-width:320px){.img_pic{position:relative;top:8%;padding:0 30px}.img_pic li{float:left;list-style-type:none;width:44%;height:100%;margin:2% 3%;display:inline;}.img_pic li img{width:100%;height:100%;border:3px solid #fff; border-radius:10px;box-shadow:2px 2px 3px #306}}
.idea{position:relative;top:20%;padding:0 60px;}
.idea p{font-size:2.2rem;font-weight:700;text-align:center}
.idea ul{width:100%;max-width:100%;padding:0;margin:0}
.idea li{float:left;margin-bottom:20%;color:#fff;width:29%;height:100%;margin:30px 20px;list-style-type:none;}
.idea li img{width:100%;height:100%;}

@media (min-width:767px) and (max-width:1046px){.idea{position:relative;top:20%;padding:0 60px;}.idea li{float:left;margin-bottom:20%;color:#fff;width:28%;height:100%;margin:20px 15px;list-style-type:none;}}
@media (max-width:767px){.idea{position:relative;top:12%;padding:0 20px;}.idea li{float:left;margin-bottom:20%;color:#fff;width:44%;height:100%;margin:10px 8px;list-style-type:none;}}

.join{position:relative;top:25%;padding:0 60px;}
.join table{border-spacing: 0;border-collapse: collapse;width: 100%;max-width: 100%;margin-bottom: 20px;border: 2px solid #fff;text-align: center;background:#8ad1e8;font-size:1.2rem;}
.join tr{width:100%;}
.join tr,.join td{border:2px solid #fff;padding:6px 20px;}
.join .table_width{width:80px}
.join_text{font-size:1.8rem;color:#fff}
.join_us{position:relative;top:25%;background:url(../image/join.png) no-repeat;width:180px;height:180px;margin:0 auto;background-size:100%}
.prize{display:none;}
.no_prize{display:none;}
.prize_icon{position:relative;top:168px;z-index:1000;background:url(../image/print_icon.png) no-repeat;width:70px;height:72px;background-size:100%;margin:0 auto;}
.prize_bg{position:relative;top:100px;margin:40px;padding:40px 20px 50px;background:#fff;border:5px solid #ff9e01;border-radius: 10px;text-align: center;color:#d5372c;}
.no_prize_bg{color:#262626;}
.prize_btn a{display:block;position:relative;top:30px;padding:12px 0px;margin:0 100px;border-radius:50px;background:linear-gradient(90deg, #ff7002, #ffb601);font-size:1rem;color:#fff;text-align:center;text-decoration: none}
@media (min-width:1000px) and (max-width:1279px){.text_title{padding:10px 35px;font-size:2.8rem;}.text_content{top:15%;font-size:1.5rem;line-height:45px}}
@media (min-width:767px) and (max-width:1000px){.text_title{padding:10px 30px;font-size:2.5rem;}.text_content{top:11%;font-size:1.4rem;line-height:40px}}
@media (min-width:468px) and (max-width:767px){.text_title{top:100px;left:35%;padding:8px 25px;font-size:2rem;}.text_content{top:11%;font-size:1.1rem;line-height:35px;padding:0 50px}}
@media (max-width:467px){.text_title{top:-10px;left:20px;padding:8px 20px;font-size:1.8rem;}.text_content{top:9%;font-size:1rem;line-height:24px;padding:0 30px}}
@media (max-width:375px){.text_title{top:-10px;left:20px;padding:8px 20px;font-size:1.8rem;}.text_content{top:6%;font-size:0.9rem;line-height:20px;padding:0 30px}}
@media (max-width:320px){.text_title{top:-10px;left:20px;padding:8px 20px;font-size:1.5rem;}.text_content{top:3%;font-size:0.8rem;line-height:18px;padding:0 20px}}


@media (min-width:767px) and (max-width:1000px){.join{top:16%;padding:0 60px;}.join_us{top:15%;width:150px;height:150px;}.join_text{font-size:1.5rem;}}
@media (min-width:468px) and (max-width:767px){.join{top:20%;padding:0 50px;}.join_us{top:20%;width:130px;height:130px;}.join tr,.join td{border:2px solid #fff;padding:10px;}.join_text{font-size:1.4rem;}.join table{font-size:1rem}.join .table_width{width:50px}}
@media (max-width:467px){.join{top:13%;padding:0 30px;}.join_us{top:14%;width:100px;height:100px;}.join tr,.join td{border:2px solid #fff;padding:4px 6px;}.join_text{font-size:1rem;}.join table{font-size:0.9rem}.join .table_width{width:30px}}
@media (max-width:375px){.join{top:6%;padding:0 25px;}.join_us{top:10%;width:80px;height:80px;}.join tr,.join td{border:2px solid #fff;padding:4px 6pxpx;}.join_text{font-size:0.8rem;}.join table{font-size:0.9rem}.join .table_width{width:30px}}
@media (max-width:320px){.join{top:6%;padding:0 25px;}.join_us{top:5%;width:70px;height:70px;}.join tr,.join td{border:2px solid #fff;padding:2px 3px;}.join_text{font-size:0.8rem;}.join table{font-size:0.7rem;margin-bottom:5px}.join .table_width{width:20px}}