/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:16px/1.14 "Source Han Sans CN Regular","Microsoft YaHei UI";outline:0;}
body{background:#000;}

.fullpage {position: absolute;width: 100%;height: 100%;overflow: hidden;}
.fullpage > .page {position: absolute;width: 100%;height: 100%;overflow: hidden;}

.root-slide {opacity: 0;}

.g-load {position: fixed;width: 100%;height: 100%;background-color: #2b2c30;color: #fff;}
.g-load .info {position: absolute;left: 50%;top: 50%;}
.g-load .gif {position: absolute;width:400px;height:225px;left: 50%;top: 50%;margin-left: -200px;margin-top: -112.5px;}

.g-nav {position: fixed;width: 130px;height: 100%;top: 0;right: -81px;background: url("imagesblack-alpha.png");}
.g-nav > .bg-right {position: absolute;width: 81px;height: 100%;right: 0;top: 0;background-color: #000;}
.g-nav > ul {position: absolute;left: 0;top: 50%;margin-top: -270px;}
.g-nav > ul > li {width: 130px;height: 46px;line-height: 46px;background-image: url("imagesnav-icon.png");background-repeat: no-repeat;cursor: pointer;margin-bottom: 1px;}
.g-nav > ul > li span {padding-left: 55px;color: #fff;font-size: 14px;}
.g-nav > ul > li.active,.g-nav > ul > li:hover {background-color: #000;}

.g-tip {position: fixed;width: 38px;height: 38px;background: url("imagestip-bg.png") no-repeat;left: 50%;bottom: 0;margin-left: -19px;cursor: pointer;}
.g-tip .icon {position: absolute;width: 25px;height: 15px;background: url("imagestip-arr.png") no-repeat;left: 6.5px;top:11.5px;}

.g-logo {position: fixed;width: 7.91666666666667%;left: 5.36458333333333%;top: 0;max-width: 152px;}
.g-logo img {width: 100%;}

.g-ewm {position: fixed;width: 8.02083333333333%;right:53px;bottom: 25px;max-width: 154px;}
.g-ewm img {width: 100%;}

#video-player {position: absolute;width: 100%;height: 100%;}

.peizhi-table {color: #a58352;font-size: 24px;text-align: center;width: 100%;}
.peizhi-table th {height: 65px;line-height: 65px;border: 4px solid #323232;text-align: center;}
.peizhi-table td {height: 47px;line-height: 47px;border: 4px solid #323232;width: 17%;}
.peizhi-table .title {width: 150px;padding-left: 5%;text-align: left;}
.peizhi-table .title-s {width: 10%;}

.pz-list .title-table {margin-right: 30px;}
.pz-list .content {height: 310px;margin-top: -51px;}

.txt-left {text-align: left;padding-left: 5px;}
.bgc-0 {background-color: #000;}
.bgc-1 {background-color: #202020;}
.c-f {color: #fff;}
.fyh-b {font-size: 30px;}

.yysj {position: absolute;width: 23.38541666666667%;right: 10.88541666666667%;top:40%;margin-top: -140px;color: #000;}
.yysj img {width: 100%;}
.yysj .inp {height: 38px;width: 100%;margin-top: 10px;}
.yysj .two {width: 100%;overflow: hidden;}
.yysj .two > .inp {width: 49%;margin-left: 2%;float: left;}
.yysj .two > .inp:first-child {margin-left: 0;}
.yysj .bgf {background-color: #fff;}
.yysj .bg31 {background-color: #313131;line-height: 38px;text-align: center;color: #ffffff;}
.yysj .bgg {background-color: #bc965f;line-height: 38px;text-align: center;color: #000000;}

.frame-360 {position: absolute;width: 950px;height: 528px;margin-left: -475px;margin-top: -220px;left: 50%;top: 50%;}
.colors-360 {position: absolute;width: 500px;overflow: hidden;left: 50%;margin-left: -250px;bottom: 15%;text-align: center;}
.colors-360 span {display:inline-block;width: 73px;height: 27px;cursor: pointer;}

.frame-720 {overflow: hidden;}
iframe {position: absolute;width: 100%;height: 100%;}

input[type="text"] {
    display: block;width: 96%;border: none;margin: auto;height: 38px;line-height: 38px;
}

select {
    display: block;width: 96%;border: none;margin: auto;height: 38px;line-height: 38px;
}

input::-webkit-input-placeholder {
    color:#000000;
}
input:-moz-placeholder {
    color:#000000;
}
input:-ms-input-placeholder {
    color:#000000;
}

.flex-box {position: absolute;}
.full-img {position: absolute;width: 100%;height: 100%;}
.full-img > img {position: absolute;width: 100%;left: 0;}
.button {cursor: pointer;}
.hidden {display: none;}


@-webkit-keyframes car1 {
    from {opacity: 0;-webkit-transform: translate3d(-100%, -30%, 0);transform: translate3d(-100%, -30%, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes car1 {
    from {opacity: 0;-webkit-transform: translate3d(-100%, -30%, 0);transform: translate3d(-100%, -30%, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}
}
.car1 {-webkit-animation-name: car1;animation-name: car1;}


@-webkit-keyframes car2 {
    from {opacity: 0;-webkit-transform: translate3d(-100%, -40%, 0);transform: translate3d(-100%, -40%, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes car2 {
    from {opacity: 0;-webkit-transform: translate3d(-100%, -40%, 0);transform: translate3d(-100%, -40%, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}
}
.car2 {-webkit-animation-name: car2;animation-name: car2;}


@-webkit-keyframes deng1 {
    0%,66% {opacity: 0;}
    33%,100% {opacity: 1;}
}
@keyframes deng1 {
    0%,66% {opacity: 0;}
    33%,100% {opacity: 1;}
}
.deng1 {-webkit-animation-name: deng1;animation-name: deng1;}


@-webkit-keyframes downarr {
    from,to {-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);}
    50% {-webkit-transform: translate3d(0, 20%, 0);transform: translate3d(0, 20%, 0);}
}
@keyframes downarr {
    from,to {-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);}
    50% {-webkit-transform: translate3d(0, 20%, 0);transform: translate3d(0, 20%, 0);}
}
.downarr {-webkit-animation-name: downarr;animation-name: downarr;}