.wrap_1680{ width: 1680px; max-width: 90%;margin: auto;}
.fx_cont .fnt_300{font-size: 3rem;}
.fx_cont .fnt_180{font-size:1.8rem;}
.fx_cont .fnt_80{font-size: 0.8rem;}
.fx_cont .fnt_60{font-size: 0.6rem;}
.fx_cont .fnt_48{font-size: 0.48rem;}
.fx_cont .fnt_30{font-size: 0.3rem;}
.fx_cont .fnt_24{font-size: 0.24rem;}
.fx_cont .fnt_18{font-size: 0.18rem;}
.fx_cont .fnt_16{font-size: 0.16rem;}

@media only screen and (max-width:1024px) {
.wrap_1680{max-width: 94%;}

}
@media only screen and (max-width:767px) {
.fx_cont .fnt_300{font-size: 0.8rem;}
.fx_cont .fnt_180{font-size:0.6rem;}
.fx_cont .fnt_80{font-size: 0.4rem;}
.fx_cont .fnt_48{font-size: 0.36rem;}
.fx_cont .fnt_24{font-size: 16px;}
.fx_cont .fnt_18{font-size:14px;}
.fx_cont .fnt_16{font-size:14px;}

}

.fx_01{background: #f4f4f4;padding: 0.85rem 0 1.5rem 0;color: #92673c;overflow: hidden;position: relative;}
.fx_01 h2{text-align: center;margin-bottom: 0.4rem}
.fx_01 h2 img{width: 166px;height: 22px}
.fx_01 h3{text-align: center;line-height: 1em;margin-bottom: 0.7rem;}
.fx_01 h4{text-align: center;line-height: 1em;margin-bottom: 1.6rem;}
.fx_01bg img{width: 100%;}
.fx_01bg{position: absolute;left: 0;bottom: -0.88rem; width: 100%;}

.fx_project,.fx_01 .wrap_1680{position: relative;z-index: 5;}
.fx_project ul{overflow: hidden;}
.fx_project li{width: 3.6rem; float: left;padding-left: 1.5rem;}
.fx_project li:nth-child(2){width: 4.64rem; padding-left: 1.6rem;}
.fx_project li:nth-child(3){width: 4.55rem; padding-left: 1.35rem;}
.fx_project li:nth-child(4){width: 3.35rem; padding-left: 0.85rem;}
.fx_project li:nth-child(5){width: 3rem; padding-left: 0.6rem;}


.fx_02{background: #feede1;padding: 0.68rem 0 1.45rem 0;}
.fx_video{border: 6px solid #b89676;border-radius: 10px;position: relative;    overflow: hidden;}
.fx_video video{width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: fill;}
.fx_video>img{height: 100%;width: 100%;position: absolute;left: 0;top:0;}
.fx_video span{z-index: 5;}
.fx_video span>img{width: 13.81rem; height: 3.09rem;}
.fx_logoen{text-align: right;padding-top: 0.2rem;}
.fx_logoen img{width: 20px;height: 83px;}

.fx_03 {overflow: hidden;padding: 1.3rem 0;}
.fx_03 .left{color: #92673c;float: left;width: 10rem;overflow: hidden;padding-top: 0.55rem;}
.fx_03 .left h2{float: left;line-height: 1em;}
.fx_03 .left .fx_sj_re{float: left;margin-left: 0.6rem;width: 2.4rem;}
.fx_cic{width: 0.48rem;height: 0.48rem;border-radius: 50%;border: 0.08rem solid #92673c; margin-bottom: 0.1rem;}
.fx_03 .left .fx_sj_re h3{line-height: 1em;margin-bottom: 0.2rem;}
.fx_03 .left .fx_sj_re p{line-height: 1.6em;}

.fx_03 .right{float: right;}
.fx_03 .right ul{overflow: hidden;}
.fx_03 .right li{float: left;width: 1.4rem;margin-left: 2rem;}
.fx_03 .right dt{margin-bottom: 0.4rem;}
.fx_03 .right dt span{width: 0.52rem;height: 0.2rem;background: #92673c;margin-bottom: 0.3rem;display: inline-block;}
.fx_03 .right h3{line-height: 1em}
.fx_03 .right .p01{line-height: 1.875em;margin-bottom: 0.3rem;}
.fx_03 .right .p02 p{margin-bottom: 0.1rem;}

@media only screen and (max-width:767px) {
.fx_01{padding: 30px 0;padding-bottom: 10px;}
.fx_project{padding: 0 3%;}
.fx_project ul{margin: 0 -2px;}
.fx_project dl{margin: 0 2px;}
.fx_project li{padding-left: 0 !important;width: 50% !important;margin-bottom: 20px;}
.fx_01 h2{margin-bottom: 20px;}
.fx_01 h3{margin-bottom: 20px;}
.fx_01 h4{margin-bottom: 20px;}
.fx_01bg{display: none;}

.fx_02,.fx_03{padding: 30px 0;}
.fx_video span{width: 70%;}
.fx_video span>img{width: 100%;height: auto;}
.fx_logoen img{width: 14px;height: 58px;}

.fx_03 .left,.fx_03 .right{float: none;width: 100%;}
.fx_03 .left{padding: 0;padding-bottom: 20px;}
.fx_03 .left h2,.fx_03 .left .fx_sj_re{float: none;margin: 0;}
.fx_03 .left h2{font-size: 0.8rem;margin-bottom: 20px;}
.fx_cic{width: 0.3rem;height: 0.3rem;border-width: 0.04rem;margin-bottom: 10px;}
.fx_03 .right li{width: 50%;margin: 0;}
.fx_03 .right ul{margin: 0 -5px;}
.fx_03 .right dl{padding: 0 5px;}
.fx_03 .right dt span{width: 30px;height: 4px;margin-bottom:6px;}
.fx_03 .right dt{margin-bottom: 10px;}
.fx_03 .right .p01{line-height: 24px;}
.fx_video{border-width: 2px;}
/* .fx_video video{display: none;} */
}


.fx_04{position: relative;}
.fx_text{position: absolute;top:3.5rem;left: 3.2rem;width: 3.85rem;}




.fx_enlogo{position: absolute;right: 1.3rem;bottom: 0;z-index: 5;}
.fx_enlogo img{width: 20px;height: 83px;margin-bottom: 0.2rem;}
.fx_enlogo .fx_line{width: 1px;height: 1.1rem;    background: rgba(255, 255, 255, 0.3);margin: auto;position: relative;}
.fx_enlogo .fx_line em{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-animation: scr_a 2s linear infinite;
    animation: scr_a 2s linear infinite;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;}

@-webkit-keyframes scr_a {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes scr_a {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}


.fx_btn div{width: 0.86rem;height: 0.86rem;margin-top: -0.43rem;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.fx_btn .swiper-button-prev{left: 0.5rem; background:url(../images/fx_prev.png) no-repeat;background-size: 100% 100%}
.fx_btn .swiper-button-next{right: 0.5rem; background:url(../images/fx_next.png) no-repeat;background-size: 100% 100%}
.fx_page{position: absolute;left: 0;bottom: 0.2rem;width: 100%;height: 40px;}
.fx_page .swiper-pagination{width: 100%;}
.fx_page span{background: none;color: #fff;opacity: 1;width: 40px;height: 40px;line-height: 40px;position: relative;margin: 0 0.1rem;}

.fx_page span:after,.fx_page span:before{content:"";position: absolute;background: #fff;right: 0;}
.fx_page span:after{top:0;width: 2px;height: 100%;    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;}
.fx_page span:before{bottom: 0;height: 2px;width: 100%;    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;}

.fx_page .swiper-pagination-bullet-active:after,.fx_page .swiper-pagination-bullet-active:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.295, 0.035, 0, 0.985);
  transition: -webkit-transform 1500ms cubic-bezier(0.295, 0.035, 0, 0.985);
  transition: transform 1500ms cubic-bezier(0.295, 0.035, 0, 0.985);
  transition: transform 1500ms cubic-bezier(0.295, 0.035, 0, 0.985), -webkit-transform 1500ms cubic-bezier(0.295, 0.035, 0, 0.985);
}
.fx_page .swiper-pagination-bullet-active:before {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.fx_05{padding: 0.9rem 0 1.1rem 0;overflow: hidden;}
.fx_06{padding: 1.2rem 0 1.6rem 0;background: #f4f4f4;overflow: hidden;}
.fx_05 .fx_title{margin-bottom: 1.3rem;}
.fx_title h2{line-height: 1.3em;margin-bottom: 0.1rem;}
.fx_color{padding: 0 1.3rem;color: #92673c;}
.fx_le{width: 2.2rem;float: left;background: #92673c;border-radius: 6px;overflow: hidden;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);margin-right: 2.1rem;}
.fx_le dt{height: 1.75rem;}
.fx_le dd{padding: 0.15rem;padding-bottom: 0.25rem;background: #fff;text-align: center;}
.fx_le dd h3{border-bottom: 1px solid #92673c;padding-bottom: 0.15rem;margin-bottom: 0.15rem;}

.fx_ce,.fx_re{width: 4.16rem; margin-right: 0.6em;float: left;}
.fx_ce h3,.fx_re h3{line-height: 1em;margin-bottom: 0.2rem;}
.fx_ce h4,.fx_re h4{height: 0.4rem;}

.fx_06 .fx_title{margin-bottom: 1.1rem;}
.fx_06 .left{float: left;width: 12rem;}
.fx_bigtitle{float: right;width: 3.5rem;color: #92673c;}
.fx_bigtitle h2{line-height: 1em;margin-bottom: 0.5rem;}
.fx_bigtitle p{line-height: 1.5em;margin-bottom: 0.2rem;}
.fx_flow ul{overflow: hidden;}
.fx_flow li{width: 25%;float: left;position: relative;}
.fx_flow li:after{content:"";position: absolute;left: 0;top:0.98rem;height: 0;border-bottom: 1px dashed #91653c;width: 100%;}

.fx_flow li dl{width:2rem;text-align: center;position: relative;position: relative;z-index: 5;}
.fx_flow li dt{width:2rem;height: 2rem;position: relative;color: #fff;border-radius: 50%;background: #91653c;margin-bottom: 0.3rem;}
.fx_flow li dt span{line-height: 1.25em;}
.fx_flow li dd p{margin-bottom: 0.2rem}
.fx_flow li:last-child:after{display: none;}

.fx_07{padding: 0.9rem 0 2.9rem 0;}
.fx_zs{padding-left: 0.58rem;height: 5.5rem;}
.fx_zs ul{height: 100%;position: relative;}
.fx_zs li{position: absolute;}
.fx_zs li img{width: 100%;height: 100%;}
.fx_zs li:nth-child(1){left: 0;bottom: 0;width: 1.61rem;height: 3.24rem;}
.fx_zs li:nth-child(2){left: 2.24rem;bottom: 0;width: 3.59rem;height: 4.71rem;}
.fx_zs li:nth-child(3){left: auto; right: 0;bottom: 0;width: 9.47rem;height: 5.5rem;}

.fx_box{width: 7.3rem;height: 4.6rem;overflow: hidden;position: relative;position: absolute;top:0.3rem;left: 1.1rem;}
.fx_scoll{overflow: hidden; /*overflow-y:auto;*/width:calc(7.27rem + 30px);height: 100%;}
.fx_scoll img{height: auto !important;}

.fx_08{overflow: hidden;background: #91653c;padding: 0.4rem 0;padding-left: 0.6rem;}
.fx_08 .fx_bigtitle{color:#fff;float: none;width: auto;}
.fx_08 .fx_cic{border-color: #fff;}

.fx_08 .left{width: 24%;float: left;}
.fx_08 .right{width: 71.8%;float: right;}
.fx_yhslider li{width: 4.64rem;opacity: 0.5}

.fx_09{padding: 0.9rem 0;}
.fx_09 h2 img{width: 1.66rem;height: 0.22rem;}
.fx_09 h2{margin-bottom: 0.5rem;}
.fx_p{margin-bottom: 0.7rem;}
.fx_09 p{text-align: center;}
.fx_09 p img{max-width: 100%;}

.fx_10{position: relative;margin-bottom: 1px;margin-bottom: 1.57rem;overflow: hidden;}
.fx_10 .fx_page{bottom: 0.4rem;}
.fx_10 .fx_page span{color: #91653c;}
.fx_10 .fx_page span:after,.fx_10 .fx_page span:before{background: #91653c;}

.fx_11{background: #f4f4f4;padding: 1.1rem 0 1.2rem 0;text-align: center;overflow: hidden;color: #91653c;}
.fx_11 h3{margin-bottom: 0.15rem;}
.fx_11 h5 a{display: inline-block;color: #91653c;}
.fx_11 h5 span{margin-left: 0.15rem;border-bottom: 1px solid #91653c;padding-bottom: 0.05rem;}
.fx_11 h4{margin-bottom: 0.25rem;}
.fx_11 h4 span{line-height: 1em;}
.fx_11 h4 .fnt_180{line-height: 1.3em;}
.fx_button{padding-top: 0.5rem;}
.fx_button a{display: inline-block;padding: 0.15rem 0.9rem;background: #91653c;border-radius: 0.4rem;color: #fff;}



@media only screen and (max-width:1024px) {
.fx_yhslider li{opacity: 1;}
}
@media only screen and (max-width:767px) {
.fx_05,.fx_06,.fx_07,.fx_09,.fx_11{padding: 30px 0;}
.fx_08{padding: 30px 3%}
.fx_06{padding-bottom: 10px;}
.fx_button .swiper-button-prev{left: 10px;}
.fx_button .swiper-button-next{right: 10px;}
.fx_enlogo img{width:14px;height: 58px;}
.fx_enlogo .fx_line{height: 30px;}
.fx_text{top:1.6rem;left: 1.5rem;width: 120px;}
.fx_page{height: 20px;bottom: 10px;}
.fx_page span{width: 20px;height: 20px;line-height: 20px;}
.fx_05 .fx_title,.fx_06 .fx_title,.fx_07 .fx_title{margin-bottom: 20px;}
.fx_color{padding: 0;}
.fx_le,.fx_ce, .fx_re{float: none;margin: 0;width: 100%;margin-bottom: 20px;}

.fx_06 .left,.fx_bigtitle{float: none;width: 100%;}
.fx_bigtitle h2{font-size: 0.8rem;margin-bottom: 10px;}
.fx_bigtitle h2 br{display: none;}
/* .fx_flow li{width: 50%;padding-bottom: 20px;}
.fx_flow li:last-child:after{display: block;} */

.fx_zs{padding: 0;height: auto;}
.fx_zs li{position: static;height: auto !important;margin-bottom: 20px !important;}

.fx_zs li:nth-child(1){width: 200px;margin: auto;}
.fx_zs li:nth-child(2){width: 280px;margin: auto;}
.fx_zs li:nth-child(3){width: 290px;position: relative;margin: auto;}
.fx_box{    width: 222px;
    height: 140px;
    top: 10px;
    left: 34px;}

    .fx_scoll{width: 100%;}
.fx_08 .left{margin-bottom: 20px;}
.fx_08 .left,.fx_08 .right{float: none;width: 100%;}
.fx_bigtitle p{line-height: 1em;}
.fx_10 .fx_page{bottom: 10px}
.fx_09 h2{margin-bottom: 10px;}
.fx_cont .fnt_48,.fx_cont .fnt_80{margin-bottom: 10px;}
.fx_cont .fnt_30{padding-top: 20px;}
.fx_p{margin-bottom: 20px;}

.fx_re h4{margin-bottom: 10px;}

.fx_flow{overflow-x: auto;}
.fx_flow ul{width: 500px;}
.fx_flow li dd{font-size: 14px;}

.fx_flow::-webkit-scrollbar {width: 3px;height: 2px;background: #ccc;}
.fx_flow::-webkit-scrollbar-thumb {width: 3px;border-radius: 3px;background: #91653c;}
.fx_flow::-webkit-scrollbar-track{width: 3px;height: 2px;}

}
@media only screen and (min-width:767px) {

.fx_02 .wrap_1680{max-width: 100%;height: 6.23rem;    position: sticky;
    position: -webkit-sticky;
    top: 0;
    height: auto!important;
}
/*.fx_02 .fx_video{height: 100% !important}*/

}
@media only screen and (min-width:1025px) {

.fx_button .swiper-button-prev:hover{ background:url(../images/fx_prev_on.png) no-repeat;background-size: 100% 100%}
.fx_button .swiper-button-next:hover{background:url(../images/fx_next_on.png) no-repeat;background-size: 100% 100%}

.fx_scoll.on img{animation: line_a 5s linear infinite  ;}
.fx_scoll img{animation: line_a 5s linear infinite  ;animation-play-state: paused;}

.fx_yhslider li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.fx_yhslider li:hover{opacity: 1;}
.fx_button a:hover{color: #fff !important;opacity: 0.9;}

}




@-webkit-keyframes line_a {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1.5rem);
            transform: translateY(-1.5rem);
  }
}

@keyframes line_a {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-1.5rem);
            transform: translateY(-1.5rem);
  }
}