@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/NGSpv5_NC0k9P_v6ZUCbLRAHxK1E1yysdUmj.ttf) format('truetype');
}

@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSysdUmj.ttf) format('truetype');
}

@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EuyysdUmj.ttf) format('truetype');
}

@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EVyusdUmj.ttf) format('truetype');
}

@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EbiusdUmj.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFmQkEk30e0.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFnOkEk30e0.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFn8kEk30e0.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFkQl0k30e0.ttf) format('truetype');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFkpl0k30e0.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0B4gaVc.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXtHA_A.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_pqTXtHA_A.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_naUXtHA_A.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXtHA_A.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_iiUXtHA_A.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_gGUXtHA_A.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtY.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vXDXbtY.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebunDXbtY.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtY.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfFunDXbtY.ttf) format('truetype');
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDXbtY.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}

.sticky {
    overflow: hidden
}
.sticky {
    position: relative;
    margin:50px auto;
    max-width: 1070px;
    text-align: left;
    /*min-height: 820px;*/
}
body {
    overflow-x: hidden;
    margin: 0;
    background: #f1f1f1;
    color: #555;
    font-size: 12px;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px
}
::selection {
    background: #81c53f;
    color: #fff;
    text-shadow: none
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}


.bottombtn-box {
        text-align: center;
    position: absolute;
    bottom: 23vw;
    z-index: 999;
    width: 100%;
    transform: scale(1.1);
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
    border-style: none;
    text-decoration: none;
}
.bottombtn-box .btn-one {
    display: inline-block;
    width: 200px;
    height: 64px;
    padding: 1rem 0;
    background: url(../images/btn-one.png) center center no-repeat;
}

.bottombtn-box .btn-two {
    display: inline-block;
    width: 200px;
    height: 64px;
    padding: 1rem 0;
    background: url(../images/btn-two.png) center center no-repeat;
}
.bottombtn-box a {
    transition: all .2s;
}
a {
    text-decoration: none;
}

@media (max-width: 768px){
.bottombtn-box .btn-one, .bottombtn-box .btn-two {
       background-size: 80px;
    width: 110px;
    padding: 10px 0;
    height: 34px;
}
}


.title {
    position: relative;
    margin: 0;
    padding: 6px 20px;
    /*height: 20px;*/
    border-bottom: 1px solid #eaeaea;
    border-radius: 5px 5px 0 0;
    background-color: #f7f7f7;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}
h6 {
    margin: 5px 0;
    color: inherit;
    font-weight: 700;
    font-family: inherit;
    line-height: 20px;
    text-rendering: optimizelegibility
}
.sticky li {
    float: left;
    margin-bottom: 1px;
    width: 50%
}
ul {
    margin: 0;
    padding: 0;
    list-style: none
}
li {
    line-height: 20px
}
.sticky li a {
    display: block;
    margin-right: 1px;
    padding: 5px 20px 2px 18px;
    background-color: #f1f1f1
}
.sticky img {
    float: left;
    margin: -2px 1px 0px -18px;
    width: 90px;
    height: 60px
}
img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    border: 0;
    border-radius: 5px;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}



.bannerPc{ text-align:center;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc img{ max-width:100%; vertical-align:middle;}

.banner-swiper1{ background:#212121;}
.banner-swiper1 .swiper-slide.swiper-slide-prev,.banner-swiper1 .swiper-slide.swiper-slide-next{ opacity:0.5;}
.banner-swiper .swiper-pagination-bullets{ bottom:20px !important;}
.banner-swiper .swiper-pagination-bullet{ width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle;}
.banner-swiper .swiper-pagination-bullet-active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.swiper-container-cube .swiper-cube-shadow{ display:none;}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bpc.png) no-repeat;}
.banner-swiper .swiper-button-prev{ left:50px; background-position:0 0;}
.banner-swiper .swiper-button-next{ right:50px; background-position:-40px 0;}
.banner-swiper2  .swiper-slide {width: 65%;box-shadow: 0 8px 30px rgba(255,255,255,0.2);}
.banner-swiper3 .preview{background:#212121}
.banner-swiper3 .preview li{ /*width:20%;*/ cursor:pointer; opacity:0.4;  }
.banner-swiper3 .preview li img{ width:100%; height:100%; max-height:120px;}
.banner-swiper3 .preview li.active-nav{ opacity:1;}

.banner-osSlider{ margin:0 auto;}
.banner-osSlider .slider-btn-prev,.banner-osSlider .slider-btn-next{ position:absolute; z-index:99; cursor:pointer;width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bpc.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.banner-osSlider .slider-btn-prev{left:50px; background-position:0 0;}
.banner-osSlider .slider-btn-next{right:50px; background-position:-40px 0;}
.banner-osSlider .slider-nav{position:absolute; z-index:99; left:0; right:0; bottom:20px; text-align:center;}
.banner-osSlider .slider-nav li{ display:inline-block; width:1em; height:2px; cursor:pointer; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner-osSlider .slider-nav li.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.banner-osSlider .cvNode img{ max-width:none; }

.banner-slicebox {position: relative;overflow: hidden;}
.banner-slicebox ul{ margin:0 auto;}
.banner-slicebox li {display: none;}
.banner-slicebox .sb-description {padding: 20px;bottom: 10px;left: 10px;right: 10px;z-index: 1000;position: absolute;background: #CBBFAE;background: rgba(190,176,155, 0.4);border-left: 4px solid rgba(255,255,255,0.7);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);	opacity: 0;color: #fff;-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;transition: all 200ms;}
.banner-slicebox li.sb-current .sb-description {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);	opacity: 1;}
.banner-slicebox li.sb-current .sb-description:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";filter: alpha(opacity=99);	background: rgba(190,176,155, 0.7);}
.banner-slicebox .sb-perspective {position: relative;}
.banner-slicebox .sb-perspective > div {position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility : hidden;-moz-backface-visibility : hidden;-o-backface-visibility : hidden;-ms-backface-visibility : hidden;backface-visibility : hidden;}
.banner-slicebox .sb-side {margin: 0;display: block;position: absolute;-moz-backface-visibility : hidden;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.banner-slicebox .slicebox-prev,.banner-slicebox .slicebox-next{ position:absolute; z-index:99; cursor:pointer;width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bpc.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.banner-slicebox .slicebox-prev{left:50px; background-position:0 0;}
.banner-slicebox .slicebox-next{right:50px; background-position:-40px 0;}
.banner-slicebox .slicebox-pagination{position:absolute; z-index:99; left:0; right:0; bottom:20px; text-align:center;}
.banner-slicebox .slicebox-pagination span{ display:inline-block; cursor:pointer; width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px; }
.banner-slicebox .slicebox-pagination span.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}

.banner-ccslide .control-links{position:absolute; z-index:99; left:0; right:0;top:auto; bottom:20px; text-align:center;}
.banner-ccslide .control-links li{ display:inline-block; width:1em; height:2px; cursor:pointer; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner-ccslide .control-links li.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.banner-ccslide .slider-nav.prev,.banner-ccslide .slider-nav.next{ position:absolute;width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bpc.png) no-repeat; text-indent:-9999px; overflow:hidden; }
.banner-ccslide .slider-nav.prev{left:50px; background-position:0 0;}
.banner-ccslide .slider-nav.next{right:50px; background-position:-40px 0;}
.banner-ccslide .shadow{ display:none;}
.banner-ccslide .slider-link{ width:100%; height:100%;}

.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bpc.png) no-repeat !important;display:block !important;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bpc.png) no-repeat !important;display:block !important;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
/*---------------banner手机-------------------*/
.bannerTel ul,.bannerTel li{ margin:0; padding:0; list-style:none; }
.bannerTel a{ display:block;}
.bannerTel img{ max-width:100%; vertical-align:middle;}
.bannerTel .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pagination{line-height:23px;text-align:center;}
.pagination span, .pagination a{font-size:12px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #e5e5e5;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}
.pagination a:hover{background: #8888;border:1px solid #fff;color:#fff;}
.pagination .current{background: #fff;border:1px solid #8d8d8d;color:#393939;font-size:12px;padding:2px 5px 2px 5px;}
.bannerTel .swiper-slide.swiper-slide-prev,.bannerTel .swiper-slide.swiper-slide-next{ opacity:0.5;}
.bannerTel .swiper-pagination-bullets{ bottom:1em !important;}
.bannerTel .swiper-pagination-bullet{ width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle;}
.bannerTel .swiper-pagination-bullet-active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.swiper-container-cube .swiper-cube-shadow{ display:none;}

.bannerTel8  .swiper-slide {width: 65%;box-shadow: 0 8px 30px rgba(255,255,255,0.2);}
@media (max-width:480px){
	.bannerTel .swiper-pagination-bullet-active{border-width:1px;}
}
@media screen and (min-width: 1601px){
.bottombtn-box{
         text-align: center;
        position: absolute;
        bottom: 0vw;
        z-index: 999;
        width: 100%;
        transform: scale(1.1);
    }
}
@media screen and (min-width: 1451px) and (max-width: 1600px){
.bottombtn-box{
         text-align: center;
        position: absolute;
        bottom: 0vw;
        z-index: 999;
        width: 100%;
        transform: scale(1.1);
    }
}
@media screen and (min-width: 1300px) and (max-width: 1450px){
.bottombtn-box{
         text-align: center;
        position: absolute;
        bottom: 0vw;
        z-index: 999;
        width: 100%;
        transform: scale(1.1);
    }
}
@media screen and (min-width: 1040px) and (max-width: 1299px){
.bottombtn-box{
         text-align: center;
        position: absolute;
        bottom: 0vw;
        z-index: 999;
        width: 100%;
        transform: scale(1.1);
    }
}
@media screen and (min-width: 1024px) and (max-width: 1039px){
.bottombtn-box{
         text-align: center;
        position: absolute;
        bottom: 0vw;
        z-index: 999;
        width: 100%;
        transform: scale(1.1);
    }
}
@media screen and (min-width: 769px) and (max-width: 1023px){
.bottombtn-box{
         text-align: center;
        position: absolute;
        bottom: 0vw;
        z-index: 999;
        width: 100%;
        transform: scale(1.1);
    }
}
@media (max-width:766px){
.bottombtn-box{
         text-align: center;
        position: absolute;
        bottom: 20%;
        z-index: 999;
        width: 90%;
    }
}
@media (min-width:767px){
.banner{
      background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(https://www.gxdzw.com/wp-content/themes/wp1110/static/images/bg-slider3.jpg);
    background-size: 100%;
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 0px;
    left: 0px;
    visibility: inherit;
    z-index: 20;
    }
}
@media (max-width:766px){
.banner{
      background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(https://www.gxdzw.com/wp-content/themes/wp1110/static/images/bg-slider3.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 0px;
    left: 0px;
    visibility: inherit;
    z-index: 20;
    background-position: 50% 50%;
    }
}