@charset "UTF-8";

/*
*   program: 鑫梦pc
*   author: ln
*   date: 2018-11-18
*/

.menu {
    box-sizing: border-box;
    position: fixed;
    right: 52px;
    top: 0;
    bottom: 0;
    width: 175px;
    height: 550px;
    margin: auto 0;
    padding: 13px 15px;
    text-align: center;
    background: url("../images/menu-bg_03.png");
}

.menu-arrow {
    width: 42px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

.menu-arrow:hover, .menu-arrow.cur {
    background: #febe64;
}

.menu-track {
    position: relative;
    margin: 13px 0;
    padding: 0 9px;
}

.menu-guide {
    line-height: 40px;
}

.menu-guide .tt {
    display: block;
    font-family: "宋体";
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.menu-guide .tt:hover, .menu-guide .tt.cur {
    color: #febe64;
}

.menu-focus .mark {
    position: absolute;
    top: 0;
    width: 9px;
    line-height: 40px;
}

.menu-focus .mark.left {
    left: 0;
}

.menu-focus .mark.right {
    right: 0;
}

.menu-btn {
    display: block;
    margin-bottom: 17px;
    line-height: 44px;
    font: 20px/44px "宋体";
    color: #222;
}

.menu-btn:hover {
    color: #fff;
    opacity: 0.9;
}

.menu-btn.yellow {
    background: #febe64;
}

.menu-btn.blue {
    margin-bottom: 14px;
    background: #fda31d;
}

.sections {
    position: relative;
    overflow: hidden;
}

.section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 1250px;
    overflow: hidden;
}

.full-top {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 27px 52px 0 65px;
    line-height: 60px;
}

.full-about .logo .img {
    vertical-align: top;
}

.full-about .pipe {
    width: 1px;
    height: 45px;
    margin: 0 17px 0 19px;
    background: #febe64;
}

.full-about .tt {
    font-family: "宋体";
    font-size: 26px;
    color: #febe64;
}

.full-phone .img {
    margin: 3px 16px 0 0;
    vertical-align: top;
}

.full-phone .tt {
    margin-top: 14px;
    vertical-align: top;
    font: bold 30px/1 "宋体";
    color: #febe64;
}

.full-title {
    position: relative;
    padding: 100px 0 42px;
    text-align: center;
    font: bold 42px/1 "宋体";
    color: #febe64;
}

.full-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 59px;
    height: 7px;
    margin: 0 auto;
    background: #febe64;
}

.full-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 116px;
    height: 48px;
    margin: 0 auto;
    text-align: center;
    background: url("../images/full-btn-bg.png") no-repeat;
    cursor: pointer;
}

.full-btn .img {
    margin-top: 25px;
    vertical-align: top;
    animation: upAndDown 1s infinite alternate-reverse;
}

.full-cont {
    box-sizing: border-box;
    width: 1195px;
    margin-top: 100px;
    padding: 109px 59px 109px 49px;
    background: url("../images/full-cont-bg_03.png");
}

.full-cont .img {
    width: 328px;
    height: 328px;
    border: 6px solid #febe64;
}

.full-cont .text {
    width: 685px;
    margin-top: -8px;
    text-align: justify;
    line-height: 32px;
    font-size: 18px;
    color: #cba35a;
}

.full-map {
    position: relative;
    width: 1208px;
    margin-top: 98px;
}

.full-map-marks {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.full-map-marks .mark {
    position: absolute;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border: 1px solid transparent;
    border-radius: 50%;
}

.full-map-marks .mark::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #fead3a;
}

.full-map-marks .mark.cur::before, .full-map-marks .mark:hover::before {
    animation: cricle 1s forwards;
}

.full-map-marks .mark .a {
    position: relative;
    width: 5px;
    height: 5px;
    background: #ffad39;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 1;
    animation: incricle 1s infinite alternate-reverse;
}

.full-map-marks .mark.cur .a, .full-map-marks .mark:hover .a {
    animation: none;
}

.full-map-marks .mark .tt {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: 14px;
    text-align: center;
    font: 14px/1 "宋体";
    color: #fff;
    white-space: nowrap;
}

.full-map-marks .mark:hover .tt , .full-map-marks .mark.cur {
    color: #febe64;
}

.full-map-marks .mark .a::before {
    content: '';
    position: absolute;
    left: -5px;
    top: 0;
    bottom: 0;
    width: 13px;
    height: 13px;
    margin: auto;
    border: 1px solid #ffad39;
    border-radius: 50%;
    z-index: -1;
}

.full-map-marks .mark .spread {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    margin: auto;
    background: rgba(198,157,98,.1);
    border: 1px solid #fead3a;
}

.full-map-marks .mark.cur .spread1, .full-map-marks .mark:hover .spread1 {
    animation: spread 3s ease  infinite;
}

.full-map-marks .mark.cur .spread2, .full-map-marks .mark:hover .spread2 {
    animation: spread 3s ease 1s infinite;
}

.full-map-marks .mark.cur .spread3, .full-map-marks .mark:hover .spread3 {
    animation: spread 3s ease 1.5s infinite;
}

.full-map-marks .mark:nth-child(1) {
    left: 40px;
    top: 120px;
}

.full-map-marks .mark:nth-child(1) .tt, .full-map-marks .mark:nth-child(3) .tt {
    left: 65px;
    top: 0;
    bottom: 0;
    width: auto;
    margin: auto;
}

.full-map-marks .mark:nth-child(2) {
    left: 50px;
    top: 160px;
}

.full-map-marks .mark:nth-child(3) {
    left: 90px;
    top: 150px;
}

.full-map-marks .mark:nth-child(4) {
    left: 100px;
    top: 170px;
}

.full-map-marks .mark:nth-child(5) {
    left: 160px;
    top: 195px;
}

.full-map-marks .mark:nth-child(6) {
    left: 225px;
    top: 240px;
}

.full-map-marks .mark:nth-child(7) {
    left: 300px;
    top: 230px;
}

.full-map-marks .mark:nth-child(8) {
    left: 390px;
    top: 200px;
}

.full-map-marks .mark:nth-child(9) {
    left: 435px;
    top: 230px;
}

.full-map-marks .mark:nth-child(10) {
    left: 460px;
    top: 200px;
}

.full-map-marks .mark:nth-child(11) {
    left: 500px;
    top: 205px;
}

.full-map-marks .mark:nth-child(12) {
    left: 480px;
    top: 400px;
}

.full-map-marks .mark:nth-child(13) {
    left: 600px;
    top: 465px;
}

.full-map-marks .mark:nth-child(14) {
    left: 810px;
    top: 115px;
}

.full-map-marks .mark:nth-child(15) {
    left: 860px;
    top: 165px;
}

.full-map-marks .mark:nth-child(16) {
    left: 914px;
    top: 250px;
}

.full-map-marks .mark:nth-child(17) {
    left: 935px;
    top: 240px;
}

.full-map-marks .mark:nth-child(17) .tt {
    left: 30px;
    top: 60px;
}

.full-map-marks .mark:nth-child(18) {
    left: 990px;
    top: 210px;
}

.full-map-marks .mark:nth-child(19) {
    left: 940px;
    top: 286px;
}

.full-yw-pie {
    margin-left: -39px;
}

.full-yw-pie .cont {
    width: 375px;
    height: 268px;
    margin: 55px 0 0 38px;
}

.full-yw-front {
    text-align: center;
    border-radius: 20px;
}

.full-yw-front .imgWp {
    line-height: 128px;
}

.full-yw-front .imgWp .img {
    vertical-align: bottom;
}

.full-yw-front .title {
    margin-top: 27px;
    font-size: 30px;
}

.full-yw-front .text {
    margin-top: 33px;
    font-size: 18px;
}

.full-yw-behind {
    padding: 19px 20px 28px;
    border-radius: 20px;
}

.full-yw-behind .top {
    line-height: 51px;
}

.full-yw-behind .top .img {
    margin-right: 17px;
}

.full-yw-behind .top .title {
    letter-spacing: 1px;
    font-size: 30px;
}

.full-yw-behind .mag {
    position: relative;
    height: 36px;
    margin-top: 12px;
}

.full-yw-behind .mag .tt {
    font: 18px/1 "宋体";
    color: #fff;
}

.full-yw-behind .mag .line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #fff;
}

.full-yw-pie .cont:hover .full-yw-behind .line {
    animation: line 0.5s ease .5s forwards;
}

.full-yw-behind .text {
    margin-top: 16px;
    padding: 0 5px;
    text-align: justify;
    font-size: 26px;
    font-size: 18px;
    line-height: 26px;
}

.full-rotate-lb {
    position: relative;
    width: 1220px;
}

/* .full-rotate {
    text-align: center;
}

.full-rotate .a {
    display: inline-block;
    vertical-align: top;
    perspective: 500px;
} */

.full-stage_area {
    position: relative;
    top: 0;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    height: 450px; 
    padding-top: 200px;  
}

.full-rotate-container {
    position: absolute;
    left: 50%;
    width: 200px;
    height: 263px;
    margin-left: -100px;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.full-rotate-container .a {
    position: absolute;
    bottom: 0;
    width: 200px;
    height: 263px;
    vertical-align: top;
    transition: opacity 1s, transform 1s;
}

.full-rotate-container .a .img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.full-rotate-container .status1 {
    transform: rotateY(0deg) translateZ(380px);
}

.full-rotate-container .status2 {
    transform: rotateY(36deg) translateZ(380px);
}

.full-rotate-container .status3 {
    transform: rotateY(72deg) translateZ(380px);
}

.full-rotate-container .status4 {
    transform: rotateY(108deg) translateZ(380px);
}

.full-rotate-container .status5 {
    transform: rotateY(144deg) translateZ(380px);
}

.full-rotate-container .status6 {
    transform: rotateY(180deg) translateZ(380px);
}

.full-rotate-container .status7 {
    transform: rotateY(216deg) translateZ(380px);
}

.full-rotate-container .status8 {
    transform: rotateY(252deg) translateZ(380px);
}

.full-rotate-container .status9 {
    transform: rotateY(288deg) translateZ(380px);
}

.full-rotate-container .status10 {
    transform: rotateY(324deg) translateZ(380px);
}

.full-rotate-container .cur {
     box-shadow: 0 0 20px #ab9768;
}


/* .full-rotate .a .img {
    vertical-align: top;
} */

.full-rotate-btns .btn {
    height: 120px;
    font: bold 120px/1 "宋体";
    color: #febe64;
}

.full-rotate-btns .btn:hover {
    color: #fff;
}

.full-rotate {
    /* transform: perspective(1200px) rotateX(-30.53702deg) rotateY(-0.366deg); */
}

/* .full-rotate .status1 {
    transform: rotateY(0deg) translateZ(400px) scale(0.45);
    opacity: 0.6;
    margin-right: -200px;
}

.full-rotate .status1 .img {
    transform: rotateY(-80deg);
}

.full-rotate .status2 {
    margin-right: -20px;
    transform: rotateY(20deg) translateZ(10px) scale(0.75);
    opacity: 0.7;
}

.full-rotate .status2 .img {
    transform: rotateY(-25deg);
}

.full-rotate .status3 {
    transform: rotateY(0deg) translateZ(0px) scale(1);
    opacity: 1;
}

.full-rotate .status3 .img {
    transform: rotateY(0deg);
}

.full-rotate .status4 {
    margin-left: -20px;
    transform: rotateY(20deg) translateZ(10px) scale(0.75);
    opacity: 0.7;
}

.full-rotate .status4 .img {
    transform: rotateY(25deg);
}

.full-rotate .status5 {
    transform: rotateY(0deg) translateZ(400px) scale(0.45);
    opacity: 0.6;
    margin-left: -200px;
}

.full-rotate .status5 .img {
    transform: rotateY(80deg);
} */

.full-sm-pie {
    margin-left: -48px;
    text-align: center;
}

.full-sm-pie .cont {
    width: 371px;
    height: 226px;
    margin: 18px 0 0 45px;
}

.full-sm-pie .imgWp {
    line-height: 94px;
}

.full-sm-pie .imgWp .img {
    vertical-align: bottom;
}

.full-sm-pie .title {
    margin-top: 26px;
    font-size: 26px;
}

.full-sm-pie .text  {
    margin-top: 20px;
    font-size: 16px;
}

.full-sm-pie .front, .full-sm-pie .behind {
    border-radius: 10px;
}

.full-roll-imgWrapper {
    position: relative;
    width: 1292px;
    margin-top: 142px;
}

.full-roll-imgOver {
    position: relative;
    width: 1060px;
    height: 447px;
    overflow: hidden;
}

.full-roll-img {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    white-space: nowrap;
}

.full-roll-img .cont {
    width: 325px;
    height: 447px;
    margin-right: 42px;
}

.full-roll-img .imgWp {
    margin-top: 36px;
}

.full-roll-img .imgWp .img {
    vertical-align: top;
}

.full-roll-img .title {
    position: relative;
    margin-top: 24px;
    font-size: 24px;
}

.full-roll-img .title::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 59px;
    height: 8px;
    margin: 0 auto;
}

.full-roll-img .front .title {
    padding-top: 44px;
}

.full-roll-img .front .title::before {
    top: 0;
    background: #febe64;
}

.full-roll-img .behind .title {
    padding-bottom: 44px;
}

.full-roll-img .behind .title::before {
    bottom: 0;
    background: #fff;
}

.full-roll-img .text {
    margin-top: 25px;
    padding: 0 20px;
    text-align: justify;
    white-space: normal;
    font-size: 16px;
    line-height: 34px;
}

.full-people-pie {
    width: 1195px;
    margin-top: 39px;
}

.full-people-pie .img {
    width: 100%;
    height: 100%;
} 

.full-people-pie .cont {
    margin-left: 24px;
}

.full-people-pie .front {
    border: none;
}

.full-people-pie .img {
    width: 100%;
    height: 100%;
}

.full-people-pie .behind {
    text-align: center;
    border: none;
}

.full-people-pie .behind .td {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.full-people-pie .behind .title {
    font-size: 36px;
}

.full-people-pie .behind .posi {
    margin-top: 28px;
    font: 20px/1 "宋体";
    color: #fae9d2;
}

.full-people-pie .behind .text {
    padding: 31px 40px 0;
    text-align: left;
    font-size: 22px;
    line-height: 36px;
}

.full-people-pie .cont {
    vertical-align: top;
}

.full-people-pie .cont:nth-child(1) {
    width: 387px;
    margin-left: 0;
}

.full-people-pie .cont:nth-child(1) .wrapper:nth-child(1) {
    height: 340px;
}

.full-people-pie .cont:nth-child(1) .wrapper:nth-child(2) {
    height: 267px;
    margin-top: 20px;
}

.full-people-pie .cont:nth-child(2) {
    width: 371px;
}
.full-people-pie .cont:nth-child(2) .text {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.full-people-pie .cont:nth-child(2) .wrapper:first-child {
    margin-top: 0;
}

.full-people-pie .cont:nth-child(2) .wrapper {
    height: 199px;
    margin-top: 15px;
}

.full-people-pie .cont:nth-child(3) {
    width: 389px;
}

.full-people-pie .cont:nth-child(3) .wrapper:first-child {
    height: 267px;
    margin-top: 0;
}

.full-people-pie .cont:nth-child(3) .wrapper {
    height: 339px;
    margin-top: 15px;
}

.full-concat {
    width: 970px;
    text-align: center;
}

.full-concat .code {
    width: 175px;
    height: 175px;
    margin-top: 73px;
    padding: 14px 13px;
    background: #fff;
    border: 8px solid #febe64;
    border-radius: 10px;
}

.full-concat .msg {
    margin-top: 22px;
    letter-spacing: 1px;
    font: bold 32px/1 "宋体";
    color: #febe64;
}

.full-concat .text {
    margin-top: 52px;
    font: 26px/44px "宋体";
    color: #febe64;
}

.full-concat-pie {
    margin-top: 50px; margin-bottom: 3rem; height: 4rem;
}

.full-concat-pie .db {
    width: 262px;
    margin: 0 17px;
    padding-top: 107px;
    vertical-align: top;
    font: 20px/30px "宋体";
    color: #febe64;
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer;
}

.full-concat-pie .b1 {
    background-image: url("../images/full-concat-pie-icon_01.png");
}

.full-concat-pie .b1:hover {
    background-image: url("../images/full-concat-pie-iconcur_01.png");
}

.full-concat-pie .b2 {
    background-image: url("../images/full-concat-pie-icon_02.png");
}

.full-concat-pie .b2:hover {
    background-image: url("../images/full-concat-pie-iconcur_02.png");
}

.full-concat-pie .b3 {
    background-image: url("../images/full-concat-pie-icon_03.png");
}

.full-concat-pie .b3:hover {
    background-image: url("../images/full-concat-pie-iconcur_03.png");
}