/* ================================= header */
#header{
    width: 100%;
    min-width: 1230px;
    max-width: 2050px;
    height: 90px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 999;
    background-color: #fff;
    border-bottom: 2px solid #ff4100;
}
.header {
    width: 100%;
    height: 90px;
    min-width: 1200px;
    background: #ffffff;
    padding-right: 95px;
    position: relative;
    z-index: 100;
}
#header .logo img {
    width: 158px;
}
/* .header{width:100%;height:90px;min-width: 1200px; position:relative;z-index:100;} */
.header .logo{
    float:left; 
    margin: 25px 0 0 44px;
}
.header .head-nav{float: right;}
.header .nav{
    float: left;
    padding-top: 36px;
}
.header .nav li{
    float:left;
    padding-right: 30px;
}
.header .nav li a{
    float: left;
    color: #6a6e7b;
    font-size: 15px;
    font-weight: bold; 
}
.header .nav li a:hover,
.header .nav li.curr a {
    color:#ff5500;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#subNav_box {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 70px;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#subNav_box.on {
    bottom: -70px;
}
#subNav_box .cnt {
    position: relative;
    margin: 0 auto;
    height: 50px;
    background-color: #ff5500;
}
#subNav_box .item {
    position: absolute;
    top: -50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 1200px;
}
#subNav_box .item.curr,
#subNav_box .item:hover {
    top: 0;
}
#subNav_box .item a {
    float: left;
    font-size: 14px;
    color: #f4f4f4;
    line-height: 50px;
    margin-right: 30px;
}
#subNav_box .item a:hover {
    color: #fff;
}
#subNav_box .g-wrap {
    position: relative;
    height: 100%;
    margin: 0 auto;
}
.head_search {
    position: absolute;
    right: 40px;
    top: 34px;
    padding-bottom: 30px;
    width: 55px;
    text-align: right;
}
.search_er {
    position: absolute;
    top: -100%;
    right: 0;
    width: 238px;
    height: 60px;
    border: 8px solid #ff5500;
    background-color: #ff5500;
    overflow: hidden;
    animation: h_fadeInbottom .3s linear;
    -moz-animation: h_fadeInbottom .3s linear;
    -webkit-animation: h_fadeInbottom .3s linear;
    z-index: 9;
    display: none;
}
.search_er input {
    padding: 0 20px;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    color: #6a6e7b;
}
.head_search:hover .search_er {
    display: block;
    top: 54px;
}
.head-btn {
    float: right;
    margin-top: 36px;
}
.head-btn .language {
    float: left;
    position: relative;
}
.head-btn .update {
    float: left;
}
.update a {
    font-size: 15px;
    color: #535353;
    padding-left: 26px;
    font-weight: bold;
    position: relative;
}
.update a:before {
    content: '';
    width: 16px; height: 17px;
    background: url(../img/about/ico78.png) -566px -500px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.language-top {
    width: 60px;
    /* background: url(../img/language_x.png) no-repeat 11px 30px; */
    padding-bottom: 32px;
    margin-right: 10px;
}
.language-top a {
    font-size: 15px;
    color: #535353;
    font-weight: bold;
    display: inline-block;
}
.language-top a.active {
    color: #e6e6e6;
}
.language-con{
    width: 88px;
    height: 60px;
    position: absolute;
    left: 0px; 
    top: 54px; 
    background: #ff8400; 
    display: none;
    animation: h_fadeInbottom .3s linear;
    -moz-animation: h_fadeInbottom .3s linear;
    -webkit-animation: h_fadeInbottom .3s linear;
}
.language-con ul{padding-right:30px; padding-left: 16px;}
.language-con li{line-height: 30px;}
.language-con a{float: left; line-height: 60px; margin: 0 8px; font-size: 14px; color: #535353;font-weight: bold;}
.language:hover .language-con {
    display: block;
}
.language .language-con a:hover {
    color: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

/* ------------ idxSwiper */
.sideban.idxSwiper{
    height: 717px;
    /* height: 599px; */
    width: 100%;position: relative;overflow: hidden;}
.sideban.idxSwiper .pics{width: 100%;height: 100%;}
.sideban.idxSwiper .pics ul{
    width: 100% !important;
    height: 717px !important; 
    /* height: 599px !important;  */
}
.sideban.idxSwiper .side-i {
    width: 100%;
    height: 100%;
    animation: slide_on0 2.5s ease-in-out forwards
}
.sideban.idxSwiper .pics li {
    height: 100%;
    width: 100% !important;
}
.sideban.idxSwiper .pics li .side-img{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    animation: slide_on1 5s linear forwards;
    position: absolute;
    top: 0;
    left: 0;
}
.sideban.idxSwiper .page{position: absolute;top: 430px;left: 0;}
.sideban.idxSwiper .page li{display: block;font-size: 22px;color: #ffffff;border-bottom: 1px solid #fff;margin-bottom: 30px;width: 62px;text-align: right;transition: all .3s;opacity: .5;}
.sideban.idxSwiper .page li.on{width: 100px;transition: all .3s;opacity: 1;}

.sideban.idxSwiper .content {
    width: 1200px;
    position: absolute;
    height: 100%;
    left: 50%;
    margin-left: -600px;
    top: 0;
}
.fullSlide-bg a {
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.idxSwiper .prev{
    opacity: 0;
    filter:Alpha(opacity=0);
    left: 0;
    
    background: url(../img/index-slider-prev.png) no-repeat center;
}
.idxSwiper .next{
    opacity: 0;
    filter:Alpha(opacity=0);
    right: 0;
    background: url(../img/index-slider-next.png) no-repeat center;
}
.idxSwiper:hover .prev {
    opacity: 1;
    filter:Alpha(opacity=100);
    -o-transform: translate( 40px, 0);
    -ms-transform: translate( 40px, 0);
    -moz-transform: translate( 40px, 0);
    -webkit-transform: translate( 40px, 0);
    transform: translate( 40px, 0);
}
.idxSwiper:hover .next {
    opacity: 1;
    filter:Alpha(opacity=100);
    -o-transform: translate( -40px, 0);
    -ms-transform: translate( -40px, 0);
    -moz-transform: translate( -40px, 0);
    -webkit-transform: translate( -40px, 0);
    transform: translate( -40px, 0);
}
.idxSwiper .container {
    height: 100%;
    position: relative;
}
.idxSwiper .container .auto {
    left: 150px;
    top: 50%;
    margin-top: -81px;
    position: absolute;
}



footer {
    width: 100%;
    height: 175px;
    background-color: #ebe2dd;
}
.foot_up {
    width: 100%;
    line-height: 69px;
    overflow: hidden;
    border-bottom: 1px solid rgba(193,179,170,.3);
}
.foot_up .le p {
    font-size: 14px;
    color: #6e6a5e;
    line-height: 69px;
}
.foot_up .le p span {
    margin-right: 8px;
}
.foot_up .le p span a {
    display: inline-block;
}
.foot_nav {
    float: right;
    padding-left: 30px;
    margin-left: 50px;
    border-left: 1px solid rgba(193,179,170,.3);
}
.foot_nav li {
    float: left;
    font-size: 14px;
    color: #6e6a5e;
    margin: 0 21px;
}
.foot_down {
    padding-top: 22px;
    overflow: hidden;
}
.foot_down .le img {
    float: left;
    margin-right: 18px;
}
.foot_down .le + .le p {
    float: left;
}
.foot_down p {
    font-size: 14px;
    color: #6e6a5e;
    line-height: 22px;   
}
.foot_down p span {
    margin-right: 33px;
}
.web_chain {
    display:block;
    float: right;
    width: 431px;
    height: 61px;
    line-height: 61px;
    border: 1px solid rgba(185,139,79,.6);
    background-color: rgba(255,255,255,.6);
    position: relative;
    padding-left: 150px;
}
.web_chain:before {
    content: '';
    width: 35px; height: 35px;
    background: url(../img/about/ico78.png) -390px -500px;
    position: absolute;
    left: 102px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.web_chain:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100%;
    background-color: #b98b4f;
    opacity: .6;
    filter:Alpha(opacity=60);
    -webkit-transition: top .3s ease-out;
    transition: top .3s ease-out;
}
.web_chain em {
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #535353;
    background: url(../img/home/ico36.png) no-repeat right center;
    padding-right: 30px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.web_chain:hover:after {
    top: 0;
}
.web_chain:hover em {
    color: #fff;
    background: url(../img/home/ico37.png) no-repeat right center;
}


/* pop */
.pop{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.pop .bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.pop .popBody{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -495px;
    margin-top: -316.5px;
    width: 990px;
    height: 633px;
}
.pop .popBody_bg {
    width: 990px;
    height: 633px;
    background-color: #f6f2ef;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}
.pop .popBody .close{
    position: absolute;
    top: 0;
    right: -50px;
    width: 73px;
    height: 52px;
    background: url(../img/closepop.jpg);
    cursor: pointer;
    z-index: 1;
}
.pop .popBody h3{
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}
.pop .popBody h3.pop_cn {
    font-size: 18px;
    color: #b98b4f;
    line-height: 26px;
    text-align: start;
    margin-bottom: 5px;
}
.pop .popBody h3.pop_en {
    font-family: 'Rajdhani';
    font-size: 50px;
    color: rgba(185,139,79,.2);
    line-height: 42px;
    text-align: start;
    text-transform: uppercase;
}
.pop .popBody .roll {
    height: 363px;
    overflow-y: auto;
    padding-right: 14px;
}
.pop .popBody p {
    font-size: 14px;
    color: #525252;
    line-height: 22px;
}

/* foot_pop */
.pop.legal_pop .popBody,
.pop.map_pop .popBody {
    margin-top: -273px;
    height: 546px;
}
.pop.legal_pop .popBody_bg {
    height: 546px;
    padding: 37px 89px 37px 46px;
}
.pop.map_pop .popBody_bg {
    height: 546px;
    padding: 37px 30px 37px 46px;
}
.legal_huayuan {
    width: 546px;
    height: 102px;
    background: url(../img/huayuan_pop.png) no-repeat;
    position: absolute;
    bottom: 50px;
    right: 47px;   
}
.map_list {
    overflow: hidden;
}
.map_list dl {
    float: left;
    margin-right: 22px;
}
.map_list dd {
    font-size: 18px;
    color: #535353;
    margin: 35px 0 24px;
}
.map_list dt,
.map_list dl a {
    font-size: 14px;
    color: rgba(83,83,83,.7);
    line-height: 22px;
}
.map_pop .huayuan_box {
    margin-top: 56px;
}
.huayuan_box {
    overflow: hidden;
    margin-bottom: 24px;
}
.huayuan_box p {
    margin: 0 !important;
    line-height: 18px !important;
}
.huayuan_logo {
    float: left;
}
.huayuan_boxer {
    float: left;
    padding: 3px 0 0 30px;
}
.huayuan_boxer .orange {
    font-family: 'Rajdhani';
    font-size: 18px;
    color: #ff5500;
}
.huayuan_boxer .gray {
    font-size: 14px;
    color: rgba(82,82,82,.8);
}

#huayuan_video::-webkit-media-controls-enclosure{
    display:none !important;
}

/* @keyframes slide_on1 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.1)
    }
} */
/* @keyframes slide_on0 {
    0% {
        opacity: 0;
        transform: scale(1.1, 1);
        filter: brightness(200%)
    }

    100% {
        opacity: 1;
        transform: scale(1, 1);
        filter: brightness(100%)
    }
} */

@media screen and  (max-width: 1740px) {

}
.w1300 {
    margin-right: auto;
    margin-left: auto;
    width: 1300px;
}
.w1200,
.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}
.w1300 p,
.w1200 p,
.container p {
    font-size: 15px;
    color: rgba(83,83,83,.7);
    line-height: 26px;
}
.le {
    float: left;
}
.ri {
    float: right;
}
@media screen and (max-width: 1300px) {
    .w1300 {
        width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .w1300,
    .w1200,
    .container {
        width: 1170px
    }
}

@media screen and (max-width: 1024px) {
    .w1300,
    .w1200,
    .container {
        width: 970px
    }
}
@media screen and (max-width: 768px) {
    .w1300,
    .w1200,
    .container {
        width: 94%
    }
}

@-webkit-keyframes h_fadeIn {
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes h_fadeIn {
    0% {
        opacity:0;
    }

    100% {
        opacity:1;
    }
}

@-webkit-keyframes h_fadeIntop {
    0%{
        /* opacity:0; */
        -webkit-transform:translate3d(0,15%,0);
        transform:translate3d(0,15%,0);
    }
    100%{
        /* opacity:1; */
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes h_fadeIntop {
    0% {
        /* opacity:0; */
        -webkit-transform:translate3d(0,15%,0);
        transform:translate3d(0,15%,0);
    }

    100% {
        /* opacity:1; */
        -webkit-transform:none;
        transform:none;
    }
}

@-webkit-keyframes h_fadeInLeft {
    0%{
        opacity:0;
        -webkit-transform:translate3d(-10%,0,0);
        transform:translate3d(-10%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes h_fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-10%,0,0);
        transform:translate3d(-10%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}

@-webkit-keyframes h_fadeInRight {
    0%{
        opacity:0;
        -webkit-transform:translate3d(10%,0,0);
        transform:translate3d(10%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes h_fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(10%,0,0);
        transform:translate3d(10%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@-webkit-keyframes h_fadeInbottom {
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-15%,0);
        transform:translate3d(0,-15%,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes h_fadeInbottom {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-15%,0);
        transform:translate3d(0,-15%,0);
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}

@-webkit-keyframes background {
    from {
        background-position: 0 0%;
    }
    to {
        background-position: 0 -673px;
    }
}
@keyframes background {
    from {
        background-position: 0 0%;
    }
    to {
        background-position: 0 -673px;
    }
}

@-webkit-keyframes h_qiu {
    from {
        background-position: 0 bottom;
    }
    to {
        background-position: 0 -362px;
    }
}
@keyframes h_qiu {
    from {
        background-position: 0 bottom;
    }
    to {
        background-position: 0 -362px;
    }
}

@-webkit-keyframes background_y {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -209px 0;
    }
}
@keyframes background_y {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -209px 0;
    }
}

@keyframes h_use {
    0% {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}
@-webkit-keyframes h_use {
    0% {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

@keyframes h_change {
    0% {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        -o-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 1;
    }
}
@-webkit-keyframes h_change {
    0% {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        -o-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 1;
    }
}

@keyframes ico_o {
    0%{
        left: 46%;
      }
      100% {
        left: 54%;
      }
}
@-webkit-keyframes ico_o {
    0%{
        left: 46%;
      }
      100% {
        left: 54%;
      }
}

@-webkit-keyframes arrow1 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 102px;
    }
}
@keyframes arrow1 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 102px;
    }
}

@-webkit-keyframes arrow2 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 201px;
    }
}
@keyframes arrow2 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 201px;
    }
}

@-webkit-keyframes arrow3 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 20px;
    }
}
@keyframes arrow3 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 20px;
    }
}

@-webkit-keyframes arrow4 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 274px;
    }
}
@keyframes arrow4 {
    from {
        opacity: 0;
        height: 0;
    }
    to {
        opacity: 1;
        height: 274px;
    }
}

@-webkit-keyframes h_width {
    from {
        opacity: 0;
        max-width: 0;
    }
    to {
        opacity: 1;
        max-width: 100%;
    }
}
@keyframes h_width {
    from {
        opacity: 0;
        max-width: 0;
    }
    to {
        opacity: 1;
        max-width: 100%;
    }
}

@keyframes h_rotate {
    from{transform: rotate(0deg)}
    to{transform: rotate(-360deg)}
}
@-webkit-keyframes h_rotate {
    from{transform: rotate(0deg)}
    to{transform: rotate(-360deg)}
}
@keyframes h_rotater {
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
@-webkit-keyframes h_rotater {
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

@keyframes h_3dbox {
    100% {
        transform:rotateY(360deg) rotateX(360deg);
    }
}
@-webkit-keyframes h_3dbox {
    100% {
        transform:rotateY(360deg) rotateX(360deg);
    }
}

.h_fadeIn {
    -webkit-animation-name: h_fadeIn;
    animation-name: h_fadeIn;
}
.h_fadeIntop {
    -webkit-animation-name: h_fadeIntop;
    animation-name: h_fadeIntop;
}
.h_fadeInLeft{
    -webkit-animation-name: h_fadeInLeft;
    animation-name: h_fadeInLeft;
}
.h_fadeInRight{
    -webkit-animation-name: h_fadeInRight;
    animation-name: h_fadeInRight;
}
.h_fadeInbottom {
    -webkit-animation-name: h_fadeInbottom;
    animation-name: h_fadeInbottom;
}
.h_use {
    -webkit-animation-name: h_use;
    animation-name: h_use;
}
.h_change {
    -webkit-animation-name: h_change;
    animation-name: h_change;
}
.h_rotate {
    -webkit-animation-name: h_rotate;
    animation-name: h_rotate;
}
.h_rotater {
    -webkit-animation-name: h_rotater;
    animation-name: h_rotater;
}
.h_qiu {
    -webkit-animation-name: h_qiu;
    animation-name: h_qiu;
}
.ico_o {
    -webkit-animation-name: ico_o;
    animation-name: ico_o;
}
.h_width {
    -webkit-animation-name: h_width;
    animation-name: h_width;
}
/* .arrow1 {
    -webkit-animation-name: arrow1;
    animation-name: arrow1;
} 
.arrow2 {
    -webkit-animation-name: arrow2;
    animation-name: arrow2;
}
.arrow3 {
    -webkit-animation-name: arrow3;
    animation-name: arrow3;
}
.arrow4 {
    -webkit-animation-name: arrow4;
    animation-name: arrow4;
}*/
.h_3dbox {
    -webkit-animation-name: h_3dbox;
    animation-name: h_3dbox;
}

@-webkit-keyframes home1_x {
    0%{
        /* opacity:0; */
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0);
    }
    100%{
        /* opacity:1; */
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes home1_x {
    0% {
        /* opacity:0; */
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0);
    }

    100% {
        /* opacity:1; */
        -webkit-transform:none;
        transform:none;
    }
}