@charset "utf-8";

input::-ms-clear{display: none;}
.header_top{position: relative;height: 2.25rem;padding: 0;text-align: right;z-index: 10000;overflow: hidden;background: url(../images/headbg.jpg) no-repeat bottom;background-size: 100% 100%;}
.header_top .top{justify-content: space-between;align-items: center;height: 2.25rem;}
#logo{position: relative;}
#logo img{max-width:100%;transition: .5s;width: 7.62rem;}

.list_box1{
    display: flex;
}
.list_box1 li{padding: 0;line-height: 0.36rem;font-size: .18rem;color: #8f5c2a;display: flex;height: 0.36rem;width: 0.56rem;background: url(../images/icobg1.png) no-repeat;background-size: 100%;text-align: center;}
.list_box1 li a{width:100%;display:block;}
.list_box1 .li{ margin-left: .2rem;background: url(../images/icobg2.png) no-repeat;background-size: 100%;text-align: center;height: 0.36rem;line-height: 0.36rem;width: 2.12rem;}

.list_box1 .li a{display:flex;align-items:center;justify-content: space-between;transition: .5s;position: relative;height: 36px;width: 100%;}
.list_box1 .li .input{width: calc(100% - 56px);height: 100%;border: none;padding: 0 .1rem;font-size: .14rem;color: #333;}
.list_box1 .li .serbtn{width: 0.56rem;height: 100%;background: url(../images/serbg.png) no-repeat;background-size: 100%;}

#header{width:100%;background: #8f5c2a;z-index: 1000;position: relative;}
#nav{/* height: 100%; */width: 100%;}
#nav ul{display: flex;justify-content: space-between;/* height: 100%; */}
#nav ul li{z-index:0;/* height: 100%; */position: relative;}
#nav ul li a{display: flex;padding: 0;position: relative;z-index: 2;height: 100%;align-items: center;}
#nav ul li h3{font-size: .22rem;color:#fff;line-height: .65rem;position:relative;transition: .36s;display: inline-block;font-weight: bold;}
#nav ul li h3:after{content:"";position:absolute;left: 50%;top: calc(100% + 2px);transition:.6s;border-left: transparent .75rem solid;border-right: transparent .75rem solid;border-bottom: #fff 1rem solid;margin-left: -.75rem;opacity:0;visibility:hidden;}
#nav ul li.on1 h3:after{ opacity:1; visibility:visible}
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top: 95%;background: #c5ad94;
    background: #c5ad94e3;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 10px rgba(0,0,0,.3);/* border-radius: .1rem; */overflow: hidden;z-index: 1000;}
#nav ul li .sub:after{content: '';height: .02rem;width: 100%;position: absolute;left: 0;top: 0;background: #a82328;}
#nav ul li .sub .box{padding: .2rem 0;text-align:center;}
#nav ul li .sub a{padding: 5px .16rem;line-height: 28px;transition:.6s;font-size: .19rem;color: #fff;text-align: center;white-space: nowrap;min-width: 160px;display: block;}
#nav ul li .sub a img{ margin: 0 .1rem 0 0; opacity: .2; transition: .5s}
#nav ul li .sub a:hover{background: #8f5c2a;color: #fff;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}
#nav>ul>li.on h3,#nav ul li:hover h3{color: #920d14;}



#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -1.375rem;top: 50%;margin-top: -6px;transition:.3s;background:url() center no-repeat;background-size:100% auto; display:none}
#nav>ul>li.xiala h3:before{ display:block}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li.noSubMenu h3:before{ display:none}

/* banner */
.main-visual-wrapper {width: 100%;/* overflow: hidden; */position: relative;}
.main-visual-slider {overflow: hidden;width: 100%;position: relative;}
.main-visual-slider .swiper-slide { overflow: hidden; }
.main-visual-slider .swiper-container { width: 100%; height: 100%; position: relative; }
.swiper-box1 .imged::after{width: 100%;height: 1.66rem;background: url(../images/banshad.png) no-repeat;background-size: 100% 100%;z-index: 1;content: "";position: absolute;bottom: 0;left: 0;}
.swiper-box1 .imged{padding-bottom: 36%;}
.slide-inner{overflow: hidden;}
.main-visual-slider .imged{transform: translate3d(0px, 0px, 0px) scale(1.05); transition: opacity 0.5s}
.main-visual-slider .swiper-slide-active .imged{transform: scale(1); transition: all 6s ; }
.main-visual-slider video{transform: scale(1.1)\0;}
.main-visual-slider p{color: #fff;font-size: 0.3rem;line-height: 0.5rem;position: absolute;left: 15%;bottom: 5%;width: 70%;z-index: 10;}

.ban-dot {display: flex;justify-content: center;position: absolute;width: 20%;height: 0.33rem;bottom: 6%;z-index: 10;right: 10%;align-items: center;}
.ban-dot .swiper-pagination{right: 0;position: relative;display: flex;align-items: center;padding:0 20px;}
.ban-dot .swiper-pagination-bullet {margin: 0px 13px !important;width: 0.07rem;height: 0.07rem;opacity: 1;border-radius: 50%;background: #fff;font-size: 0;color: #fff;}
.ban-dot .swiper-pagination-bullet-active{width:.33rem;height:.33rem;font-size: 14px;border: 1px solid #fff;line-height: .33rem;text-align: center;background: none;opacity: 1;}
.ban-dot .arror:after{display:none;}
.ban-dot .arror{width:.19rem;height:.29rem;background:url(../images/next1.png) no-repeat;background-size:100% !important;margin:0;position:relative;top: 0;transition: 0.5s;}
.ban-dot .swiper-button-prev{transform:rotateY(180deg)}
.ban-dot .arror:hover{background:url(../images/next2.png) no-repeat;}

/* home1 */
.home1{padding: 65px 0 40px;background: url(../images/hbg1.jpg) no-repeat center/cover;}
.home1 .wp,.home2 .wp{justify-content: space-between;}
.home-l{width: 48%;}
.home-r{width: 48%;}
.title{margin-bottom: .35rem;justify-content: space-between;padding-bottom: 0.18rem;align-items: center;border-bottom: 2px solid rgba(143,92,42,.2);height: 63px;}
.title h3{font-size: 0.3rem;color: #666;line-height: 1.2;border-right: 1px solid #666;padding-right: .3rem;cursor: pointer;}
.title h3:last-child{border-right: none;padding-left: .3rem;}
.title h3::after{width: 0.76rem;height: 0.24rem;background:url(../images/ico1.png) no-repeat;background-size:100% !important;bottom: -.3rem;left: 50%;transform: translateX(-50%);opacity: 0;}
.title h3:nth-child(1)::after{left:40%;}
.title h3.on{color: #8f5c2a;font-weight: bold;font-size: 0.36rem;}
.title h3.on::after{opacity: 1;}
.title .more a{width: 0.6rem;height: 0.28rem;background:url(../images/morebg.png) no-repeat;background-size:100% !important;line-height: 0.28rem;text-align: center;font-size: 14px;color: #8f5c2a;display: none;}
.title .more a.on{display: block;}
.dt-swiper .imged{padding-bottom: 60%;}
.dt-swiper li .scale::after{width: 100%;height: 1.5rem;background:url(../images/banshad2.png) no-repeat;background-size:100%;z-index: 1;}
.dt-swiper li .con{position: absolute;left: 0;bottom: 0;width: 90%;padding: 0 0.25rem 0.2rem;z-index: 10;}
.dt-swiper li span{color: #fff;font-size: 0.16rem;width: 1.27rem;height: 0.43rem;background:url(../images/timbg.png) no-repeat;background-size:100%;text-align: center;line-height: 0.43rem;display: inline-block;}
.dt-swiper li h3{font-size: 0.18rem;color: #fff;line-height: 0.3rem;margin-top: .1rem;}
.dt-swiper  .swiper-pagination{position: absolute;right: 0.2rem;bottom: 0.25rem;display: flex;align-items: center;text-align: right;left: auto;width: auto;}
.dt-swiper  .swiper-pagination span{width: 6px;height: 6px;background: #fff;border-radius: 50%;opacity: 1;margin: 0 7px !important;}
.dt-swiper  .swiper-pagination span.swiper-pagination-bullet-active{width: 11px;height: 11px;border: 1px solid #fff;background: none;}
ul.list{background: #fff;padding: 0.3rem 0.2rem 0.1rem;}
ul.list li{margin-bottom: .33rem;}
ul.list li a{align-items: center;line-height: 1.6;justify-content: space-between;}
ul.list li h3{width: calc(100% - 1.1rem);font-size: 0.18rem;color: #333;padding: 0 .2rem 0 0.25rem;transition: 0.5s;}
ul.list li span{width: 1.1rem;text-align: right;white-space: nowrap;font-size: 0.16rem;color: #666;}
ul.list li h3::after{width: 0.14rem;height: 0.18rem;background:url(../images/li.png) no-repeat;background-size:100%;top: 50%;transform: translateY(-50%);bottom: auto;}

ul.list li a:hover h3{color: #8f5c2a;}
.home1 .h1-yg{padding: 0.2rem;background: url(../images/ygbg.jpg) no-repeat center/cover;align-items: center;}
.home1 .h1-yg .left{width: 20%;}
.home1 .h1-yg .right{width: 80%;padding: 0 0.2rem 0 0.4rem;}
.home1 .h1-yg .imged{padding-bottom: 135%;}

.home1 .h1-yg .right h3{font-size: 0.2rem;color: #fff;padding-bottom: 0.15rem;border-bottom: 1px solid #9a805c;margin-bottom: 0.25rem;font-weight: bold;line-height: 1.6;}

.home1 .h1-yg .right p{display: flex;align-items: center;font-size: 0.16rem;color: #fff;line-height: 0.3rem;margin-bottom: .1rem;}
.home1 .h1-yg .right p img{max-width: 0.14rem;display:block;margin-right:.1rem;}
/* home2 */
.home2{padding: 0.6rem 0 0.75rem;background: url(../images/hbg3.png) no-repeat center/cover;}
.home2 .home-l li:first-child a{border-top: 1px dashed #ded3c7}
.home2 .home-l li a{align-items: center;padding: 0.2rem 0.25rem;border-bottom: 1px dashed #ded3c7;}
.home2 .home-l li a::after{height: auto;background:url(../images/hbg2.jpg) no-repeat;background-size:100%;left: 50%;/* bottom: 50%; */}
.home2 .home-l li .date{width: 1rem;white-space: nowrap;font-size: 0.14rem;color: #8f5c2a;text-align: center;transition: 0.5s;padding-right: .3rem;border-right: 1px solid rgba(143,92,42,.4);}
.home2 .home-l li .con{width: calc(100% - 1rem);padding-left: .2rem;}
.home2 .home-l li .date span{color: #8f5c2a;font-size: 0.36rem;display: block;font-weight: bold;margin-bottom: .1rem;}
.home2 .home-l li h3{font-size: 0.18rem;color: #333;line-height: 0.36rem;margin-bottom: .1rem;}
.home2 .home-l li .con p{font-size: 0.16rem;color: #666;line-height: 0.24rem;}
.home2 .home-l li *{transition: 0.5s;}
.home2 .home-l li a:hover{border-bottom: 1px solid rgba(0, 0, 0, 0);}
.home2 .home-l li a:hover::after{left:0;width:100%;bottom:0;height:100%;  box-shadow: 0px 6px 27px 0px rgba(0, 0, 0, 0.23);
}
.home2 .home-l li a:hover .date,.home2 .home-l li a:hover .date span,.home2 .home-l li a:hover h3,.home2 .home-l li a:hover p{color: #fff;}
.home2 .home-l li a:hover h3{font-weight: bold;}

.home2 .home-r .st-t a{align-items: center;border-bottom: 1px dashed #8f5c2a;padding-bottom: .3rem;}
.home2 .home-r .st-t .date{width: 0.91rem;border: 1px solid #8f5c2a;padding: 0.05rem;text-align: center;white-space: nowrap;}
.home2 .home-r .st-t .con{width: calc(100% - .91rem);padding-left: .3rem;}
.home2 .home-r .st-t h3{font-size: 0.18rem;color: #8f5c2a;font-weight: bold;margin-bottom: 0.15rem;}
.home2 .home-r .st-t .con p{font-size: 0.16rem;color: #8f5c2a;line-height: 0.24rem;max-height: 0.48rem\0;}

.home2 .home-r .st-t .date .p{color: #fff;font-size: 0.14rem;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #8f5c2a;padding: .1rem 0;}

.home2 .home-r .st-t .date span{color: #fff;font-weight: bold;font-size: 0.36rem;display: block;line-height: 1.3;}

.home2 ul.list{background: none;}
.home2 ul.list li span{color:#8f5c2a;border-left:1px solid #8f5c2a}
/* home3 */
.home3{padding: 0.65rem 0 .95rem;}
.home3::after{width: 100%;height: auto;background: url(../images/hbg4.jpg) no-repeat;background-size: 100%;top: -1rem;}
.home3 .tit{margin-bottom: 0.45rem;display: flex;justify-content: center;}
.home3 .tit::after{width: 100%;bottom: auto;top: 50%;transform: translateY(-50%);background: rgba(143,92,42,.2);height: 2px;}
.home3 .tit h3{font-size: 0.36rem;color: #333;text-align: center;background: #fff;padding: 0 0.15rem;display: inline-block;}

.home3 ul{margin: 0 -0.2rem;justify-content:space-between;}
.home3 ul li{width: 23%;padding: 0 0.05rem;}
.home3 ul .li{width: 30%;background: #816036;background-size: 100%;position: relative;}
.home3 ul .li:before{content:"";position:absolute;width:.24rem;height:100%;background:#734e1f;left:0;bottom:0;}
.home3 ul .li:after{content:"";position:absolute;width:.24rem;height:100%;background:#734e1f;right:0;bottom:0;}
.home3 ul li .imged{padding-bottom: 51%;}
.home3 ul .li .ewm{width: 33.3%;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.home3 ul .li .img{width: 1.25rem;height: 1.25rem;background: url(../images/ewmbg.png) no-repeat;padding: 0.12rem;background-size: 100%;}
.home3 ul .li p{text-align: center;color: #fff;margin-top: .1rem;font-size: 0.14rem;line-height: 1.3;white-space: nowrap;}
/* footer */
footer{background: #734e1f;}
footer::after{width: 100% !important;height: 0.29rem !important;background: url(../images/fbg.png) no-repeat;background-size: 100%;bottom: 100% !important;}
footer .link{padding: 0.4rem 0;border-bottom: 1px solid rgba(255,255,255,.2);}
footer .link ul{align-items: center;}
footer .link h4{font-size: 0.2rem;color: #fff;font-weight: bold;}
footer .link li{padding: 0 0.2rem;}
footer .link li a{display: block;width: 1.91rem;height: 0.36rem;background: url(../images/linkbg.png) no-repeat;background-size: 100% 100%;text-align: center;line-height: 0.36rem;color: #fff;font-size: 0.16rem;}
footer .foot{padding: .3rem 0;justify-content: space-between;}
footer .foot .fot-l img{width: 7.62rem;}
footer .foot p{color: #fff;line-height: .36rem;font-size: 0.16rem;}
/* home0 */
.home0{padding: 0.5rem 0;}
.home0-t{height: 0.8rem;padding: .2rem .15rem .2rem .25rem;align-items: center;background: url(../images/lbbg.png) no-repeat;background-size: 100% 100%;}
.home0-t .h3{width: 1.35rem;font-size: 0.24rem;color: #8f5c2a;border-right: 1px solid #9a805c;padding-right: .2rem;}
.home0-t .con{width: calc(100% - 1.35rem);padding-left: .2rem;}
.home0-t .str_wrap,.home0-t .str_wrap:hover{background: none;}
.home0-t li{display: inline-block;}
.home0-t li a{padding-left: .25rem;background: url(../images/li.png) no-repeat left center;align-items: center;padding-right: .25rem;}
.home0-t li h3{font-size: 0.18rem;color: #333;line-height: 0.3rem;width: calc(100% - 1.1rem);padding-right: .2rem;transition: 0.5s;}
.home0-t li span{font-size: 0.16rem;color: #666;line-height: 0.24rem;width: 1.1rem;white-space: nowrap;}
.home0-t li h3:hover{color: #8f5c2a;}
.str_move_clone{overflow: hidden;}