.main{
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    margin: 0px auto;
}
img {
    max-width: 640px;
    max-width: 100%;
    display: block;
}

.bg02{ background:#f7f9f8 ;}
.bg02 div p{ text-align: center; line-height: 2em;}
.bg02 div p:nth-child(1){font-size: 40px; font-weight: 800;}
.bg02 div p:nth-child(1) span{color:#ee7b76; font-style: italic;}
.bg02 div p:nth-child(2){font-size: 20px; font-weight: 600;}
.bg02 div ul li{ width: 24%; float: left; margin: 40px 0px 0px 1%;}
.bg02 div ul li img{border-radius: 50%;}


.bg02 div ul:nth-child(6) li span{ background: #f2685b; padding: 10px 20px;}
.bg02 a{display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 30px auto 0px auto; background: #4069d3; border-radius: 40px; text-align: center;}
@media screen and (max-width: 600px){
    .bg02 div p:nth-child(1){font-size: 30px; font-weight: 800;}
    .bg02 div p:nth-child(1) span{color:#ee7b76; font-style: italic;}
    .bg02 div p:nth-child(2){font-size: 16px; font-weight: 600;}
}
@media screen and (max-width: 460px){
    .bg02 div p:nth-child(1){font-size: 20px; font-weight: 800;}
    .bg02 div p:nth-child(1) span{color:#ee7b76; font-style: italic;}
    .bg02 div p:nth-child(2){font-size: 14px; font-weight: 600;}
}


.bg03 div p{ text-align: center; }
.bg03 div p:nth-child(1){font-size: 50px; font-weight: 800;line-height: 2em;}
.bg03 div p:nth-child(1) span{color:#ee7b76; font-style: italic;}
.bg03 div p:nth-child(2){font-size: 30px; font-weight: 600;line-height: 2em;}
.bg03 div ul li{ float: left; margin: 20px 0px 0px 15px; width: 291px;}
.bg03 div ul li p:nth-child(2){ border: 2px solid #e0e1e1;  padding:10px 10px 10px 10px;line-height: 1em; font-size: 16px; text-align: left; font-weight: 400;}

@media screen and (max-width: 600px){
    .bg03 div p:nth-child(1){font-size: 30px; font-weight: 800;}
    .bg03 div p:nth-child(1) span{color:#ee7b76; font-style: italic;}
    .bg03 div p:nth-child(2){font-size: 16px; font-weight: 600;}
    .bg03 div ul li{ float: left; margin: 20px 0px 0px 15px; width: 45%;}
}
@media screen and (max-width: 460px){
    .bg03 div p:nth-child(1){font-size: 20px; font-weight: 800;}
    .bg03 div p:nth-child(1) span{color:#ee7b76; font-style: italic;}
    .bg03 div p:nth-child(2){font-size: 14px; font-weight: 600;}
}




.bg04{}
.bg04 div{ text-align: center;}
.bg04 div ul li{ float: left; width: 300px; text-align: left; margin-left: 10px; margin-top: 40px; }
.bg04 div ul li div{ text-align: left;}
.bg04 div ul li div:nth-child(1){background: #07b5d5; border-radius: 10px 10px 0px 0px; color: white; padding: 25px; }
.bg04 div ul li div:nth-child(1) p{margin-top: 10px;}
.bg04 div ul li div:nth-child(1) p:nth-child(1){ font-size: 35px; font-weight: 600;}
.bg04 div ul li div:nth-child(1) p:nth-child(2){ font-size: 45px;border-bottom: white 3px solid; font-weight: 600;}
.bg04 div ul li div:nth-child(1) p:nth-child(3){ font-size: 20px;}
.bg04 div ul li div:nth-child(2){background: #fbf2fc; border-radius: 0px 0px 10px 10px; padding: 15px; }
.bg04 div ul li div:nth-child(2) p:nth-child(1){ color: red; font-size: 32px; font-weight: 600; text-align: center;}
.bg04 div ul li div:nth-child(2) p:nth-child(2){ color: black; font-size: 20px; font-weight: 600; text-align: center;}
.bg04 div a{display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 30px auto 0px auto; background: #4069d3; border-radius: 40px; }
@media screen and (max-width: 630px){
    .bg04 div ul li{ float: left; width: 46%; text-align: left; margin-left: 10px; margin-top: 5%; }
    .bg04 div ul li div:nth-child(1){background: #07b5d5; border-radius: 10px 10px 0px 0px; color: white; padding: 5%; }
    .bg04 div ul li div:nth-child(1) p{margin-top: 10px;}
    .bg04 div ul li div:nth-child(1) p:nth-child(1){ font-size: 20px; font-weight: 600;}
    .bg04 div ul li div:nth-child(1) p:nth-child(2){ font-size: 25px;border-bottom: white 3px solid; font-weight: 600;}
    .bg04 div ul li div:nth-child(1) p:nth-child(3){ font-size: 12px;}
    .bg04 div ul li div:nth-child(2){background: #fbf2fc; border-radius: 0px 0px 10px 10px; padding: 15px; }
    .bg04 div ul li div:nth-child(2) p:nth-child(1){ color: red; font-size: 25px; font-weight: 600; text-align: center;}
    .bg04 div ul li div:nth-child(2) p:nth-child(2){ color: black; font-size: 14px; font-weight: 600; text-align: center;}
}




.bg05{background:#282828;}
.bg05 a{display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 30px auto 0px auto; background: #4069d3; border-radius: 40px; text-align: center;}
.bg05 div{ text-align: center; color: white;}
.bg05 div p:nth-child(1){font-size: 50px; font-weight: 800;line-height: 2em; margin-top: 20px; padding-top: 20px;}
.bg05 div p:nth-child(1) span{color:#fff100; font-style: italic;}
.bg05 div p:nth-child(2){font-size: 30px; font-weight: 600;line-height: 2em;}
.bg05 div ul:nth-child(3){margin-top: 20px;}
.bg05 div ul:nth-child(3) li{float: left; background: url("../images/bg5-1.jpg") no-repeat; background-size: 100%; width: 30%; font-size: 18px; margin-left: 2%;}
.bg05 div ul:nth-child(3) li p{ padding: 15% 18%; font-size: 14px;}
.bg05 div ul:nth-child(5) li{float: left; border: dotted 2px white; width: 70%; padding: 5%; margin:2% 9%; border-radius: 10px;}
@media screen and (max-width: 612px){
    .bg05 div p:nth-child(1){font-size: 30px; font-weight: 800;line-height: 2em; margin-top: 20px; padding-top: 20px;}
    .bg05 div p:nth-child(1) span{color:#fff100; font-style: italic;}
    .bg05 div p:nth-child(2){font-size: 12px; font-weight: 600;line-height: 2em;}
    .bg05 div ul:nth-child(3) li p{ padding: 15% 20%; font-size: 12px;}
}
@media screen and (max-width: 612px){
    .bg05 div ul:nth-child(3) li{float: left; background: url("../images/bg5-1.jpg") no-repeat; background-size: 100%; width: 30%; font-size: 12px; margin-left: 2%;}
    .bg05 div ul:nth-child(3) li p{ padding: 15% 18%; font-size: 12px;}
}
@media screen and (max-width: 550px){
    .bg05 div ul:nth-child(3) li{float: left; background: url("../images/bg5-1.jpg") no-repeat; background-size: 100%; width: 30%; font-size: 12px; margin-left: 2%;}
    .bg05 div ul:nth-child(3) li p{ padding: 15% 18%; font-size: 12px; line-height: 14px;}
}
@media screen and (max-width: 440px){
    .bg05 div ul:nth-child(3) li{float: left; background: url("../images/bg5-1.jpg") no-repeat; background-size: 100%; width: 30%; font-size: 12px; margin-left: 2.5%;}
    .bg05 div ul:nth-child(3) li p{ padding: 15% 18%; font-size: 10px; line-height: 12px;}
}
@media screen and (max-width: 400px){
    .bg05 div ul:nth-child(3) li{float: left; background: url("../images/bg5-1.jpg") no-repeat; background-size: 100%; width: 30%; font-size: 8px; margin-left: 2%;}
    .bg05 div ul:nth-child(3) li p{ padding: 12% 18%; font-size: 8px; line-height: 10px;}
}


.bg06{ background:#f7f8f8;}
.bg06 div p{text-align: center;}
.bg06 div p:nth-child(1){font-size: 30px; font-weight: 800;line-height: 2em;  padding-top: 40px;}
.bg06 div p:nth-child(1) span{color:#f36d6e; font-style: italic;}
.bg06 div p:nth-child(2){font-size: 20px; font-weight: 600;line-height: 2em;}
.bg06 div p span{ color:#cb2110;}
.bg06 div a{ display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 30px auto 0px auto; background: #4069d3; border-radius: 40px; text-align: center; }
@media screen and (max-width: 550px){
    .bg06 div p:nth-child(1){font-size: 20px; font-weight: 800;line-height: 2em;  padding-top: 40px;}
    .bg06 div p:nth-child(1) span{color:#f36d6e; font-style: italic;}
    .bg06 div p:nth-child(2){font-size: 14px; font-weight: 600;line-height: 2em;}
}




.bg07{ background:#fdfdfd; }
.bg07 div p{text-align: center;}
.bg07 div p:nth-child(1){font-size: 40px; font-weight: 800;line-height: 2em;  padding-top: 40px;}
.bg07 div p:nth-child(1) span{color:#f36d6e; font-style: italic;}
.bg07 div p:nth-child(2){font-size: 20px; font-weight: 600;line-height: 2em;}
.bg07 div ul{ margin-top: 2%;}
.bg07 div ul li{ float: left; background: url("../images/7-2.jpg") no-repeat; background-size: 100%; width: 14%; background-size: 100%; margin-left: 2%; margin-top: 2%;  font-size: 18px; color: white; text-align: center; }
.bg07 div ul li.active{ background: url("../images/7-1.jpg") no-repeat; width: 14%; background-size: 100%;}
.bg07 div ul li p:nth-child(1){font-size: 10px; padding: 0px;}
@media screen and (max-width: 550px){
    .bg07 div p:nth-child(1){font-size: 20px; font-weight: 800;line-height: 2em;  padding-top: 10px;}
    .bg07 div p:nth-child(1) span{color:#f36d6e; font-style: italic;}
    .bg07 div p:nth-child(2){font-size: 14px; font-weight: 600;line-height: 2em;}
}


.bg08{ background:#282828; color: white;}
.bg08 div a{ color: #fff61a; }
.bg08 div a{display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 40px auto 0px auto; background: #ff865d; border-radius: 40px; text-align: center;}

.bg08-1{ width: 95%; padding-top: 2%; margin: 2%; display: none;}
.bg08-1 p{color: white; border: dotted 5px white; border-radius: 10px; padding: 20px; font-size: 16px; line-height: 2em; margin-top: 40px;}
.bg08-1 ul{ margin-top: 40px; padding-bottom: 40px;}
.bg08-1 ul li{ width: 30%; float: left; margin-left: 2%;}

.bg08-2{ display: none; padding-top: 20px; margin-top: 2%;}
.bg08-2 p{font-size: 20px; font-weight: 800;line-height: 2em;  padding-top: 40px; text-align: center;}
.bg08-2 p span{color:#f36d6e; font-style: italic;}
.bg08-2 ul{ margin-top: 40px; padding-bottom: 40px;}
.bg08-2 ul li{float: left; width:44%; border: dotted 5px white; border-radius: 20px; margin-left: 2%; padding: 20px 0px;}
.bg08-2 ul li p{padding: 0px 10px;}
.bg08-2 ul li p:nth-child(2){font-size: 20px; color:#fff700;font-weight: 800;line-height: 1em;  padding-top: 10px;}
.bg08-2 ul li p:nth-child(3){font-size: 20px; color:#fff700;font-weight: 800;line-height: 1em;  padding-top: 10px;}
.bg08-2 ul li p:nth-child(4){font-size: 16px; color:#ffffff;font-weight: 400;line-height: 1em;  padding-top: 10px;}
.bg08-2 ul li a{ display: block ;width:80%;max-width: 150px ; height: 50px; line-height: 50px; color: white;margin: 10px auto 10px auto; background: #464545; border-radius: 10px; text-align: center;}

.bg08-3{ display: none; padding-top: 20px; margin-top: 2%;}
.bg08-3 p{font-size: 50px; font-weight: 800;line-height: 2em;  padding-top: 20px; text-align: center;}
.bg08-3 p span{color:#fff100; font-style: italic;}
.bg08-3 ul li{ width: 270px ; float: left; margin-left: 30px;}
.bg08-3 ul li p{color: black; font-size: 20px; padding-top: 0px;line-height:2em;}
.bg08-3 ul li div img{ width: 100%;}
.bg08-3 ul li div:nth-child(1){position: relative;}
.bg08-3 ul li div:nth-child(1) span{display: none;}
.bg08-3 ul li:hover div:nth-child(1) span{display: inline;}
.bg08-3 ul li div:nth-child(1) p{ position: absolute; top: 130px; left: 0px;width: 230px; height: 20px; padding:20px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.bg08-3 ul li:hover div:nth-child(1) p{display:block; background: rgba(0,0,0,.7);color: white;padding:20px;width: 230px; height: 280px; position: absolute; top: 0px; left: 0px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.bg08-3 ul li div:nth-child(2){ margin-top: 10px; background: white; padding: 10px 0px; text-align: center;}
.bg08-3 a{display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 30px auto 0px auto; background: #ff865d; border-radius: 40px; text-align: center;}
@media screen and (max-width: 620px){
    .bg08-3 ul li{ width: 45% ; float: left; margin-left: 3%;}
    .bg08-3 p{font-size: 24px; font-weight: 800;line-height: 2em;  padding-top: 10px; text-align: center;}
    .bg08-3 ul li p{color: black; font-size: 14px; padding-top: 0px;line-height:2em;}
}





.bg08-4{ display: none; padding-top: 20px; margin-top: 2%;}
.bg08-4 p:nth-child(1){font-size: 50px; font-weight: 800;line-height: 2em;  padding-top: 20px; text-align: center;}
.bg08-4 p span{color:#fff100; font-style: italic;}
.bg08-4 p:nth-child(2){font-size: 30px; font-weight: 400;line-height: 2em;  padding-top: 20px; text-align: center;}
@media screen and (max-width: 640px){
    .bg08-4 p:nth-child(1){font-size: 20px; font-weight: 800;line-height: 2em;  padding-top: 20px; text-align: center;}
    .bg08-4 p span{color:#fff100; font-style: italic;}
    .bg08-4 p:nth-child(2){font-size: 18px; font-weight: 400;line-height: 2em;  padding-top: 20px; text-align: center;}
}


.bg08-5{ display: none; padding-top: 20px; margin-top: 2%;}
.bg08-5 p:nth-child(1){font-size: 50px; font-weight: 800;line-height: 2em;  padding-top: 20px; text-align: center;}
.bg08-5 p span{color:#fff100; font-style: italic;}
.bg08-5 p:nth-child(2){font-size: 30px; font-weight: 400;line-height: 2em;  padding-top: 20px; text-align: center;}
.bg08-5 ul{ margin-top: 40px;}
.bg08-5 ul li{ float: left; width: 255px; margin-left: 42px;}
.bg08-5 ul li p:nth-child(1){ background: url("../images/8-5-1.jpg") no-repeat; background-size: 100%; width: 255px;  text-align: center; font-size: 40px; line-height: 1.5em;padding-top: 60px; margin-right: 0px;}
.bg08-5 ul li a{ display: block ;width: 150px ; height: 50px; line-height: 50px; color: white;margin: 0px auto 10px auto; background: #464545; border-radius: 10px; text-align: center;}
.myshow{ display: block;}
@media screen and (max-width: 620px){
    .bg08-5 p:nth-child(1){font-size: 30px; font-weight: 800;line-height: 2em;  padding-top: 20px; text-align: center;}
    .bg08-5 p span{color:#fff100; font-style: italic;}
    .bg08-5 p:nth-child(2){font-size: 24px; font-weight: 400;line-height: 2em;  padding-top: 20px; text-align: center;}
    .bg08-5 ul li{ float: left; width: 45%; margin-left: 2%;}
    .bg08-5 ul li p:nth-child(1){ background: url("../images/8-5-1.jpg") no-repeat; background-size: 100%; width: 100%; text-align: center; font-size: 40px; line-height: 1.5em;padding-top: 60px; margin-right: 0px;}
}
@media screen and (max-width: 550px){
    .bg08-5 ul li p:nth-child(1){ background: url("../images/8-5-1.jpg") no-repeat; background-size: 100%; width: 100%; text-align: center; font-size: 30px; line-height: 1.5em;padding-top: 60px; margin-right: 0px;}
}
@media screen and (max-width: 450px){
    .bg08-5 ul li p:nth-child(1){ background: url("../images/8-5-1.jpg") no-repeat; background-size: 100%; width: 100%; text-align: center; font-size: 20px; line-height: 1.5em;padding-top: 60px; margin-right: 0px;}
}



.bg10{ background: #f7f9f8;}
.bg10 div p{ text-align: center;}
.bg10 div p:nth-child(1){ font-size: 40px; font-weight: 800; padding-top: 40px;}
.bg10 div p:nth-child(1) span{ color:#2ac4c6;}
.bg10 div p:nth-child(2){font-size: 30px; font-weight: 600; margin-top: 30px;}
.bg10 div p:nth-child(3){text-align:left;font-size: 20px; margin-top: 30px; line-height: 40px;}
@media screen and (max-width: 650px){
    .bg10 div p:nth-child(1){ font-size: 20px; font-weight: 800; padding-top: 10px;}
    .bg10 div p:nth-child(1) span{ color:#2ac4c6;}
    .bg10 div p:nth-child(2){font-size: 16px; font-weight: 600; margin-top: 10px;}
}


.bg11{ background:url(../images/bg_11.jpg) top center no-repeat; height:608px; position: relative; }
.bg11 p{ width: 840px; position: absolute;left: 320px; top: 50px; font-size: 20px; line-height: 30px;}
.bg11 a{display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 30px auto 0px auto; background: #ff865d; border-radius: 40px; text-align: center;}


.bg12{ background: #282828;}
.bg12 div p{ text-align: center; color: white;}
.bg12 div p:nth-child(1){font-size: 50px; font-weight: 800;line-height: 2em;  padding-top: 20px;}
.bg12 div p span{color:#f06969; font-style: italic;}
.bg12 div p:nth-child(2){font-size: 30px; font-weight: 400;line-height: 1.5em;  padding-top: 20px; margin-bottom: 40px;}
.bg12 ul li{  width: 144px; float: left; margin-left: 57px; text-align: center; background: #ffffff;}
.bg12 ul li img{ width: 100%;}
.bg12 ul li p:nth-child(2){font-size: 16px; color: black; font-weight: 400;line-height: 1em;  padding-top: 10px; margin-bottom: 0px;}
.bg12 ul li p:nth-child(3){font-size: 16px; color: black; font-weight: 400;line-height: 1em;  padding-top: 10px; margin-bottom: 10px;}
.bg12 div p:nth-child(4){ font-size: 30px; font-style: italic; font-weight: 600; width: 1000px; margin: 40px auto 0px auto; background: white; color: black; border-radius: 10px; padding: 10px; }
.gundong div a{display: block ;width: 300px ; height: 60px; line-height: 60px; color: white;margin: 30px auto 0px auto; background: #4069d3; border-radius: 40px; text-align: center;}
@media screen and (max-width: 660px){
    .bg12 div p:nth-child(1){font-size: 26px; font-weight: 800;line-height: 2em;  padding-top: 20px;}
    .bg12 div p span{color:#f06969; font-style: italic;}
    .bg12 div p:nth-child(2){font-size: 14px; font-weight: 400;line-height: 1.5em;  padding-top: 20px; margin-bottom: 40px;}
    .bg12 ul li{  width: 30%; float: left; margin-left: 3%; text-align: center; background: #ffffff;}
    .bg12 div p:nth-child(4){ width: 90%; margin: 5% auto 0% auto; font-size: 18px;}
}
@media screen and (max-width: 450px){
    .bg12 ul li{  width: 30%; float: left; margin-left: 2%; text-align: center; background: #ffffff;}
}



.gundong{ background: #282828;}

.bg13{  position: relative; margin-bottom:80px;}

.bg13 div a:nth-child(2){display: block ;width:500px; height: 80px; line-height: 60px; color: white;margin: 0px auto 0px auto; background: #ff865d; border-radius: 40px; text-align: center; font-size: 30px;line-height: 80px;}
.bg13 ul{ width: 50%; margin: 120px 0px 0px 40%; position: absolute; top:0px; left:0px;}
.bg13 ul li{ font-size: 20px;margin-top: 0px; font-weight: 600;}
.bg13 ul li input{ width: 100%; height: 40px; margin-top: 10px; margin-bottom: 10px; font-size: 40px;}
#submit{ display: block;
    width: 100%;
    height: 40px;
    line-height: 20px;
    color: white;
    margin: 20px auto 0px auto;
    background: #4069d3;
    border-radius: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;}
@media screen and (max-width: 600px){
    .bg13 ul li{ font-size: 14px;margin-top: 0px; font-weight: 600;}
    .bg13 ul li input{ width: 100%; height: 20px; margin-top: 10px; margin-bottom: 10px; font-size: 20px;}
    #submit{ display: block;
        width: 100%;
        height: 20px;
        line-height: 20px;
        color: white;
        margin: 20px auto 0px auto;
        background: #4069d3;
        border-radius: 20px;
        text-align: center;
        font-size: 14px;
        line-height: 20px;}

}
@media screen and (max-width: 480px){
    .bg13 ul li{ font-size: 14px;margin-top: 0px; font-weight: 600;}
    .bg13 ul li input{ width: 100%; height: 20px; margin-top: 5px; margin-bottom: 5px; font-size: 20px;}
    #submit{ display: block;
        width: 100%;
        height: 20px;
        line-height: 20px;
        color: white;
        margin: 10px auto 0px auto;
        background: #4069d3;
        border-radius: 20px;
        text-align: center;
        font-size: 14px;
        line-height: 20px;}

}
@media screen and (max-width: 480px){
    .bg13 ul{ width: 50%; margin: 20% 0px 0px 40%; position: absolute; top:0px; left:0px;}
}



.Top_Record{
    width:90%;
    margin:0px auto;
    padding-top: 20px;
}

.record_Top{width:90%; height:50px; background:url(../images/record_Bg.png) center center no-repeat; background-size:contain; text-align:center; line-height:50px; margin:30px auto 0px; color:#fff;}


.topRec_List dl,.maquee{  overflow:hidden; margin:0 auto; color:#7C7C7C}
.topRec_List dd{ float:left; text-align:center; border-bottom:1px solid #1B96EE; color:#1B96EE;}
.topRec_List dl dd:nth-child(1){ width:15%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(2){ width:15%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(3){ width:20%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(4){ width:35%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(5){ width:15%; height:40px; line-height:40px; }
.maquee{ height:195px;}
.topRec_List ul{ width:100%; height:195px;}
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:center; font-size:12px; border-bottom: 1px dashed #aaa;}
/*.topRec_List li:nth-child(2n){ background:#077cd0}*/
.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:15%;}
.topRec_List li div:nth-child(2){ width:15%;}
.topRec_List li div:nth-child(3){ width:20%;}
.topRec_List li div:nth-child(4){ width:35%;}
.topRec_List li div:nth-child(5){ width:15%;}