/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-size: 14px; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s; }
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}



.yb-banner{ position: relative;
    width: 100%;   overflow: hidden;}

.yb-banner .text{ display: inline-block; width: 80%; text-align: left;  position: absolute;  top: 34%; left: 10%; right: 10%; text-align: center;}
.yb-banner .texta{ display: inline-block;  font-size: 48px; letter-spacing: 2px; font-weight: bold; width: 100%; line-height: 80px;  }
.yb-banner .textb{ display: inline-block;  font-size: 18px; letter-spacing: 2px; width: 100%; line-height: 30px;  }

.main-page{ padding: 40px 0;  width: 100%;}
.maina-page{ width: 100%;}
.yb-banner .swiper-pagination-bullet{background: rgba(254,254,254,.8); margin: 4px;}
.yb-banner .swiper-pagination-bullet-active{ background: #DB181C; width: 30px; border-radius: 100px;}

.pageacen{display: flex; flex-direction: column; width: 100%; padding: 40px 0; background: url("../images/homebj.jpg") top ; background-size: cover}

.pageconl{ line-height: 30px; margin-top: 20px; color: #7F2902; font-size: 16px;}

.sy-ul{display: flex; width: 100%; justify-content: space-between; align-items: flex-start;}
.sy-ul li{ position: relative; display: flex; justify-content: center; align-items: center;}
.navb{display: none;}
.sy-ul li:hover a,.sy-ul li.active a{color: #fff;}
.sy-ul li:hover .navb,.sy-ul li.active .navb{display: flex;}
.sy-ul li:hover .nava,.sy-ul li.active .nava{ display:none}
.synav{width: 20px; display: flex; position: absolute; z-index: 1; top: 0; left: 50% ; right: 50%; margin-left: -8px; bottom: 0; justify-content: center; align-items: center; }


.homeimg-swiper {
    width: 100%;
    height: 100%; overflow: hidden;
}
.homeimg-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;

    /* 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;
    transition: 300ms;
    transform: scale(0.8);
}
.homeimg-swiper .swiper-slide-active,.homeimg-swiper .swiper-slide-duplicate-active{
    transform: scale(1);
}

.homeimg-prev,.homeimg-next{position: absolute;  padding: 0 10px; top: 50%; left: auto; right: auto; display: inline-block; margin-top: -20px;}
.homeimg-prev{left: 0}
.homeimg-next{right: 0}
.homeimg-prev .iconfont,.homeimg-next .iconfont{font-size: 32px; color: #7F2902}

.paged-nav{display: flex; width: 100%; padding: 0 20%; justify-content: space-between; align-items: flex-start; margin-top: 20px;}
.paged-nav li{ position: relative; display: flex; justify-content: center; align-items: center;}
.paged-nav .synav{ width: auto;  display: flex; position: absolute; z-index: 1; top: 0; left: 0 ; right: 0; margin-left:18px; bottom: 0; justify-content: center; align-items: center; }

.paged-nav li:hover a,.paged-nav li.active a{color: #fff;}
.paged-nav li:hover .navb,.paged-nav li.active .navb{display: flex;}
.paged-nav li:hover .nava,.paged-nav li.active .nava{ display:none}
.paged-li-l{ width: 65%; position: relative; display: flex; justify-content: center; align-items: center;}
.paged-li-r{ width: 35%; position: relative; display: flex; justify-content: center; align-items: center;}

.dituul{ display: flex ;width: 100%;}
.dituli{position: absolute; z-index: 1;}
.dituli a{display: flex;color: #df0700; font-weight: bold; justify-content: center; align-items: center;}
.dituli a .tit{ background-color: rgba(254,254,254,.6); box-shadow: 3px 3px 10px rgba(0,0,0,.2); padding: 5px 20px; border-radius: 100px;}
.dituli1{ top:46%; left: 42%;}
.dituli2{ top:80%; left: 18%;}
.dituli3{ top:10%; left: 62%;}
.dituli.active a .tit{ background-color: #df0700; color: #fff; }
.l-con {position: absolute; left: 0%; right: 0%; top: 24px; bottom:8px}

.l-con img{height: 100%; width: 100%;}
.r-con {position: absolute; left: 15%; right: 16%; top: 10%; bottom: 10%; padding-right: 8px; overflow: hidden; overflow-y: auto;
}
.paged-li-r .r-con{display: none;}
.paged-li-r .r-con.on{display: block;}

.r-con::-webkit-scrollbar {
    width: 4px;
    background-color: #ccc;
  }
  
  .r-con::-webkit-scrollbar-thumb{
    background-color: #7F2902;
  }
.paged-li{display: none;}
.paged-li.flex{display: flex; width: 100%;}

.pagetop{background: url("../images/topbj.png"); height: 170px;}

.topnav{display: flex;width: 100%; padding: 0px 10%; justify-content: center; align-items: flex-start;  height: 100%}
.topnav .logo,.topnav .top-right{margin-top: 40px;}
.topnava{padding: 20px;}
.topnavb{display: none;}
.topnavs{width: 100px;display: flex; justify-content: center; align-items: center}
.topnavs:hover .topnavb{display: flex}
.topnavs:hover .topnava{display: none}
.active.topnavs .topnava{display: none;}
.active.topnavs .topnavb{display: flex;}

.active.topnavs,.topnavs:hover{position: relative; background: #7F2902; padding: 20px}
.active.topnavs:before,.topnavs:hover:before{position: absolute; top: 2px; right: 2px; left: 2px; bottom: 2px; border: 1px solid #A17834; content: ''}

.tujia{ background: url(../images/home/kuangda.png) center center no-repeat;  position: relative; background-size: contain; padding:4%; overflow: hidden; width: 944px; height: 524px; display: flex; justify-content: center; align-items: center;}
.tujia img{  width: 100% ; height:300px; border-radius: 12px;  }

.madmpagea{background: url('../images/madami/hdg2.jpg') left top no-repeat; background-size: cover; height: 1368px;}

.madmia{ display: flex; width: 100%; flex-wrap: wrap; margin-top: 80px;}
.madmia-l{ margin-left: 100px; width: 379px; display: flex ; justify-content: center; align-items: center;  box-sizing: content-box;}
.madmia-r{ flex: 1; display: flex ; justify-content: center; align-items: center; padding:  0 40px; margin-left: 20px; background-color: #FAF6EB; box-shadow: 5px 5px 10px rgba(0,0,0,.2); box-sizing: content-box;}
.madmia-img{background: url('../images/madami/kuang.png'); height: 557 px; padding: 20px; width: 379px; cursor: pointer;}
.madmia-img:hover img{transform: scale(1.1);}
.madmia-r .tit{ width: 154px;}
.madmia-r .con{flex: 1; display: flex; color: #7F2902; line-height: 40px; font-size: 16px; padding: 20px;}

.madmib{display: flex; width: 100%; justify-content: space-between; margin-top: 80px;}
.madmib-l{ display: flex; flex: 1; justify-content: center; align-items: center;}
.madmib-r{ width: 200px;}
.madmib-ul{width: 100%; display: flex; flex-wrap: wrap;}
.madmib-ul li{ padding: 20px; width: 50%;}
.nytype{margin-bottom: 40px;}
.nytype ul{justify-content: center;}
.nytype ul li{ padding: 0 20px;}
.navbb{display: none;}
.nytype .sy-ul li:hover a,.nytype .sy-ul li.active a{color: #fff;}
.nytype .sy-ul li:hover .navbb,.nytype .sy-ul li.active .navbb{display: flex;}
.nytype .sy-ul li:hover .navaa,.nytype .sy-ul li.active .navaa{ display:none}
.nytype  .synav{width: 265px; text-align: center; font-size: 16px; display: flex; position: absolute; z-index: 1; top: 0; left: 20px; right: 0;  bottom: 0;
  color: #51270F; justify-content: center; align-items: center; }

.madmpageb{background: url('../images/madami/hdg3.jpg') left top no-repeat; background-size: cover; }
.madmib-tit{display: flex; justify-content: center; align-items: center; margin-top: 80px;}
.madmib{display: flex; width: 100%; position: relative;}
.madmib-l{flex: 1; display: flex; height: 456px; justify-content: center; align-items: center;}
.madmib-l .tit{width: 120px; height: 100%;}
.madmib-l .con{display: flex; width: 70%; height: 100%; background-color: #FAF6EB; padding: 40px;  padding-right: 30%; align-items: center; line-height: 50px; overflow: hidden;
   overflow-y: auto;  font-size: 16px; color: #7F2902;}
   .madmib-l .con::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
  }
  
  .madmib-l .con::-webkit-scrollbar-thumb{
    background-color: #666;
  }
.madmib-r{width: 120px;  position: relative;}
.madmib-img{ }


.madmiyy-tit{display: flex; justify-content: center; align-items: center; margin-top: 80px;}
.madmiyy{display: flex; width: 100%; position: relative; margin-top: 80px;}
.madmiyy-l{flex: 1; display: flex; height: 456px;   align-items: center;}
.madmiyy-l .tit{width: 120px; height: 100%;}
.madmiyy-l .con{display: flow-root; width: 70%; height: 100%; background-color: #FAF6EB; padding: 40px;  padding-right: 30%; align-items: center; line-height: 50px; overflow: hidden;
   overflow-y: auto;  font-size: 16px; color: #7F2902;}
   .madmiyy-l .con::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
  }
  
  .madmiyy-l .con::-webkit-scrollbar-thumb{
    background-color: #666;
  }
.madmiyy-r{width: 40%;  position: absolute; right: 0; bottom: 0;}
.madmiyy-img{ }

.picMarquee-left{ margin-top: 80px; overflow: hidden;}
.bd ul { width: 100%;}
.bd ul li{padding: 10px; width: 400px; border: 1px color#fff; }
.hd{ margin-top: 20px;display: flex ;   justify-content: center; align-items: center;}
.hd ul{display: flex ;   justify-content: center; align-items: center;}
.hd ul li{ width: 8px; height: 8px; border-radius: 8px; background-color: #d7d8dd; overflow: hidden; padding-top: 10px; display: flex; margin: 2px;}
.hd ul li.on{background-color: #B90000; width: 16px;}
.news-ul.news-uls li:hover a{ color: #B90000; padding-left: 15px;}
.news-ul.news-uls li:hover a:before{background: #B90000; width: 5px; height: 5px; border-radius: 5px;}

.madmpagec{background: url('../images/madami/page2.jpg') left top no-repeat; background-size: cover; padding-top: 100px; }

.sgwbpage{display: flex; width: 100%;}
.sgwbpage-l{width: 50%; }
.sgwbpage-r{display: flex; flex: 1; background-color: #FAF6EB; flex-direction: column; justify-content: center; align-items: center;}
.sgwbpage-r .w100{display: flex; flex-direction: column; align-items: center;}
.sgwb-ul{display: flex;width: 100%; padding: 0px 10%; flex-direction: column;}
.sgwb-ul li{ padding: 20px 0; border-bottom: 1px solid rgba(127,41,2,.2); margin: 1px 0;}
.sgwb-ul li.active,.sgwb-ul li:hover{background-color: rgba(127,41,2,.6); color: #fff;}
.sgwb-ul li.active a,.sgwb-ul li:hover a{color: #fff;}
.sgwb-ul li:first-child{ border-top: 1px solid rgba(127,41,2,.2); }

.sgwb-tit{display: flex; width: 100%; font-weight: bold; color: #7F2902;  justify-content: flex-start; align-items: center; padding: 0 5%;}
.sgwb-tit img{ width: 50px;}
.sgwbpage-r{display: flex; align-items: center; justify-content: center;}

.mbnimg{ overflow: hidden; cursor: pointer; position: relative;}
.mbnimg .iconfont{ position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50px; background-color: #fff;
  margin-left: -25px; margin-top: -25px; box-shadow: 3px 3px 10px rgba(0,0,0,.2);}
.mbnimg:hover img{ transform: scale(1.1);}
.videos{position: fixed; display: none; flex-direction: column; z-index: 999; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.6); padding-bottom: 80px; justify-content: center; align-items: center; }
.videos.on{display: flex;}
.videos .closes{ padding-bottom: 40px; cursor: pointer;}
.videos .closes .iconfont{color: #fff; font-size: 36px; font-weight: bold;}

.tyxpage{width: 100%; background: url(../images/tiyanxi/g_2.jpg); background-size: cover; min-height: 500px;}

.huohuashi{display: flex; margin: 40px 0;}
.huohuashi .hhs-left{ margin-top: 40px; margin-right: 20px;}

.shejian{display: flex; width: 100%; padding: 40px 0; height: 540px;}
.shejianleft{ display: flex; flex: 1;}
.shejiantitimg{ width: 120px; display: flex; }
.shejiancon{display: flex; flex: 1; padding: 40px; overflow: hidden; overflow-y: auto; color: #7F2902; line-height: 40px; justify-content: center; align-items: center; background-color: #f5f5f5;}
.shejianright{ display: flex; padding:0 20px;}

.picprev{  margin-right: 10px;}
.picnext{  margin-left: 10px;}
.picprev .iconfont ,.picnext .iconfont{color: #fff; font-size: 32px;}

.quanbml{display: flex; width: 100%; margin-top: 20px; justify-content: center; align-items: center;}
.quanbml-l{ width: 500px; display: flex; overflow: hidden;}
.quanbml-r{display: flex; padding: 40px; flex-direction: column;}
.quanbml-r li{ margin: 10px  0; position: relative;}
.quanbml-r li::before{ width: 100px; position: absolute; left: -100px; height: 2px; content: ''; background: #fff; top: 50%;}
.quanbml-r a{color: #fff; font-weight: bold; font-size: 16px;display: inline-block; padding: 8px 30px; border: 1px solid #fff;}
.quanbml-r a:hover{ background-color: #7F2902; color: #fff; padding: 8px 40px; border: 1px solid #7F2902;}
.tyxvideobj{ background: url(../images/tiyanxi/kuang.png); width: 943px; height: 615px; display: block; padding: 40px; background-size: cover; margin: auto;}

.picfluid{display: flex; width: 100%; overflow: hidden; justify-content: center; margin-top: 30px; align-items: center; flex-direction: column;}

.picfluid .tit{ line-height: 40px; text-align: center; background-color: #815712; width: 100%; color: #fff; font-size: 16px; font-weight: bold;}
.picfluid .img{ width: 100%;  overflow: hidden; border: 10px solid #815712;}
.picfluid:hover .img { border: 10px solid #7F2902;}
.picfluid:hover .img img{ transform: scale(1.2);} 
.picfluid:hover .tit{ background-color: #7F2902;}


.ccr{ display: flex; width: 100%; flex-wrap: wrap; margin-top: 80px;}
.ccr-l{ margin-left: 100px; width:400px; display: flex ; justify-content: center; align-items: center;  box-sizing: content-box;}
.ccr-r{ flex: 1; display: flex ; justify-content: center; align-items: center; padding:  0; margin-left: 20px; 
  background-color: #FAF6EB; box-shadow: 5px 5px 10px rgba(0,0,0,.2); box-sizing: content-box;}
.ccr-img{   padding: 0px; width: 400px; cursor: pointer;}
.ccr-img:hover img{transform: scale(1.1);}
.ccr-r .tit{ width: 154px;}
.ccr-r .con{flex: 1; display: flex; flex-direction: column; flex-wrap: wrap; color: #7F2902; line-height: 40px; font-size: 16px; padding: 20px;}

.page-tit{font-size: 24px; color: #51270F;  font-weight: bold; text-align: center; width: 100%; line-height: 50px; margin: 20px;}

.pic-ul{display: flex; width: 100%; flex-wrap: wrap;}
.picdiv{display: flex; position: relative; width: 100%; justify-content: center ; margin: 8px 0; align-items: center;}
.picimg{position: relative; overflow: hidden; z-index: 0;}
.pictit{ position: absolute; left: 0; right: 0; bottom: 0; line-height: 30px;z-index: 2; background-color: rgba(0,0,0,.2); color: #fff; padding: 10px;}
.picdiv:hover .picimg img{ transform: scale(1.1);}
.picdiv:hover .pictit{background-color: #7F2902;}
.footpage{width: 100%; padding: 40px 0; background: url("../images/foot.jpg") center no-repeat; color: #fff; background-size: cover;}
.footpage a{color: #ffffff; }
.footlogo{font-size: 36px; font-weight: bold; letter-spacing: 4px; width: 100%; text-align: center; margin-top: 20px; line-height: 80px; }

.footnav{ display: flex; flex-wrap: wrap; width: 100%; padding: 10px; justify-content: center; align-items: center}
.footnav li{ padding: 5px 20px;}
.footbq{ border-top: 1px solid rgba(254,254,254,.5); width: 100%; padding: 10px ; text-align: center}

/*public*/
.fenyeys{ float:left; width:100%; display: inline-block; padding: 20px 10px; text-align:center;  font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:5px 10px; background:#DB181C; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#DB181C;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

.page-ny img{ max-width: 100%;}
.ny-r-c{display: inline-block; width: 100%;}

.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.p8{padding-right: 8px;
    padding-left:8px;}
.p20{padding-right: 20px;
    padding-left:20px;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.color-fff{color: #fff!important;}
.ba-f5f5f5{ background: #f5f5f5;}
.ba-EBEBEB{background: #EBEBEB;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}
.baise{ color: #fff;}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}

@media (max-width:1640px){
    .tujia img{height: 250px;}
}
@media (max-width:1440px){
    .tujia img{height: 220px;}
}
@media (max-width:1366px){
    .tujia img{height: 180px;}
}