@charset "utf-8";

.h4s1{font-size: .2rem;color: #000000;line-height: .36rem; transition: .5s;width: 100%;}
.h4s2{font-size: .18rem;color: #000000;line-height: .32rem;max-height: .64rem\0 ;transition: .5s;width: 100%;}
.h6s1{font-size: .16rem;color: rgba(158,54,34,.8);line-height: 1.25; font-family: 'sys'; transition: .5s; width: 100%;}
.h6s1 big{ font-size: .24rem; color: rgba(158,54,34,1);margin: 0 .08rem 0 0;transition: .5s;}
.ps2{font-size: .18rem;color: #999;line-height: .32rem;max-height: .66rem\0;transition: .5s; width: 100%;}
.ps3{font-size: .18rem;color: #999;line-height: .22rem;max-height: .99rem\0;transition: .5s; width: 100%;}

@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.ttf"); }
@font-face { font-family: 'Poppins-Bold'; src: url("../fonts/Poppins-Bold.ttf"); }
@font-face { font-family: 'Poppins-Italic'; src: url("../fonts/Poppins-Italic.ttf"); }
/* @font-face { font-family: 'HelveticaInserat-Roman-SemiB'; src: url("../fonts/HelveticaIns.ttf"); } */

.pc_hb{position: relative;z-index: 10000;height: 0;}
#header{position: fixed;z-index:999;width:100%;transition: 0.36s;}
.pc_h #header:before{content:"";position:absolute;height: 3.36rem;left: 0;right: 0;top: 0; background: url(../images/header.png) center top no-repeat; pointer-events: none;transition: .9s cubic-bezier(.165,.84,.44,1);z-index: -1;background-size: 100% 99%;}
.pc_h.on #header:before{height: 2rem;}

#header.xg{background: rgba(0,0,0,.8);box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);}
.header_top{position: relative;height: 3.375rem;padding: 0;text-align: right;z-index: 10000;overflow: hidden;display: flex;justify-content: flex-end;align-items: center;}
.header_top .tianqi{ display:inline-block; height:.64rem}
.header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: rgba(255,255,255,.5);}

#header .wp{align-items: center;justify-content: space-between;width: 100%;height: 1.36rem;transition: .5s;max-width: 92%;}
#header .right{width: 64%;max-width: 64%;align-items: center;opacity: 1 !important;padding: 0 1rem;}

#logo{width: 3.61rem;max-width: 21%;opacity: 1 !important;}
#logo img{ width: 100%;height: auto !important;}
#logo .i2{ display: none}

.header_top .search {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
}
.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -.08rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 .32rem 0 .1rem;
    color: #333;
}
.header_top .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;}
.header_top .search .btn svg{width: 18px;height: 18px;fill:#fff;}
.header_top .search:hover .btn svg{
    fill: #6510AD;
}


.header_top .search:hover .input {
    width: .42rem;
    opacity: 1;
    visibility: visible;
}

.miso_btn1{ width: 1.38rem; height: 1.02rem; position: absolute; z-index: 1;top: 0;right: 0;display: flex;justify-content: center;align-items: center;padding: 0 0 0 .25rem;}
.miso_btn1::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #9E3622; transform: skewX(20deg); transform-origin: left top;}

.list0{display: flex;align-items: center; /*! justify-content: center; */position: absolute;bottom: 0;right: 0;background: url(../images/list0_b.svg) left top no-repeat;width: 5.72rem;height: .7rem;z-index: 1;background-size: 100% 100%;padding: 0 .5rem;max-width: 100%;}
.list0 .li{padding: 0 .12rem;position: relative;}
.list0 .li::before{content: "";position: absolute;top: 50%;left: 0;border-radius: 50vw;transition: .5s;z-index: -1;width: 1px;height: .2rem;background: rgba(255,255,255,.3);margin-top: -.1rem;}
.list0 .a{display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;font-size: .16rem;color: #fff;transition: .5s;}
.list0 .a svg{width: .24rem;height: .24rem;fill: #fff;transition: .5s;}

.list0 .li:first-child::before{ display: none}

#openBtn{cursor:pointer;display:inline-block;}#openBtn .lcbody{width: .36rem;height: .32rem;position:relative;display:flex;justify-content:flex-start;}#openBtn .lcbody .lcitem{width:100%;height: 2px;position:absolute;transition:transform .36s ease;right:0;}#openBtn .lcbody .lcitem:nth-child(2){width: 100%;}#openBtn .lcbody .lcitem div{position:absolute;width:100%;height:100%;top:0;left:auto;right:0;background:#fff;transition: .5s;border-radius: 50vw;}#openBtn .lcbody .top{top:0}#openBtn .lcbody .center{display:block;top:50%;margin-top: -1px;}#openBtn .lcbody .bottom{top:calc(100% - .03rem)}#openBtn .lcbody:hover .lcitem.top .rect{animation:move .4s ease-in-out 1}#openBtn .lcbody:hover .lcitem.center .rect{animation:move .4s ease-in-out .1s 1}#openBtn .lcbody:hover .lcitem.bottom .rect{animation:move .4s ease-in-out .2s 1}.active#openBtn .lcitem.top{transform:rotateZ(45deg);top:49%}.active#openBtn .lcitem.center{opacity:0}.active#openBtn .lcitem.bottom{transform:rotateZ(-45deg);top:49%}@keyframes move{0%{right:0}40%{right:0;width:0}60%{right:auto;width:0%}100%{right:auto;width:100%}}.n_header #openBtn .lcbody .lcitem div{background:#fff}

.slide_down_nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 1000;visibility: hidden;padding: 1.4rem;}
.slide_down_nav .slide_down_nav_bg{position:fixed;right:0;top:0;height:0;left:0;background: rgba(255,255,255,.95);background-size: cover;transition: .9s cubic-bezier(.165,.84,.44,1) 1s;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.slide_down_nav .slide_down_nav_bg.on{top:auto;bottom:0;height:100%;transition: .9s cubic-bezier(.165,.84,.44,1);}

.slide_down_nav_line_shuxian{position:absolute;left: 0;margin-left:-0.5px;bottom: 0;width:1px;height: 0;background: rgba(0,0,0,0.15);opacity: 1;transition:0.6s;}
.slide_down_nav_line_shuxian.on{ height:100%; transition-delay: 1s;}
.slide_down_nav .slide_down_nav_content{position:relative;z-index:10;/* transform: translateY(100%); */transition:0.6s;height: 100%;opacity: 0;padding: 1rem 0 0;}


.slide_down_nav.on{ visibility:visible}
.slide_down_nav .slide_down_nav_content.on{/* transform:translateY(0); */transition:0.6s;opacity: 1;}

.slide_down_nav .wp{width: 14.4rem;margin: 0 auto;height: 100%;}

.miso_wzmap{display: flex;flex-wrap: wrap;margin: 0 -.4rem;}
.miso_wzmap li{flex: 1;padding: .15rem 0;transform: translateY(.5rem);transition: .5s;opacity: 0;}
.miso_wzmap li:nth-child(1){ transition-delay: .1s}
.miso_wzmap li:nth-child(2){ transition-delay: .2s}
.miso_wzmap li:nth-child(3){ transition-delay: .3s}
.miso_wzmap li:nth-child(4){ transition-delay: .4s}
.miso_wzmap li:nth-child(5){ transition-delay: .5s}
.miso_wzmap li:nth-child(6){ transition-delay: .6s}
.miso_wzmap li:nth-child(7){ transition-delay: .7s}
.miso_wzmap li:nth-child(8){ transition-delay: .8s}
.miso_wzmap li:nth-child(9){ transition-delay: .9s}
.miso_wzmap li h3 a{font-size: .2rem;color: #000000;position: relative;display: block;padding: 0 0 .2rem;margin-bottom: .3rem;}
.miso_wzmap li h3 a:before{content:"";position:absolute;left: .02rem;bottom: 0;width: 0;height: .03rem;background: #a22916;transition: 1.2s 1.2s;}
.miso_wzmap li dl{display: block;flex-wrap: wrap;margin: 0 -.1rem;}
.miso_wzmap li dl dd{min-width: 50%;padding: 0 .1rem;width: 100%;}
.miso_wzmap li dl dd a{font-size: .16rem;color: #000000;line-height: .4rem;display: block;transition: .5s;opacity: .7;}

.slide_down_nav_content.on .miso_wzmap li{transform: translateY(0);opacity: 1;}
.slide_down_nav_content.on .miso_wzmap li h3 a:before{width: .3rem;}

/*网站地图*/
#search1{position: fixed;top:0;height:0;width:100%;z-index: 100002;/* visibility: hidden; */}
#search1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
#search1.open{/* height:100vh; *//* visibility: visible; */}
.module>.module_container{margin:0 auto;padding: 0 15px;max-width:1536px;position:relative;}
#search1 .module_container{height: 100vh;overflow:hidden;background: #F2F0EA;max-width:none;display: flex;align-items: center;transform: translate3d(0, -101vh, 0);transition: 1s;visibility: hidden;}
#search1.open .module_container{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#search1 .wrapper{width: 10.24rem;max-width: 100%;margin:0 auto;-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper form{display: flex;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #c6c6c6;justify-content: space-between;}
.icon_search{background-image:url(../images/icon_search.png);width:16px;height:16px;cursor: pointer;}
#search1 .wrapper form .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper form .input1{font-size: .18rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
.fl{float:left}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#000;position:absolute;content:"";left:50%}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{background: #006179;color: #fff;}
#search1.open .close{ opacity: 1; visibility: visible}

.m_header_box {transition: all 0.6s ease 0s;display: none;height: 0.75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header {padding: 0px 0px 0px 15px;height: 0.75rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;background: #a22916;}
.m_header_box header #logo img {height: 0.5rem !important;width: auto;}
.m_header_box header #logo { padding: 0px; width: 100%; max-width: inherit;}
.m_header_box .search_btn img { width: 0.26rem; height: 0.26rem; }
.m_header_box .list_box1 { margin-right: 0.4rem; }
.m_header_box .list_box1 .li a { border-radius: 0px; width: 28px; height: 20px; font-size: 10px; }
.m_header_box .search_btn { margin-right: 0.05rem; position: relative; z-index: 10; display: inline-block;}
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.85rem; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.34rem; height: 18px; position: relative; outline: none; vertical-align: middle; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%; }
#nav_btn .navbtn {position: absolute;top: 50%;left: 0px;display: inline-block;width: 100%;height: 2px;transition: all 0.3s ease-out 0s;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 100%;height: 3px;content: "";transition: all 0.3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before {top: 7px;}
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 82px 20px 30px;pointer-events: none;transition: all 0.3s ease-out 0s;display: block;opacity: 0;visibility: hidden;backdrop-filter: blur(15px);overflow: hidden scroll;background: #a22916;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .list1 { justify-content: center; }
#m_nav .list1 li .a { color: #115740; }
#m_nav .list1 li .a img { display: none; }
.list_box_nav_mobile { max-width: 90%; margin: 0.2rem auto 0px; }
.list_box_nav_mobile > li { width: 100%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .h3 {width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.05);line-height: 0.64rem;color: #fff;padding: 0px;font-size: 0.2rem;display: flex;position: relative;transition: all 0.5s ease 0s;}
.list_box_nav_mobile > li.on .a { color: rgb(255, 255, 255); }
.list_box_nav_mobile > li .box { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .sub { position: relative; top: 0px; left: 0px; right: 0px; }
.list_box_nav_mobile > li i { content: ""; opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: -0.2rem; top: 0px; cursor: pointer; background-size: 16px 16px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li .sub a {display: block;font-size: 13px;color: #fff;line-height: 2.5;min-width: 33.33%;opacity: .7;}
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }

.m_header_box .list0 .li{ margin-left: .1rem}
.m_header_box .list0 .a::before{ border: #192854 1px solid;}
.m_header_box .list0 .a{ color: #192854;margin-right: 0;width: .34rem;height: .34rem;}
.m_header_box .list0 .a svg{ fill: #192854}

#nav{ flex: 1; width: 100%}
#nav ul { justify-content: space-between; height: 1.2rem;}
#nav ul li {z-index: 0;margin-left: 0px;position: relative;height: 100%;transition: all 0.2s ease 0s;}
#nav ul li > a {display: block;padding: 0px;position: relative;z-index: 2;height: 1.36rem;line-height: 1.36rem;}
#nav ul li .h3 {font-size: .18rem;color: #fff;height: 100%;position: relative;transition: .5s;font-weight: bold;font-family: Microsoft YaHei;}
#nav ul li.li .h3::before { content: ""; position: absolute; right: -0.18rem; top: 0.2rem; transition: all 0.6s ease 0s; width: 0.11rem; height: 0.05rem; background: url() center center no-repeat; }
#nav ul li .h3::after {content: "";position: absolute;left: 50%;bottom: 0px;transition: .5s;width: 0px;margin-left: -8px;opacity: 0;visibility: hidden;border-bottom: #d5515f 8px solid;border-right: transparent 8px solid;border-left: transparent 8px solid;}
#nav ul li.on .h3::after, #nav ul li:hover .h3::after {/*! opacity: 1; *//*! visibility: visible; */}
#nav ul li .sub {position: absolute;top: 100%;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: .5s;transform-origin: center top;}
#nav ul li .sub:before{ content: ""; position: absolute; top: -.08rem; border-left: transparent .08rem solid; border-right: transparent .08rem solid; border-bottom: #fff .08rem solid;left: 50%;margin-left: -.08rem;}
#nav ul li .sub .box {line-height: 1.5;transition: .5s;font-size: 0.16rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;overflow: hidden;background: #fff;border-radius: 0;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px;padding: .02rem .02rem;}
#nav ul li .sub a {padding: .12rem .4rem;line-height: 1.5;transition: .5s;font-size: 0.16rem;color: #333;text-align: center;white-space: nowrap;display: block;width: 100%;/*! border-radius: .06rem; */}
#nav ul li .sub a img { filter: grayscale(100%); opacity: 0.6; margin: 0px 0.1rem 0px 0px; width: 0.19rem; }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
#nav ul li .sub a:hover{ background: #a22916; color: #fff}

.banner_box{ padding: 0px; position: relative; z-index: 3; height: 100vh;}
.banner{ overflow: hidden; }
.banner ul li .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner ul li .a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/ba_t.png) center bottom no-repeat; background-size: 100% auto;}
.banner ul li .a .img{ overflow: hidden; width: 100%; transform: scale(1.04);}
.banner ul li .a .img .imgLi{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner ul li .a .img video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.banner.on ul li.swiper-slide-active .a .img{ animation: sca 7s linear infinite}

@keyframes sca {
    0% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}

.arrow1{ position: absolute; bottom: .8rem;  left: 50%; justify-content: center; align-items: center; z-index: 10; background: url(../images/ar_b1.svg) center repeat-x;width: 15.7rem;max-width: 94%;transform: translateX(-50%);}
.arrow1 .arrow{ width: .4rem; height: .4rem; cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.arrow1 .arrow:before{ content: ""; position: absolute; top: 0 ;right: 0; bottom: 0; left: 0; z-index: -1; background: #a22916; border-radius: 50vw; transition: .5s; opacity: 0; transform: scale(0);}
.arrow1 .arrow:hover:before{ opacity: .7; transform: scale(1);}

.arrow1 .dots{ width: 45vw; align-items: center; justify-content: space-around; padding: 0 5vw;}
.arrow1 .dots .swiper-pagination-bullet{ background: none; opacity: 1;width: .4rem;height: .4rem;position: relative;z-index: 1;border-radius: 0;}
.arrow1 .dots .swiper-pagination-bullet span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .5s;}
.arrow1 .dots .swiper-pagination-bullet span::before{ content: ""; position: absolute; width: .4rem; height: .4rem; background: url(../images/ar_d.svg) center no-repeat; background-size: .14rem .14rem;}
.arrow1 .dots .swiper-pagination-bullet:before{ content: ""; position: absolute;width: 2px;top: 50%;height: 100vw;left: 50%;transition: .5s; background: url(../images/ar_b1s.svg) center top no-repeat; opacity: 0;margin-left: -1px;}
.arrow1 .dots .swiper-pagination-bullet:after{ content: ""; position: absolute; background: url(../images/ar_d_on.svg) center no-repeat; background-size: 100% 100%;top: 0;right: 0;bottom: 0;left: 0;transition: .5s;transform: scale(0); opacity: 0; -webkit-animation:play 5s linear infinite;-moz-animation:play 5s linear infinite;animation:play 5s linear infinite}

.arrow1 .dots .swiper-pagination-bullet.active span{ top: -1.2rem}
.arrow1 .dots .swiper-pagination-bullet.active:before{ transform: translateY(-1.2rem); opacity: 1}
.arrow1 .dots .swiper-pagination-bullet.active:after{ transform: scale(1); opacity: 1}

.pad1{ padding: .65rem 0; overflow: hidden;}

.tit1_c{ justify-content: center; }
.tit1{ align-items: center; position: relative; z-index: 1; margin-bottom: .32rem; }
.tit1 .ll{ align-items: center;}
.tit1 .ico{ background: url(../images/tit1_b.png) center no-repeat; background-size: 100% 100%; width: .72rem; height: .72rem;}
.tit1 .ico img{ width: 100%; height: 100%;}
.tit1 big{ font-size: .34rem; color: #333; font-family: Microsoft YaHei; font-weight: bold; margin: 0 .1rem 0 .12rem;}
.tit1 small{ font-size: .18rem; color: #999;transform: translateY(.1rem);}
.tit1 .rr{ position: absolute; top: 60%; right: 0; transform: translateY(-50%);}
.on .rr{    z-index: 10}

.more1{ align-items: center; font-size: .16rem; color: #333; transition: .5s}
.more1 img{margin: -.06rem .1rem 0 0;transition: .5s;width: .3rem;}

.home1 .box{ width: 52%; padding: 0 2.5%;}
.home1 .box1{ width: 24%; padding: 0;}
.tit2{ position: absolute; bottom: .2rem; left: .3rem;z-index: 1;}
.tit2 h3{ line-height: .24rem; font-size: .2rem; color: #fff; position: relative; padding: 0 0 0 .12rem;}
.tit2 h3::before{ content: ""; position: absolute; top: 0; bottom: 0; width: .03rem; background: #fff;left: 0;}

.tit1_w big{ color: #fff;}
.tit1_w small{ color: rgba(255,255,255,.4);}

.list4 li{ border-bottom: 1px solid #D8D8D8; padding-bottom: .3rem; margin-bottom: .3rem; position: relative; z-index: 1;}
.list4 li::after{ content: ""; position: absolute; bottom: -1px; width: 0; height: 1px; background: #9E3622; transition: .5s;}
.list4 li:last-child{ padding-bottom: 0; margin-bottom: 0; border: none;}
.list4 li:last-child::after{ display: none;}
.list4 .img{ margin-bottom: .25rem;}
.left .list4 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  /*! background: url(../images/list9_t.png) center 101% no-repeat; */ /*! background-size: 100% auto; */background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);}
.list4 .img .imgLi{ padding-bottom: 66.92%; }
.list4 h6{ margin: .1rem 0 0;}

.list5 .img .imgLi{ padding-bottom: 66.92%; }
.list5 .txt{ padding: .25rem .3rem;}
.list5 h4{ font-size: .2rem;}
.list5 p{ margin: .14rem 0 0;}
.list5Box .dots{ align-items: center; justify-content: space-around;position: relative;bottom: 0;padding: 0 24%;margin: .2rem 0 0; background: url(../images/dots1_b.svg) center no-repeat;}
.list5Box .dots span{ background: url(../images/dots1.svg) center no-repeat; background-size: 100% 100%; width: .16rem; height: .16rem;opacity: 1; transition: .5s;}
.list5Box .dots span.active{ background: url(../images/dots1_on.svg) center no-repeat; background-size: 100% 100%;}

.section-parallax{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: -1;pointer-events: none;}
.parallax-content{width: 100%;height: 140%;position: absolute;top: 20%;right: 0;bottom: 0;left: 0;top: 0\0;}

.home2{  position: relative; z-index: 2; padding: .7rem 0 0;overflow: visible;}
.home2 .left .tit1 .rr{right: 12%}
.home2 .bg1{ background: url(../images/home2_b.jpg) center bottom no-repeat; background-size: cover; position: absolute; top: .96rem; right: 0; bottom: .2rem; left: 0; z-index: -1;}
.home2 .bg2{ background: url(../images/home2_b2.jpg) center; width: 100%; height: .96rem; position: absolute; top: 0; right: 0; left: 0;}
.home2 .bg3{ width: 62%; height: .78rem; position: absolute; top: .95rem; right: 0; left: 0;transform: skewX(-45deg);transform-origin: right top;overflow: hidden;}
.home2 .bg3s{ background: url(../images/home2_b2.jpg) center; transform: skewX(45deg);width: 100%;height: 100%;transform-origin: right top;}
.home2 .bg4{ background: url(../images/home2_b2.jpg) center; width: 52.5%; height: .8rem; position: absolute; top: calc(.96rem + .76rem); right: 0; left: 0;}
.home2 .left{ width: 56.875%; padding: 0 0 0 0;}
.home2 .right{ width: calc(100% - 56.875%); padding: .96rem 0 0 4.125%;}
.home2 .wp{ position: relative; z-index: 2;margin-bottom: -.2rem;}
.dateW{ align-items: center; height: .82rem; margin: -.03rem 0 .7rem;justify-content: space-between;padding: 0 12% 0 0;}
.dateW img{ height: .82rem}
.dateW .prev, .dateW .next{ cursor: pointer}

.miso_tab1 .hd ul li{ align-items: center;display: flex; margin-right: .2rem;cursor: pointer;}
.miso_tab1 .hd ul li:last-child{ margin-right: 0}
.miso_tab1 .tit1 big{ font-weight: normal; opacity: .68;font-size: .3rem;}

.miso_tab1 .tit1 .on big{ opacity: 1}
.miso_tab1 .tit1 .ico, .miso_tab1 .tit1 small{ display: none}
.miso_tab1 .tit1 .on .ico, .miso_tab1 .tit1 .on small{ display: block}

.dateBox{border-top: 1px solid #BE958F;border-bottom:  1px solid #BE958F;flex: 1;overflow: hidden;height: .8rem;box-sizing: border-box;align-items: center;justify-content: space-around;text-align: center;cursor: auto !important;}
.list6 li{width: 14.28%;pointer-events: none;}
.list6 li.ok{ pointer-events: inherit}
.list6 .a{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
.list6 h3{ font-size: .18rem; color: #333;}
.list6 h6{ font-size: .14rem; color: #8D2E1F; opacity: .48; margin: .08rem 0 0;}

.list6 li.on h3{ color: #9E3622; font-weight: bold}

.home3{  position: relative; z-index: 1; padding-top: 2.15rem;}
.home3 .bg1{ position: absolute; top: 0; right: 0; left: 0;pointer-events: none;}
.home3 .parallax-content{ background: url(../images/home3_b.jpg) center no-repeat; background-size: cover; }

.more1_w{ color: #fff !important;}

.list7 .img{ width: 3.7rem;}
.list7 .txt{ flex: 1; overflow: hidden; padding: .2rem 0 0 .5rem;}
.list7 h4{ color: #fff !important; font-weight: bold;}
.list7 .con{ margin: .25rem 0 0;}
.list7 .con p{ line-height: .4rem; font-size: .18rem; color: #fff; padding: 0 0 0 .6rem;position: relative;margin: 0 0 .15rem 0;}
.list7 .con p i{ background: url(../images/list7_b1.png) center no-repeat; background-size: cover;width: .4rem;height: .4rem;display: block;position: absolute;top: 0;left: 0;}
.list7 .con p i img{width: 100%;height: 100%;vertical-align: top;}
.list7 .img .imgLi{ padding-bottom: 68.10%;}

.list8Box{margin: .7rem -.5rem 0;padding-bottom: .2rem;position: relative;min-height: .4rem;}
.list8W{position: relative;z-index: 1;transition: .5s;}
.list8W:before{ content: ""; position: absolute; right: 0; bottom: .19rem; width: 100vw; height: 1px; background: url(../images/ar_b1.svg) right center repeat-x;}
.list8W.on{opacity: 0;}
.list8 .a{ display: block; padding: .3rem .5rem .5rem;}
.list8 li:before{ content: ""; position: absolute;width: 2px;top: .02rem;height: calc(100% - .1rem); right: 0;transition: .5s; background: url(../images/ar_b1s.svg) center top no-repeat; margin-right: -1px;}
.list8 li:after{ content: ""; position: absolute; width: .14rem; height: .14rem; background: url(../images/ar_d.svg) center no-repeat; background-size: .12rem .12rem; top: 0; right: -.07rem; transition: .5s;}
.list8 .time .years{ font-size: .14rem; color: rgba(255,255,255,.74);writing-mode: tb-rl;}
.list8 .time .h3{ font-size: .28rem; color: #fff; font-family: "sys";margin: 0 0 0 .14rem;}
.list8 h4{ color: #fff !important; margin: .25rem 0 0}

.list8 li.swiper-slide-prev:before, .list8 li.swiper-slide-prev:after, .list8 li.swiper-slide-next:before, .list8 li.swiper-slide-next:after{ opacity: 0; visibility: hidden;}

.arrow2{ position: absolute; bottom: 0;  left: 50%; justify-content: center; align-items: center; z-index: 10; /*! background: url(../images/ar_b1.svg) center repeat-x; */width: 100%;max-width: 94%;transform: translateX(-50%);}
.arrow2 .arrow{ width: .4rem; height: .4rem; cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.arrow2 .arrow:before{ content: ""; position: absolute; top: 0 ;right: 0; bottom: 0; left: 0; z-index: -1; background: #a22916; border-radius: 50vw; transition: .5s; opacity: 0; transform: scale(0);}
.arrow2 .arrow:hover:before{ opacity: .7; transform: scale(1);}

.arrow2 .dots{ flex: 1; align-items: center; justify-content: space-around; padding: 0 5vw;}
.arrow2 .dots .swiper-pagination-bullet{ background: none; opacity: 1;width: .4rem;height: .4rem;position: relative;z-index: 1;border-radius: 0;}
.arrow2 .dots .swiper-pagination-bullet span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .5s;}
.arrow2 .dots .swiper-pagination-bullet span::before{content: "";position: absolute;width: 100%;height: 100%;background: url(../images/ar_ds1.svg) center no-repeat;background-size: .14rem .14rem;}

.arrow2 .dots .swiper-pagination-bullet.active span:before{ background: url(../images/ar_ds_on.svg) center no-repeat; background-size: .14rem .14rem;} 

.aline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r:hover .aline_w{background-size:100% 1px;}
.aline_w:hover{background-size:100% 1px}

.list9 .a{ display: block; position: relative;}
.list9 .img .imgLi{ padding-bottom: 56.12%;}
.list9 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  /*! background: url(../images/list9_t.png) center 101% no-repeat; */ /*! background-size: 100% auto; */background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);}
.list9 .txt{ position: absolute; /*! top: 0; */ right: 0; bottom: 0; left: 0;padding: .2rem .35rem;z-index: 1;}
.list9 .txt h4{ color: #fff !important;}

.list10 li{ width: 50%;}
.list10 .a{ display: block; height: 2.44rem; background: #fff; padding: .24rem .28rem 0;position: relative;z-index: 1;overflow: hidden;}
.list10 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #9E3622; transform: translateY(101%); transition: .5s;}
.list10 h4{  font-size: .16rem; margin:  .08rem 0 0; line-height: .3rem; max-height: .6rem\0;}
.list10 hr{ background: #D8D8D8; margin: .22rem 0 .15rem;}
.list10 p{  font-size: .14rem; line-height: .28rem; max-height: .56rem\0}

.list10 li:nth-child(2) .a{ background: rgba(255, 255, 255, 0.3); }
.list10 li:nth-child(2) .a *{ color: #fff !important;}

.home3 .tit1 .ico{ background: url(../images/tit1_bs1.png) center no-repeat; background-size: 100% 100%;}

.list11Box{ margin: 0 -.45rem;}
.list11 .a{ display: block; transform: scale(.8); transition: .5s; position: relative; z-index: 1;}
.list11 .imgW{ position: relative; z-index: 1;margin: .1rem 0;}
.list11 .imgW::before{ content: ""; position: absolute; top: -.08rem; right: -.08rem; bottom: -.08rem; left: -.08rem; border: rgba(255,236,228,.4) .08rem solid;border-radius: .35rem 0 .35rem 0; z-index: 1}
.list11 .imgW::after{ content: ""; position: absolute; top: -.04rem; right: -.04rem; bottom: -.04rem; left: -.04rem; z-index: 1; background: url(../images/list11_t.png) center no-repeat; background-size: 100% 100%; opacity: 0; transition: .5s;}
.list11 .img{ border-radius: .3rem 0 .3rem 0;}
.list11 .img .imgLi{ padding-bottom: 65.69;}
.list11 .time{ position: absolute; z-index: 1; width: .88rem; height: .88rem;display: flex;align-items: center;justify-content: center;flex-direction: column;font-family: 'sys';right: -.36rem;top: 50%;transform: translateY(-50%); opacity: 0;transition: .5s;z-index: 10;}
.list11 .time::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list11_h.png) center no-repeat;z-index: -1;-webkit-animation: play 15s linear infinite;-moz-animation: play 15s linear infinite;animation: play 15s linear infinite;background-size: 100% 100%;}
.list11 .time h3{ font-size: .24rem; color: #fff; font-weight: bold;}
.list11 .time h6{ font-size: .15rem; color: #fff; font-weight: bold; opacity: .4;margin: .06rem 0;}
.list11 .txt{ padding: .15rem .2rem;}
.list11 h4{ font-size: .22rem; color: #fff !important;}

.home4{ position: relative; z-index: 1;} 
.home4 .parallax-content{ background: url(../images/home4_b.jpg) center no-repeat; background-size: cover; }

.arrow3{ position: relative;  left: 50%; justify-content: center; align-items: center; z-index: 10; background: url(../images/ar_b1.svg) center repeat-x; width: 11.76rem; max-width: 94%;transform: translateX(-50%);margin: .3rem 0 0;padding: 0 6vw;}
.arrow3 .arrow{ width: .4rem; height: .4rem; cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.arrow3 .arrow:before{ content: ""; position: absolute; top: 0 ;right: 0; bottom: 0; left: 0; z-index: -1; background: #a22916; border-radius: 50vw; transition: .5s; opacity: 0; transform: scale(0);}
.arrow3 .arrow:hover:before{ opacity: .7; transform: scale(1);}

.arrow3 .dots{ flex: 1; align-items: center; justify-content: space-around; padding: 0 5vw;}
.arrow3 .dots .swiper-pagination-bullet{ background: none; opacity: 1;width: .4rem;height: .4rem;position: relative;z-index: 1;border-radius: 0;}
.arrow3 .dots .swiper-pagination-bullet span{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .5s;}
.arrow3 .dots .swiper-pagination-bullet span::before{content: "";position: absolute;width: 100%;height: 100%;background: url(../images/dots2.svg) center no-repeat;background-size: .14rem .14rem;}

.arrow3 .dots .swiper-pagination-bullet.active span:before{ background: url(../images/ar_ds_on.svg) center no-repeat; background-size: .14rem .14rem;}

.home4{ padding: 1.36rem 0 3.25rem;background: url(../images/home4_b.jpg) center no-repeat; background-size: cover; }
.home4 .bg1{ position: absolute; bottom: .8rem; right: 0; bottom: .8rem; left: 0; background-size: 100% 100%;padding-bottom: 11.97%;mix-blend-mode: hard-light;z-index: -1;}
.home4 .bg2{ position: absolute; /*! top: 0; */ right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/home4_b1.png) center bottom repeat-x; background-size: auto 100%;padding-bottom: 2%;}
.home4 .wp{ position: relative; z-index: 1;align-items: center;}
.home4 .wp .svg1{position:absolute;top:50%;margin-top:-1.5px;z-index:-1;left:50%;transform: translateX(-50%);pointer-events: none;}
.path{stroke-dasharray:4,2;animation:dash1 6s linear infinite}
@keyframes dash1 {
    to {
      stroke-dashoffset:100
    }
}
.tit3{ background: url(../images/tit3_b.png) center no-repeat; width: 2.83rem; height: 2.83rem; flex-direction: column; align-items: center; justify-content: center;filter: drop-shadow(3px 4px 14px rgba(67, 34, 28, 0.3));background-size: 100% 100%;}
.tit3 h3{ font-size: .4rem; color: #000; line-height: 1.5; font-family: 'sys'; width: .9rem; text-align: center; margin: 0 .2rem 0 0; position: relative; z-index: 1;}
.tit3 h3::before{ content: ""; background: url(../images/tit3_b1.png) center no-repeat; position: absolute; ;width: .5rem;height: .5rem;left: 75%;top: -10%;background-size: 100% 100%;-webkit-animation: play 5s linear infinite;-moz-animation: play 5s linear infinite;animation: play 5s linear infinite;z-index: -1;}

.home4 .right{flex: 1;overflow: hidden;margin: .18rem 0 0;padding: 0 0 0 3vw;}
 
.list12{font-size: 0;overflow: hidden;flex-wrap: nowrap;}
.list12 li{ /*! min-width: 25%; */display: inline-block;margin: 0;padding: .2rem 0;width: 25%;}
.list12 .a{ width: 2.345rem; max-width: 100%;display: block;margin: 0 auto;position: relative;z-index: 1;transition: .5s;}
.list12 .a:before{ content: ""; position: absolute; top: 6%; right: 6%; bottom: 6%; left: 6%; background: #fff; border-radius: 50vw;transition: .5s;z-index: -1;}
.list12 .a:after{ content: ""; position: absolute; top: 6.5%; right: 5%; bottom: 5%; left: 6.75%; background: url(../images/list12_b.png); background-size: 100% 100%; border-radius: 50vw;opacity: 0;transition: .5s;z-index: -1;}
.list12 .img .imgLi{ background: url(../images/list12_t.png) center no-repeat;padding-bottom: 100%;}
.list12 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;display: flex;align-items: center;justify-content: center;}
.list12 .ico img{ max-width: 60%; max-height: 60%;}
.list12 .ico img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.list12 .ico img:nth-child(2){ opacity: 0}

.list12 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.list12 h3{ color: #8D2E1F; transition: .5s;display: flex;align-items: baseline;max-width: 100%;justify-content: center;width: 1.75rem;flex-wrap: wrap;line-height: 1.15;}
.list12 h3 big{ font-size: .44rem;margin: 0 0 0 0;font-family: 'HelveticaInserat-Roman-SemiB';font-family: 'Poppins-Bold';transform: scaleX(.9);letter-spacing: -.01rem;position: relative; color: transparent} 
.list12 h3 big .num1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'Poppins-Bold'; color: #8D2E1F; text-align: center}
.list12 h3 small{ font-size: .2rem;}
.list12 h3 sup{ font-size: .3rem;align-self: flex-start;transform: translateY(-.15rem);}
.list12 h6{ font-size: .18rem; color: #333333;margin: .1rem 0 0;line-height: 1.375;text-align: center;}

.miso_tab2 .hd ul{ position: relative; z-index: 1; justify-content: center;}
.miso_tab2 .hd ul li{min-width: 33.33%;text-align: center;display: flex;}
.miso_tab2 .hd ul li .ll{ position: relative; cursor: pointer}
.miso_tab2 .hd ul li .ll:before{ content: ""; position: absolute; border-left: transparent .16rem solid; border-right: transparent .16rem solid; border-bottom: #9E3622 .15rem solid; bottom: -.15rem; left: 37%; transform: translateX(-50%);opacity: 0;transition: .5s;}
.miso_tab2 .hd{ width: 100%;}
.miso_tab2 .hd ul li.on .ll:before{ opacity: 1}

.miso_tab2 .bd{ padding: .3rem 0;}

.list13 .li{ width: 2.15rem;transition: .5s;overflow: hidden;}
.list13 .li .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transition: .5s;}
.list13 .li .img{ z-index: 1}
.list13 .li .img .imgLi{ padding-bottom: 4.8rem; opacity: .2;mix-blend-mode: multiply;}
.list13 .li .a{ display: block; position: relative; z-index: 1}
.list13 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: .5s;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 .3rem .5rem 0;align-items: flex-end; z-index: 2}
.list13 .top h4{ font-size: .18rem; color: #fff; letter-spacing: .05rem; writing-mode: tb-rl}
.list13 .top1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;transition: .5s;display: flex;flex-direction: column;justify-content: flex-end; z-index: 2; transform: translateY(101%); padding: .25rem .25rem .25rem .66rem;/*! background: url(../images/list9_t.png) center 101% no-repeat; */background-size: auto;/*! background-size: 100% auto; */background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);}
.list13 .top1 h4{ font-size: .18rem; color: #fff !important;width: 100%;}
.list13 .top1 .dot{ width: .14rem; height: .14rem;margin: .12rem 0;position: relative;z-index: 1;transform: translateX(-.3rem);}
.list13 .top1 .dot span{ width: .14rem; height: .14rem; background: url(../images/dots2.svg) center no-repeat;display: block;}
.list13 .top1 p{ font-size: .14rem; color: #fff; line-height: .24rem; opacity: .7;width: 100%;}
.list13 .top1 .dot:before{ content: ""; position: absolute; left: -.5rem; top: 50%; width: 100vw; height: 1px; background: url(../images/ar_b1.svg) right center repeat-x;opacity: .7;}
.list13 .top1 .dot:after{ content: ""; position: absolute; left: 50%; top: -.45rem; width: 2px; height: 50vw; background: url(../images/ar_b1s.svg) right center repeat-y;}


.list13 .li:nth-child(2n-1){ clip-path: polygon(0 .26rem, 100% 0, 100% 100%, 0 calc(100% - .26rem));}
.list13 .li:nth-child(2n){ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}

.list13 .li:nth-child(1) .img:after{ background: #627C9E;}
.list13 .li:nth-child(2) .img:after{ background: #B9A07B;}
.list13 .li:nth-child(3) .img:after{ background: #AF8284;}
.list13 .li:nth-child(4) .img:after{ background: #4D7993;}
.list13 .li:nth-child(5) .img:after{ background: #C29F80;}

.list13 .li:nth-child(1) .img .imgLi{ opacity: .119;}
.list13 .li:nth-child(2) .img .imgLi{ opacity: .3;}
.list13 .li:nth-child(3) .img .imgLi{ opacity: .239;}
.list13 .li:nth-child(4) .img .imgLi{ opacity: .3 ;}
.list13 .li:nth-child(5) .img .imgLi{ opacity: .3;}


@media(min-width: 1024px){	

    .list13 .li.li2 + li{ clip-path: polygon(0 .26rem, 100% 0, 100% 100%, 0 calc(100% - .26rem));}
    .list13 .li.li2 + li + li{ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}
    .list13 .li.li2 + li + li + li{ clip-path: polygon(0 .26rem, 100% 0, 100% 100%, 0 calc(100% - .26rem));}
    .list13 .li.li2 + li + li + li + li{ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}

    .list13 .li.li3{ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}
    .list13 .li.li3 + li{ clip-path: polygon(0 .26rem, 100% 0, 100% 100%, 0 calc(100% - .26rem));}
    .list13 .li.li3 + li + li + li + li{ clip-path: polygon(0 .26rem, 100% 0, 100% 100%, 0 calc(100% - .26rem));}

    .list13 .li.li4 + li{ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}
    .list13 .li.li4 + li + li + li + li{ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}

    .list13 .li.li5{ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}
    .list13 .li.li5 + li{ clip-path: polygon(0 .26rem, 100% 0, 100% 100%, 0 calc(100% - .26rem));}
    .list13 .li.li5 + li + li{ clip-path: polygon(0 0, 100% .26rem, 100% calc(100% - .26rem), 0 100%);}
    .list13 .li.li5 + li + li + li{ clip-path: polygon(0 .26rem, 100% 0, 100% 100%, 0 calc(100% - .26rem));}

    .list13 .li.on{ width: calc(100% - 2.15rem*4); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;}
    .list13 .li.on .top{ opacity: 0; }
    .list13 .li.on .top1{ opacity: 1; transform: translateY(0);}
    .list13 .li.on .img:after{ opacity: 0;}
    .list13 .li.on .img .imgLi{ opacity: 1;}
    .list13 .li.on .top h4{ opacity: 1; color: transparent;}
}

.home5{ position: relative; z-index: 1;} 
.home5 .parallax-content{ background: url(../images/home5_b.jpg) center no-repeat; background-size: cover; }

.home6{ position: relative; z-index: 1; padding-bottom: 1rem;} 
.home6 #bg2{ position: relative;  /*! top: 0; */ right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/home4_b1.png) center bottom repeat-x; background-size: auto 100%;padding-bottom: 2%;}
.home6 .fl1{ background: url(../images/home6_b.jpg) center no-repeat; background-size: cover; box-shadow: 0px 2px .08rem 0px rgba(0, 0, 0, 0.2);}
.home6 .parallax-content{ background: url(../images/home2_b2.jpg) center; background-size: 1.48rem 1.48rem; }

.list14 li.swiper-slide-active .a{ border-left: rgba(201, 157, 130, 0.68) 1px solid;}
.list14 .a{ display: block; padding: .45rem .6rem;min-height: 2.5rem;border-right: rgba(201, 157, 130, 0.68) 1px solid; position: relative; z-index: 1; transition: .5s; overflow: hidden;}
.list14 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 0; background: url(../images/list14_b.jpg) center no-repeat; background-size: cover;z-index: -1;transition: .5s; opacity: 0;}
.list14 .time .years{font-size: .14rem;color: rgba(158, 54, 34, 0.74);writing-mode: tb-rl;font-family: "sys";}
.list14 .time .h3{ font-size: .28rem; color: #9E3622; font-family: "sys";margin: 0 0 0 .14rem;}
.list14 h4{ margin: .25rem 0 0}
.list14W{ position: relative; z-index: 1;}

.arrow4{ width: .48rem; position: absolute; bottom: 0; cursor: pointer;}
.arrow4.prev{ left: -.48rem;}
.arrow4.next{ right: -.48rem;}

.home7{ position: relative; z-index: 1;}
.home7 .parallax-content{ background: url(../images/home7_b.jpg) center no-repeat; background-size: cover; }
.home7 .section-parallax{ bottom: 2rem;}
.home7 .left{ width: calc(100% - 30.75%);}
.home7 .right{ width: 30.75%;}

.list15 li{ width: 100%;}
.list15 .a{ display: block; position: relative; z-index: 1;}
.list15 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);}
.list15 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; justify-content: flex-end; padding: .2rem .3rem;}
.list15 h6{ font-size: .16rem; color: #fff; display: flex; align-items: center; transition: .5s;}
.list15 h6 img{ width: .23rem; margin: 0 .1rem 0 0}
.list15 .h{ height: .04rem}
.list15 h4{ font-size: .18rem; color: #fff !important}
.left .list15 li:nth-child(1){ width: 66.6%;}
.left .list15 li:nth-child(2){ width: 33.4%;}
.left .list15 li:nth-child(4){ width: 66.6%;}
.left .list15 li:nth-child(3){ width: 33.4%;}

.left .list15 li:nth-child(1) .img .imgLi, .left .list15 li:nth-child(4) .img .imgLi{ padding-bottom: 51.49%;}
.left .list15 li:nth-child(2) .img .imgLi, .left .list15 li:nth-child(3) .img .imgLi{ padding-bottom: 102.7%;}
.right .list15 li .img .imgLi{ padding-bottom: 154.47%;}

.home8{ padding: 0 0 .9rem;}
.list16Box{ padding: .3rem 0 0; margin-top: -.3rem;}
.list16 .img .imgLi{ padding-bottom: 51.43%;}
.list16{ align-items: center}

.list16 li.swiper-slide-active .img .imgLi{ padding-bottom: 41.43%;}
.list16Box .arrow3 .dots .swiper-pagination-bullet.active span:before{ background: url(../images/dots1_on.svg) center no-repeat; background-size: .14rem .14rem;}

#lines{ height: .1rem;}
#lines li{ width: 25%; height: 100%; transition: .5s;}
#lines li.li1{ background: #5D6E9C;}
#lines li.li2{ background: #6B979C;}
#lines li.li3{ background: #BE8B80;}
#lines li.li4{ background: #9F625C;}

footer .bg{ background: url(../images/footer_b.jpg) center no-repeat; background-size: cover;}
footer .fl1{ padding: .8rem 0;}
footer .fl1 .wp{ justify-content: space-between; align-items: center;}
footer .fl1 .left{width: 36%;}
footer .fl1 .center{ width: 23%;transform: translateX(-1vw);}
.logo1{ margin-bottom: .3rem}

.list_linkbox{position: relative;width: 100%;}
.list_link{height: .6rem;display: flex;align-items: center;justify-content: space-between;padding: 0 .2rem 0 .3rem;font-size: .16rem;color: #fff;cursor: pointer;position: relative;line-height: .6rem;margin-bottom: .4rem;background: rgba(255,255,255,.1);}
.list_link:last-child{ margin-bottom: 0}
.list_link dt {height: .6rem;display: flex;align-items: center;justify-content: space-between;padding: 0;font-size: .16rem;color: #fff;cursor: pointer;position: relative;line-height: .6rem;width: 100%;}
.list_link dt svg{ width: .2rem; height: .2rem; fill: #fff; transform: rotate(-90deg); transition: .5s;opacity: .4;}
.list_link .con {position: absolute;top: 100%;left: 0;right: 0;z-index: 1;background: rgb(118, 45, 32);border-bottom: none;padding: 0 .3rem;display: none;transform-origin: bottom;/* overflow-x: scroll; *//* height: 50px; *//* max-height: 200px; */}
.list_link .con dd {font-size: .13rem;color: #fff;line-height: .3rem;font-weight: 300;border-bottom: rgba(255,255,255,0) 1px solid;text-align: left;}
.list_link .con dd:last-child {border-bottom: none }
.list_link dt.on svg{transform: rotate(0deg);}

.list17 li{ min-width: 50%; font-size: .16rem; color: #fff; line-height: .36rem;}

.list19 li{ padding: 0 1vw; text-align: center;}
.list19 .ico img{ height: 1.2rem;}
.list19 h4{ font-size: .18rem; color: #fff; line-height: 1.25; margin: .2rem 0 0;}

footer{ overflow: hidden}
footer .fl2{ padding: .15rem 0; border-top: 1px solid rgba(216, 216, 216, 0.2); text-align: center;}
footer .fl2 p{ font-size: .14rem; color: rgba(255, 255, 255, 0.48); line-height: 1.375;}

.list20{justify-content: center;position: relative;z-index: 10;margin-right: -.1rem;}
.list20 li{margin: 0 .1rem;position: relative;z-index: 1;cursor: pointer;}
.list20 li .a{display: flex;font-size: 13px;color: #fff;align-items: center;text-transform: uppercase;width: .79rem;height: .79rem;transition: .5s; justify-content: center;}
.list20 li .a img{width: .5rem;height: .5rem;position: relative;z-index: 1;transition: .5s; opacity: .4}
.list20 li .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list20_b.png) center no-repeat; background-size: 100% 100%;z-index: -1;transition: .5s;}
.list20 li .ewm{width: 1.4rem;background: #fff;border-radius: .06rem;position: absolute;padding: .05rem;top: 120%;left: 50%;margin-left: -.7rem;z-index: 1;opacity: 0;visibility: hidden;transition: .5s;transform: translateY(.1rem);box-shadow: 0 0 0.3rem rgba(0,0,0,.2);}
.list20 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem;}
.list20 li .ewm img{ width: 100%}

.list20 li:hover .a img{ opacity: 1}
.list20 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateY(0)}

.Quick-navigation{position: fixed;top: 50%;right: 0;flex-direction: column;z-index: 1000;max-width: 5.9375vw;transform: translateY(-50%);/* mix-blend-mode: luminosity; */opacity: 0;visibility: hidden;transition: .5s;}
.Quick-navigation.on{ opacity: 1; visibility: visible;}
.Quick-navigation a{display: block;line-height: .42rem;padding: 0 .14rem 0 0;font-size: .14rem;color: #777;text-align: right;position: relative;transition: .5s;}
.Quick-navigation a:before{ content: ""; position: absolute; right: 0; top: 50%; width: .05rem; height: 1px; background: #C5C5C5;margin-top: -.05px;transition: .5s;}
.Quick-navigation a:after{ content: ""; position: absolute; right: .05rem; top: 50%; width: .06rem; height: .06rem; background: url(../images/dots1_on.svg) center no-repeat;background-size: auto;background-size: 100% 100%;margin: -.03rem 0 0;opacity: 0;transition: .5s;}

#K.js-scroll-step{ top: -.65rem; position: relative;}

.logo1 img{max-width: 60vw;}


@media(min-width: 1024px){
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); }
    
    .more1:hover, .a:hover h4{ color: #9E3622}
    .more1:hover img{ transform: rotateY(180deg)}

    .list4 li:hover::after{ width: 100%;}
    
    .list10 .a:hover:before{ transform: translateY(0)}
    .list10 .a:hover *{ color: #fff !important;}
    
    .list12 .a:hover{ transform: scale(1.1)}
    .list12 .a:hover:after{ opacity: 1}
    .list12 .a:hover *{ color: #fff}
	.list12 .a:hover .ico img:nth-child(2){ opacity: 1}
	.list12 .a:hover .ico img:nth-child(1){ opacity: 0}
    
    .list14 .a:hover{ box-shadow: 0px 3px 10px 0px rgba(121, 46, 32, 0.4);}
    .list14 .a:hover::before{ width: 100%; left: 0; right: auto; opacity: 1}

    .list15 .a:hover h6{ transform: translateY(-.15rem);}
    .list15 .a:hover h4{ transform: translateY(-.18rem);}
    
    .Quick-navigation a:hover{padding-right: .5rem;font-weight: bold;color: #9E3622;font-family: Microsoft YaHei;}
    .Quick-navigation a:hover:before{ width: .4rem}
    .Quick-navigation a:hover:after{ transform: translateX(-.35rem); opacity: 1}

    .list11 li.swiper-slide-next .a{ transform: scale(1); }
    .list11 li.swiper-slide-next .time{ opacity: 1;}
    .list11 li.swiper-slide-next h4{ font-weight: bold;}
    .list11 li.swiper-slide-next .imgW::before{ opacity: 0;}
    .list11 li.swiper-slide-next .imgW::after{ opacity: 1;}

	.list12 li{ width: 33.33%}
    
    
}
@media(max-width: 1600px){
    .Quick-navigation a{ line-height: .36rem}
}
@media(max-width: 1024px){	

.list23 li {
    margin: 0 -.4rem !important;
    width: auto !important;
}
	html::-webkit-scrollbar{width:0;}
	.pc_hb{ display: none;}
	.m_header_box{ display: block;}

    .banner_box{ height: auto;}
    .banner ul li .a .img .imgLi{ padding-bottom: 50%;}

    .arrow1, .Quick-navigation{ display: none;}

    .home2 .left{ width: 100%;}
    .home2 .right{width: 100%;padding: .4rem 0 .4rem;}
    .home2 .bg3, .home2 .bg4{width: 150%;}
    .home2 .left .tit1 .rr{ right: 0;}
    .dateBox{ padding: 0;}

    .list11 li .a{ transform: scale(1); }
    .list11 li .time{opacity: 1;top: .1rem;transform: translateY(0);right: .1rem;}
    .list11 li h4{ font-weight: bold;}
    .list11 li .imgW::before{ opacity: 0;}
    .list11 li .imgW::after{opacity: 1;top: 0;right: 0;bottom: 0;left: 0;}

    .list11Box{margin: 0 0;/* overflow: visible; */}

	.tit3{margin: 0 auto;width: 2rem;height: 2rem;}
	.home4 .right{flex: auto;width: 100%;padding: 0;overflow-x: scroll;}
	.list12{white-space: nowrap;display: inline-flex;flex-wrap: nowrap;}
	.list12 li{ width: 25%}
	.home4 .wp .svg1{ display: none}

    .list13 .li{ width: 20% !important;}
	.list13 .top h4{ letter-spacing: .02rem}

    .list13 .li .img .imgLi{padding-bottom: 400%;}

    .arrow4{ width: 15px;}
    .arrow4.prev{ left: -15px;}
    .arrow4.next{ right: -15px;}
	footer .fl1 .left{ width: 100%; max-width: 100%; text-align: center}
	footer .fl1 .center{width: 100%;text-align: center;margin: .35rem 0;transform: translateX(0);}
	footer .fl1 .right{ width: 100%; text-align: center}
	.list19{ justify-content: center}

	.home7 .tit1 .rr{width: 100%;position: relative;top: auto;transform: translateY(0);margin: .3rem 0 0;}
	.home7 .tit1{ justify-content: center !important;}
	.list20 li .a{width: .5rem;height: .5rem;}
	.list20 li .a img{width: .3rem;height: .3rem;}
    .list17{ text-align: center; justify-content: center;}
	.js-scroll-step{overflow: hidden;}

    .parallax-content{ top: 0} 
    .list0 .li:last-child{ display: none}
}
@media(max-width: 800px){
	#gotop{ right:0; transform:scale(0.7)}
    .scroll{ overflow: hidden; overflow-x: scroll;}
    .ar_article{font-size: .18rem; }
    .ar_article td, .ar_article th{ font-size: .18rem;}

    .ar_article1 p{text-indent: .36rem;}

	.pad1{ padding: .4rem 0 !important}
    .tit1 .ico{ width: .5rem; height: .5rem;}
    .tit1 big, .miso_tab1 .tit1 big{font-size: .26rem;}
    .more1{ font-size: .13rem;}
    .more1 img{width: .2rem;}
    .tit1 small{font-size: .13rem;transform: translateY(0.05rem);}

    .tit1{justify-content: flex-start !important;margin-bottom: .25rem;}

    .home1 .box{width: 100% !important;padding: 0;margin-bottom: .4rem;}
    .home1 .box1{ order: 1;}
    .home1 .box1.right{ margin-bottom: 0;}
    .list5 .txt{ padding: .25rem 0;}
    .list5Box .dots{ margin: 0;}

    .list4 li{ padding-bottom: .15rem; margin-bottom: .15rem;}
	.home2 .bg4{ height: .2rem}

    .list7 .img{ width: 3rem;}

	.list7 .con p i{ width: .32rem; height: .32rem}
	.list7 .con p{line-height: .32rem;padding: 0 0 0 .46rem;font-size: .16rem;}

	.list8Box{margin: 0;}

    .home2{ padding-bottom: 0 !important;}
    .home3 .bg1 img{height: 3vw;vertical-align: top;}

	.list8 .a{padding: .25rem .2rem .4rem;}
	.arrow2{padding: 0;max-width: 100%;margin: .1rem 0 0;}
	.arrow2 .dots .swiper-pagination-bullet{width: .2rem;height: .2rem;}
	.arrow2 .dots .swiper-pagination-bullet span::before{ background-size: .1rem .1rem !important}

	.arrow3{padding: 0;max-width: 100%;margin: .1rem 0 0;}
	.arrow3 .dots .swiper-pagination-bullet{width: .2rem;height: .2rem;}
	.arrow3 .dots .swiper-pagination-bullet span::before{ background-size: .1rem .1rem !important}

	.miso_tab1 .tit1 .on small{ display: none}
	.miso_tab1 .tit1 big{ font-size: .22rem}
	.miso_tab1 .tit1 .on big{ font-size: .26rem}
	.miso_tab1 .hd ul li{ margin-right: 0}

	.list8 li:before, .list8 li:after{ display: none}

	.home4 .right{ overflow: hidden; overflow-x: scroll}
	.list12 li{width: calc((100vw - 30px)/2);padding: .1rem 0;}

    .home5 .tit1 .ico, .home5 .tit1 small{ display: none;}
    .miso_tab2 .hd ul{ justify-content: flex-start;}
    .home5 .tit1 .on .ico{ display: block;}

	.miso_tab2 .tit1 big{ font-size: .22rem; font-weight: normal}
	.miso_tab2 .tit1 .on big{ font-size: .26rem; font-weight: bold}
	.miso_tab2 .hd ul li .ll:before{ left: 56%; transform: scale(.6)}

	.miso_tab2 .bd{padding: .1rem 0 0;}

    .home7 .left{ width: 100%}
	.home7 .right{ width: 100%}
	.list16Box{ padding: .1rem 0 0}
    .right .list15 li .img .imgLi{ padding-bottom: 40%;}
    .list15 .txt{ padding: .2rem .15rem .1rem;}
    .list15 h4{ font-size: .16rem !important;}
    .home7 .section-parallax{ bottom: 1rem;}

    .home8{ padding-top: 0 !important;}
    .list14 .a{padding: .3rem .3rem;min-height: 2rem;}
}
@media(max-width: 560px){
    .list0{padding: 0 10px;justify-content: center;background: #a22916;height: .5rem;position: relative;width: 100%;}
	.list0 .li{/*! padding: 0 .1rem; */}

    .list7 .img{ width: 100%;}
    .list7 .txt{flex: auto;width: 100%;padding: .25rem 0 0;}

	.list12 .a{ width: 1.6rem;}
	.list12 h3 big{ font-size: .3rem;; color: transparent} 
	.list12 h3 small{ font-size: .16rem;}
	.list12 h3 sup{ font-size: .2rem;}
	.list12 h6{font-size: .15rem;margin: .04rem 0 0;}
	.tit3 h3{ font-size: .28rem; width: .56rem}
	.tit3 h3::before{ width: .3rem; height: .3rem}

    .list19 .ico img{ height: 1rem;}
    .list19 h4{ font-size: .16rem;}
    .list_link{ margin-bottom: .2rem;}
    .list17 li{ line-height: .28rem;}
    footer .fl1{ padding: .5rem 0;}
    .list19 li{ padding: 0 .1rem;}
	.list19 li:nth-child(2){ order: 1}
}

.n_banner{ position: relative; z-index: 1;}
.n_banner::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;background: url(../images/n_ba_y.png) center bottom no-repeat;background-size: 100% auto;}
.n_banner .img .imgLi{ padding-bottom: 29%;}
.n_banner .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; background: url(../images/n_ba_t.png) center bottom no-repeat; background-size: 100% auto;}

.list21{justify-content: center;margin-bottom: 0.75rem;text-align: center;}
.list21 li{/* flex: 1; */margin-bottom: 50px;min-width: 12.5%;}
.list21 .a{display: block;padding: 0 0 .3rem;font-size: .18rem;color: #fff;position: relative;z-index: 1;white-space: nowrap;}
.list21 .a::before{ content: ""; position: absolute; border-left: transparent .17rem solid;border-right: transparent .17rem solid; border-bottom: #D8D8D8 .15rem solid;bottom: 0;left: 50%;margin-left: -.17rem;opacity: 0;transition: .5s;}

.list21 .a:hover::before, .list21 li.on .a::before{ opacity: 1}

.n_container{ background: #F2F0EA; overflow: hidden;min-height: 30vh;}
.mianbao{align-items: center;font-size: .13rem;color: #666666;line-height: 1.5;margin-bottom: .3rem;padding: .1rem 0;justify-content: flex-end;}
.mianbao *{ font-style: normal;transition: .5s;}
.mianbao span{margin: 0 .06rem;}
.mianbao img{margin: -.03rem .1rem 0 0;height: .29rem;}

.mianbao a:hover{opacity: .8;}

.about .fl1 .content{ align-items: center; padding: .5rem 0;}
.about .fl1 .content .imgW{ width: 7.36rem;}
.about .fl1 .content .txt{ flex: 1; overflow: hidden; padding: 0 0 0 .8rem;}
.about .fl1 .content .txt .ar_article p{ line-height: 2;}
.about .fl1 .content .txt .ar_article p big{ font-size: .36rem; color: #8D2E1F; font-weight: bold;}

.about .fl2{ background: #AC8271; margin-top: .5rem;padding: .2rem 0;}
.about .fl2 .content{ align-items: center; padding: .5rem 0;}
.about .fl2 .content .imgW{ width: 6.8rem; display: flex;flex-direction: column;align-items: flex-end;}
.about .fl2 .content .imgW .img .imgLi{ padding-bottom: 60%;}
.about .fl2 .content .imgW .img{ border: rgba(255,255,255,.3) .06rem solid; z-index: 2;max-width: 85%;}
.about .fl2 .content .imgW .img:nth-child(1){ }
.about .fl2 .content .imgW .img:nth-child(2){ position: relative; z-index: 1; margin: -.35rem 0 -.5rem 0; width: 77%;transform: translateX(-33%);}
.about .fl2 .content .imgW .img:nth-child(3){ width: 79%;transform: translateX(-3%);}
.about .fl2 .content .txt{ flex: 1; overflow: hidden; padding: 0 0 0 .8rem;}
.about .fl2 .content .txt .ar_article p{ text-indent: 0;color: #fff;line-height: 2.3;}
.about .fl2 .content .txt .ar_article p big{ font-size: .36rem; color: #8D2E1F; font-weight: bold;}

.n_pad1{ padding: .5rem 0;}

.m_header_box header .search_btn svg{ width: .26rem; fill: #fff;height: .26rem;vertical-align: top;}

.about .fl3{ padding-bottom: .8rem}
.about .fl3 .ar_article p{  text-indent: 0;}

@media(min-width: 1024px){
.list23 li {
    margin: 0 -.4rem !important;
}
}
@media(max-width: 1024px){
    .n_banner .top{/* display: none; */}
	.list21{margin-bottom: .2rem;/* flex-wrap: wrap; */overflow: hidden;overflow-x: scroll;font-size: 0;display: block;white-space: nowrap;margin: 0 0 .2rem;padding: .1rem 0 0;}
	.list21 li{margin-bottom: .1rem;/* flex: auto; */max-width: inherit;padding: 0 .2rem;display: inline-block;}
	.list21 .a{ padding-bottom: .18rem}
	.list21 .a::before{ transform: scale(.5)}
	.mianbao{ display: none}

	.n_banner .img .imgLi{ padding-bottom: 40%;}
    
    .about .fl1 .content .imgW{ width: 100%;}
    .about .fl1 .content .txt{ width: 100%; flex: auto; padding: .3rem 0 0}
    
    .about .fl2 .content .imgW{ width: 100%;max-width: 100%;}
    .about .fl2 .content .txt{ width: 100%; flex: auto; padding: .3rem 0 0}
	.n_container{ padding-top: .3rem}
}
@media(max-width: 800px){
    .mianbao img{ height: .2rem;}
    .mianbao{ font-size: .14rem;margin-bottom: .2rem;}

    .ar_article, .ar_article p{ font-size: .18rem; line-height: 2;}

    .about .fl1 .content .txt .ar_article p big{ font-size: .22rem;}
    .about .fl2 .content .imgW .img:nth-child(2){ margin: -.35rem 0 -.5rem -2vw;}
    .about .fl1 .content{ padding: .3rem 0}
    
    .about .fl2 .content{ padding: .4rem 0 .2rem}
}
@media(max-width: 560px){
}   

.xianren{ padding: 0 0 1rem;}
.xianren .content{ padding: 1.12rem 1.12rem 2rem; opacity: 1; background: #FFFFFF; border: 1px solid #E1E1E1; box-shadow: 0px 4px .1rem 0px rgba(0, 0, 0, 0.1);width: 14.8rem;margin: 0 auto;max-width: 100%;}
.list22{ margin: 0 -.6rem;}
.list22 li{ min-width: 50%; padding: 0 .6rem; margin-bottom: .6rem; line-height: .6rem;}
.list22 dl{ border-bottom: 1px dotted #935E60;}
.list22 dl dt{ width: 1.54rem; font-size: .24rem; color: #333; border-right: 1px dotted #935E60;position: relative;z-index: 1;}
.list22 dl dt:after{ content: ""; position: absolute; width: .09rem; height: .09rem; background: #935E60; right: -.045rem; bottom: -.055rem; transform: rotate(45deg)}
.list22 dl .con{ flex: 1; padding: 0 0 0 .4rem;}
.list22 dl dd{ font-size: .24rem; color: #8D2E1F; margin: 0 .2rem 0 0;}
.list22 dl dd:last-child{ margin-right: 0;}
@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .xianren .content{ padding: .5rem .5rem .8rem}
    .list22{ margin: 0 -.3rem;}
    .list22 li{ min-width: 50%; padding: 0 .3rem; margin-bottom: .3rem; line-height: .4rem;}
}
@media(max-width: 800px){
    .xianren{ padding: 0 0 .5rem;}
    .xianren .content{ padding: .25rem .25rem .4rem}
    
    .list22 li{ width: 100%;line-height: .3rem;}
    .list22 dl dt{ width: 1.2rem; font-size: .2rem;height: 100%;padding-bottom: .15rem;}
    .list22 dl .con{ padding: 0 0 .15rem .25rem;}
    .list22 dl dd{ font-size: .18rem; margin: 0 .1rem 0 0;}
}
@media(max-width: 560px){
}   

.list23 li{ margin: 0 -.4rem;}
.list23 .a{ padding: .4rem; align-items: center; position: relative; z-index: 1;}
.list23 .a::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 0; transition: .5s; background: #963623; z-index: -1;}
.list23 .img{ width: 4.23rem; margin: 0 .36rem 0 0;}
.list23 .txt{ flex: 1; overflow: hidden;}
.list23 h3{ font-size: .16rem; color: #9E3622; font-family: 'sys'; transition: .5s;}
.list23 h3 big{ font-size: .26rem; transition: .5s;}
.list23 h4{ font-size: .2rem; font-family: 'sys'; margin: .18rem 0 .25rem;}
.list23 p{ font-size: .16rem;}

.n_pb2{ padding: 0 0 1rem;}

.list23s{margin: 0 -.25rem;}
.list23s li{width: 33.33%;padding: 0 .25rem;}
.list23s h4{ font-size: .2rem; font-family: 'sys'; margin: .18rem 0 .25rem; }

@media(min-width: 1024px){
    .list23 .a:hover::before{ height: 100%; top: auto; bottom: 0;}
    .list23 .a:hover *{ color: #fff;}
    .list23 .a:hover p{ opacity: .8;} 
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .n_pb2{ padding: 0 0 .5rem;}
    .list23 h4{ margin: .15rem 0 .2rem;}

	.list23s{margin: 0 -7px;}
    .list23s li{width: 50%;padding: 0 7px;}
}
@media(max-width: 560px){
    .list23 .img{ width: 100%;margin: 0 0 .2rem;}
    .list23 .txt{ flex: auto; overflow: hidden;}
    .list23 .a{ padding: .2rem .4rem;} 
      
}   

.pages{margin: .6rem 0 0;}
.pages ul{justify-content: center;align-items: center;font-size: .15rem;color: #333;}
.pages ul li{text-align:center;margin: .03rem .06rem;font-size: .14rem;color: #333;align-items: center;}
.pages ul li a{height: .34rem;text-align: center;padding: 0 .1rem;min-width: .34rem;display: flex;border: 1px solid #C5C5C5;;border-radius: 2px;align-items: center;justify-content: center;transition: .5s;}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{border: #9E3622 1px solid;padding: 0 8px;min-width: .34rem;height: .34rem;line-height: .32rem;border-radius: 2px;}
.pages ul li a.on{background: #9E3622;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color: #fff;background: #9E3622;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #ccc;width: .3rem;height: .3rem;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form button{border:none;width: .5rem;height: .3rem;line-height: .28rem;text-align: center;background: #9E3622;color: #fff;border-radius: .04rem;margin: 0 .06rem;cursor: pointer;}
.pages ul li.next svg{ transform: rotateY(180deg)}
.pages ul li a:hover{ background: #9E3622; border: #9E3622 1px solid;color: #fff;}
.pages ul li a:hover{color: #fff;}
.pages ul li a:hover svg{fill: #9E3622;}
 
@media(max-width: 560px){
    .pages{ margin-top: .3rem;}
    .pages ul li{ margin: .03rem 1px;}
}

.list24{ margin: 0 -.4rem;}
.list24 li{ width: 50%; padding: 0 .4rem; margin-bottom: .54rem;}
.list24 .a{ display: flex; padding: 0 .6rem; height: 2rem; position: relative; z-index: 1; transition: .5s; overflow: hidden; box-shadow: 0px 2px .08rem 0px rgba(93, 44, 34, 0.1);justify-content: center;flex-direction: column;}
.list24 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background: url(../images/list24_b.jpg) center no-repeat; background-size: cover;z-index: -1;transition: .5s; }
.list24 .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background: url(../images/list24_b_on.jpg) center no-repeat; background-size: cover;z-index: -1;transition: .5s; opacity: 0;}
.list24 .time .years{font-size: .14rem;color: rgba(158, 54, 34, 0.74);writing-mode: tb-rl;font-family: "sys";transition: .5s;}
.list24 .time .h3{font-size: .28rem;color: #9E3622;font-family: "sys";margin: 0 0 0 .14rem;transition: .5s;}
.list24 h4{ margin: .25rem 0 0;font-size: .2rem;}

@media(min-width: 1024px){
    .list24 .a:hover{ box-shadow: 0px 2px .1rem 0px rgba(121, 46, 32, 0.3);}
    .list24 .a:hover::after{ opacity: 1;}
    .list24 .a:hover *{ color: #fff;}
    .list24 .a:hover h4{ font-weight: 600;}
    
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list24{ margin: 0 -7px;}
    .list24 li{ width: 100%; padding: 0 7px; margin-bottom: .2rem;}
    .list24 .a{ padding: 0 .25rem; min-height: 1.5rem;box-shadow: 0px 2px .08rem 0px rgba(93, 44, 34, 0.1);}
    .list24 h4{ margin: .15rem 0 0;}
    .list24 .time .h3{ font-size: .24rem;}
}
@media(max-width: 560px){
}   

.list25{ margin: 0 -.34rem -.7rem;}
.list25 li{ width: 33.33%; padding: 0 .34rem; margin-bottom: .7rem;}
.list25 .a{ display: block; background: #fff; height: 3.68rem; border-radius: .3rem 0px .3rem 0px; padding: .36rem .48rem; position: relative; z-index: 1; transition: .5s;}
.list25 .a::before{ content: ""; position: absolute; background: url(../images/list25_b.svg) center no-repeat;width: 1.08rem;height: 1.75rem;right: .5rem;bottom: 0; background-size: cover !important;}
.list25 h4{ font-size: .24rem; color: #333333; line-height: 1.375;transition: .5s;}
.list25 .line{ margin: .2rem 0 .16rem;}
.list25 p{ font-size: .16rem; color: #666; line-height: .36rem; min-height: 1.8rem; margin-bottom: .25rem;transition: .5s;}
.list25 .a1{ align-items: center; font-size: .16rem; color: #666; transition: .5s;}
.list25 .a1 img{ width: .3rem; margin: 0 .1rem 0 0;transform: translateY(-.03rem); transition: .5s;}
.list25 .line{ width: 100%; height: .07rem; position: relative; z-index: 1;}
.list25 .line:before{ content: ""; width: 100%; height: 1px; border-bottom: 1px dotted #935E60; top: calc(50% - 1px); left: 0;position: absolute;transition: .5s;}
.list25 .line:after{ content: ""; position: absolute; width: .07rem; height: .07rem; background: #935E60; right: 0;  transform: rotate(45deg);transition: .5s;}

@media(min-width: 1024px){
    .list25 .a:hover{ background: #8D2E1F;}
    .list25 .a:hover *{ color: #fff;}

    .list25 .a:hover::before{ background: url(../images/list25_b_on.svg) center no-repeat;}
    .list25 .a:hover .a1 img{ filter: brightness(3);}
    .list25 .a:hover .line:before{ border-bottom: 1px dotted #fff;}
    .list25 .a:hover .line:after{ background: #fff; }
}
@media(max-width: 1024px){
    .list25 li{ width: 50%;}
}
@media(max-width: 800px){
    .list25{ margin: 0 -7px -.3rem;}
    .list25 li{ width: 100%; padding: 0 7px; margin-bottom: .3rem;}
    .list25 .a{ padding: .3rem .2rem;}
    .list25 h4{ font-size: .2rem;}
}
@media(max-width: 560px){
}   

.detail .content{ padding: .68rem .98rem; background: #fff; border-top: #8D2E1F .04rem solid;}
.detail .tit{ border-bottom: #dfdfdf 1px solid; padding: .2rem 0 0; margin-bottom: .4rem; text-align: center;}
.detail .tit h3{ font-size: .24rem; color: #333333; line-height: 1.5;    text-align: center;}
.detail .tit h6{ margin: .1rem 0; font-size: .16rem; color: #868686; line-height: 1.5; margin: .2rem 0 0; justify-content: center;}
.detail .tit h6 span{ margin: 0 .1rem; display: flex; align-items: center;}
.detail .tit h6 span img{ margin: 0 .06rem 0 0;height: .22rem;}

.detail .ar_article p{ font-size: .18rem; color: #333333;}

.detail .tit .line{ height: 1px; border-bottom: 1px dotted #935E60; position: relative; z-index: 1; margin: .3rem 0 0;}
.detail .tit .line::before{ content: ""; position: absolute; width: .04rem; height: .04rem; background: #B92A2D; border-radius: 50vw;left: 0;top: -1px;}
.detail .tit .line::after{ content: ""; position: absolute; width: .04rem; height: .04rem; background: #B92A2D; border-radius: 50vw;right: 0;top: -1px;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .detail .content{ padding: .3rem .3rem;}
}
@media(max-width: 800px){
    .detail .tit h3{ font-size: .22rem;}
}
@media(max-width: 560px){
}  

.n_tit1{ justify-content: center; align-items: center; margin-bottom: .32rem; font-size: .34rem; color: #333; font-weight: bold; font-family: "Microsoft Yahei";}
.n_tit1 img{ height: .94rem;}

.list26{ margin: 0 -.4rem -.6rem;}
.list26 li{ width: 25%; padding: 0 .4rem; margin-bottom: .6rem;}
.list26 .a{ display: block; padding: .36rem .25rem .15rem; background: #fff; border: 1px solid #E1E1E1; box-shadow: 0px 4px .1rem 0px rgba(0, 0, 0, 0.1); text-align: center; transition: .5s;}
.list26 .img{ border-radius: .1rem; width: 2.24rem; margin: 0 auto; max-width: 100%;}
.list26 .img .imgLi{ padding-bottom: 125%;}
.list26 .txt{ padding: .25rem 0 0;}
.list26 h4{ font-size: .22rem; color: #8D2E1F; transition: .5s;}
.list26 h4 big{ font-size: .24rem; color: #333; font-weight: 600; transition: .5s;}
.list26 p{ font-size: .18rem; color: #6F6F6F; line-height: 1.5; margin: .1rem 0 0; transition: .5s;}

.team .box{ margin-bottom: .6rem;}

@media(min-width: 1024px){
    .list26 .a:hover{ background: #8D2E1F; border: #8D2E1F 1px solid;}
    .list26 .a:hover h4, .list26 .a:hover p{ color: rgba(255,255,255,.8);}
    .list26 .a:hover h4 big{ color: #fff;}
}
@media(max-width: 1024px){
    .list26{ margin: 0 -.25rem;}
    .list26 li{ width: 33.33%; padding: 0 .25rem;}
}
@media(max-width: 800px){
    .list26{ margin: 0 -7px; margin-bottom: -.3rem;}
    .list26 li{ width: 50%; padding: 0 7px; margin-bottom: .3rem;}

    .n_tit1{ font-size: .22rem; margin-bottom: .2rem;}
    .n_tit1 img{ height: .64rem;}
    .team .box{ margin-bottom: .3rem;}
}
@media(max-width: 560px){
    .list26 h4{ font-size: .16rem;}
    .list26 h4 big{ font-size: .2rem;}
    .list26 p{ font-size: .16rem;}
    .list26 .a{ padding: .3rem .2rem .15rem;}
}   

.list27{ margin: 0 -.47rem;}
.list27 li{ width: 70%; padding: 0 .47rem; margin-bottom: .8rem;}


@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list27 li{ width: 100%; margin: 0 !important; margin-bottom: .25rem !important;}
}
@media(max-width: 560px){
}  

.listsj{ justify-content: center;text-align: center; margin-bottom: .6rem;}
.listsj li{ width: 16.6667%;}
.listsj .a{ display: flex; align-items: center;justify-content: center;height: .86rem;font-size: .22rem;color: #333;border-radius: .2rem 0 .2rem 0;transition: .5s;line-height: 1.375;}
.listsj li.on .a, .listsj .a:hover{ background: #8D2E1F; color: #fff}

.list28{ margin: 0 -.2rem;}
.list28 li{ width: 20%; padding: 0 .2rem; margin-bottom: .6rem;}
.list28 .a{display: flex;height: .8rem;border-radius: .2rem 0 .2rem 0;background: #fff;align-items: center;justify-content: center;font-size: .18rem;color: #333;transition: .5s;line-height: 1.5;padding: 0 .15rem;}

@media(min-width: 1024px){
    .list28 .a:hover{ box-shadow: 0px 3px .1rem 0px rgba(0, 0, 0, 0.2); color: #8D2E1F; font-weight: bold;}
}
@media(max-width: 1024px){
    .list28 li{ width: 33.33%;}
}
@media(max-width: 800px){
    .listsj{ margin-bottom: .3rem}
    .listsj li{ width: 25%}
    
    .list28{ margin: 0 -7px;}
    .list28 li{padding: 0 7px;margin-bottom: .2rem;width: 100%;white-space: normal;}
    .list28 .a{height: .6rem;overflow: hidden;text-overflow: ellipsis;/* white-space: nowrap; *//* font-size: 11px; *//* justify-content: end; */width: 100%;/* overflow: hidden; */display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 20px;word-break: break-all;display: flex;}

    .listsj .a{ font-size: .18rem;}
}
@media(max-width: 560px){
    .listsj li{ width: 50%}
    .listsj .a{ height: .5rem}
}   

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
.ar_article .vsbcontent_img img{
    max-width: 100% !important;
    height: auto;
}

}
@media(max-width: 800px){
	.dateW{ padding: 0}
}
@media(max-width: 560px){
}   
.xt{font-size: 0.2rem !important;}
.list21 .xt::before{ content: ""; position: absolute;opacity: 0;transition: .5s;}

.list21 .xt:hover::before{    opacity: 0 !important;}