??@charset "utf-8";


@font-face {
  font-family: "思源宋体 Bold";font-weight: 600;src: url("/css/../fonts/siyuanBold.woff") format("woff");
  font-display: swap;
} 
@font-face {
	font-family: "思源宋体 Bold";font-weight: 600;src: url("/css/../fonts/siyuansongti-b.woff") format("woff");
	font-display: swap;
  } 
/*==========================================公共 开始=============================================*/

.header_top{position: relative;height: 45px;padding: 0;text-align: right;z-index: 10000;overflow: hidden;display: flex;justify-content: flex-end;align-items: center;background: #ad282b;}
.header_top .wp{justify-content: space-between;display: flex;}
.list_box1{display: flex;margin: 0 -.15rem;align-items: center;}
.list_box1 li{padding: 0;line-height: 1.5;font-size: .14rem;color: #fff;display: flex;position: relative;z-index: 1;}
.list_box1 li a{display: flex;align-items: center;padding: 0 .16rem;font-size: .14rem;color: #fff;transition: .5s;}
.list_box1 li:before{content: "";position: absolute;top: 50%;width: 1px;height: 4px;background: #fff;right: 0;margin: -2px 0 0 0;}
.list_box1 li:last-child:before{ display: none;}
.list_box2{display: flex;margin: 0 -.15rem;align-items: center;}
.list_box2 li{padding: 0;line-height: 1.5;font-size: .14rem;color: #fff;display: flex;}
.list_box2 li a{display: flex;align-items: center;padding: 0 .15rem;font-size: .14rem;color: #fff;transition: .5s;}

/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: .7rem;position: relative;z-index: 100000;}
.m_header_box header{padding: 0 0 0 15px;height: .7rem;background: url(/css/../images/footer.jpg) center bottom no-repeat;box-shadow: 0 3px 5px rgba(0,0,0,.05);background-size: cover;position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;background: #ad282b;}
.m_header_box header #logo img{height: .5rem;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list_box1{margin-right: .4rem;}
.m_header_box .list_box1 .li a{border-radius: 0;width: 28px;height: 20px;font-size: 10px;}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: .85rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #962225;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -7px;border-right: #962225 7px solid;border-bottom: transparent .7rem solid;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;}
#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: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 72px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: block;background: #ad282b;background-size:cover;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #0656b7 url(/css/../images/submit.svg) center no-repeat; background-size: 1.75rem;}


#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}
#m_nav .list_box1{/* justify-content: center; */flex-wrap: wrap;margin: 0px -2px;width: calc(100% + 4px);}
#m_nav .list_box1 li{width: 25%;line-height: 2;padding: 0 2px;margin-bottom: 5px;}
#m_nav .list_box1 li a{font-size: .16rem;padding: 0;border: rgba(255,255,255,.3) 1px solid;width: 100%;text-align: center;justify-content: center;border-radius: 3px;}
#m_nav .list_box1 li:before{ display: none}

.list_box_nav_mobile{width:100%;/* height: 100%; *//* background: rgba(255,255,255,.1); */padding: 0 0 10px;margin: 0;/* flex: 1; */}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.15);line-height: .64rem;color: rgba(255,255,255,.8);padding: 0;font-size: .2rem;display: flex;position: relative;transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(/css/../images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: -.2rem;top: 0;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color: rgba(255,255,255,.8);line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.list_box_nav_mobile .li1{ position: relative}
.list_box_nav_mobile .li1 i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .4rem;height: .4rem;display: inline-block;background: url(/css/../images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: -.06rem;top: 0;display: none;}
.list_box_nav_mobile .li1.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.list1s{display: flex;padding: .04rem 0;flex-wrap: wrap;}
.list1s a{min-width: 25%;font-size: 12px !important;color: rgba(255,255,255,.6)  !important;}

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;display: block;height: 60px;}
.wap_search .header-search{height:40px;border-radius: 0;background: rgb(255 255 255);position:relative;width: 100%;margin: 10px auto;display: block;}
.wap_search .input{font-size: 14px;color: #646464;height:40px;line-height:40px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 40px);}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 40px;height:40px;line-height:40px;border:0;background: url(/css/../images/submit.svg) center no-repeat #962225;background-size: .24rem;border-radius: 0;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


#mainVisual{width: 100%;position: relative;overflow: hidden;}
.slide-control{display: flex;justify-content: flex-start;align-items: center;}
.main-visual-con{z-index: 1;overflow: hidden;} 

.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height: calc(100vh - 40px);
	background-size:cover !important;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition:transform 7000ms  ease-in-out;
	transition:transform 7000ms ease-in-out;
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item .main-visual-pc-img::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }


.main-visual-item .main-visual-txt-con{
	position:absolute;
	bottom: .3rem;
	left:0px;
	width:100%;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block;font-size: .26rem;color:#fff;line-height: 1.5;padding: 0 3rem 0 0;}



.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.06,1.06) rotate(0.002deg);
     transform: scale(1.06,1.06) rotate(0.002deg);
}


.main-scroll-icon{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:9;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;cursor: pointer;z-index: 10;}
.main-scroll-icon span{display:block;color: rgba(255,255,255,1);letter-spacing:0;font-weight:400;font-size: .14rem;margin-bottom: .14rem;}
.main-scroll-icon .line{background: url() center no-repeat;width: .24rem;height: .36rem;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;}
.main-scroll-icon .line .dian{animation: upDown 1.5s ease-in-out infinite;width: 2px;height: 9px;background: #fff;margin-left: 1px;}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
	50% {
		opacity: 1;
		transform: translate(-50%,2px);
	}
	100% {
		opacity: 0.5;
		transform:  translate(-50%,-5px);
	}
}


.main-visual-control{position:absolute;top: 0;height: 100%;right: 50%;margin-right: -7.5rem;z-index: 1;width: .24rem;}
/* Dot */
.main-visual-control .main-slide-dot{vertical-align:middle;display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;}
.main-visual-control .main-slide-dot .miso-dots{position: relative;width: 100%;padding: .3rem 0;}
.main-visual-control .main-slide-dot .miso-dots:before{ content: "";position: absolute;top: 0;width: 1px;background: #fff;height: .3rem; left: 50%; margin-left: -.5px}
.main-visual-control .main-slide-dot .miso-dots:after{ content: "";position: absolute;bottom: 0;width: 1px;background: #fff;height: .3rem; left: 50%; margin-left: -.5px}
.main-visual-control .main-slide-dot li{position:relative;margin: 0;transition:all 0.8s;width: .13rem;height: .3rem;border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto}
.main-visual-control .main-slide-dot li:before{content: "";position: absolute;top: 0;width: 1px;background: #fff;height: .06rem; left: 50%; margin-left: -.5px}
.main-visual-control .main-slide-dot li:after{content: "";position: absolute;bottom: 0;width: 1px;background: #fff;height: .06rem; left: 50%; margin-left: -.5px}
.main-visual-control .main-slide-dot li button{ width: .13rem; height: .13rem; border: #fff 1px solid; border-radius: 50%;}

.main-visual-control .main-slide-dot li.miso-active button{background: #b80004;border: #b80004 1px solid;}

.more1{ order: 1; margin-top: .14rem}
.more1 a{display: flex;align-items: center;justify-content: center;color: #fff;padding: 0 .06rem;transition: .5s;background: #db0005;border-radius: 50%;width: .24rem;height: .24rem;}
.more1 a img{ width: .16rem}
.more1 a:hover, .more2 a:hover, .more3 a:hover{-webkit-animation: beat 0.5s 1;animation: beat 0.5s 1; background: #b80004;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes LoadingBar{from{width:0px;}to{width:80px;}}
@keyframes LoadingBar{from{width:0px;}to{width:80px;}}


.main-visual-control .main-arrow{display:inline-block; vertical-align:middle; width:25px; text-align:center}
.main-visual-control .main-arrow a{transition:all 0.3s; position:relative; display:block !important}
.main-visual-control .main-arrow a svg{ width: 20px; height:20px;fill:#fff}
.main-visual-control .main-arrow.main-arrow-prev:hover a{transform:translateX(-5px)}
.main-visual-control .main-arrow.main-arrow-next:hover a{transform:translateX(5px)}
.main-visual-control .main-arrow a i{color:#fff; font-size:18px}


.main-visual-control .main-play-control{display:inline-block; vertical-align:middle; position:relative; top:1px; margin-left:10px;}
.main-visual-control .miso-control-btns{display:inline-block; vertical-align:top; margin-left:5px; }
.main-visual-control .miso-control-btns button{color:#fff; vertical-align:top;}
.main-visual-control .miso-control-btns button i{vertical-align:top; font-size:22px; position:relative;}
.main-visual-control .miso-control-btns .miso-play-btn{display:none;}

.main-visual-item .main-visual-txt-con .main-visual-txt1 span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);margin: 0 .5px;/* font-weight: bold; */}
.main-visual-con.on .main-visual-item.miso-current .main-visual-txt-con .main-visual-txt1 span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}

.miso_more{position: absolute;bottom: .26rem;left: 50%;z-index: 1000;width: .82rem;height: .82rem;display: flex;align-items: center;justify-content: center;margin-left: -.41rem;}
.miso_more .dot{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.miso_more .dot .dots1{position:absolute;top:0;right:0;bottom:0;left:0;z-index: -2; transition: .5s; }
.miso_more .dot .dots1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background: #b80004;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale2 4s linear infinite;-moz-animation: circleScale2 4s linear infinite;-ms-animation: circleScale2 4s linear infinite;animation: circleScale2 4s linear infinite;}
.miso_more .dot .dots1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background: #b80004;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale2 4s linear infinite;-moz-animation: circleScale2 4s linear infinite;-ms-animation: circleScale2 4s linear infinite;animation: circleScale2 4s linear infinite;animation-delay: 1s;}
.miso_more .dot .dots1:nth-child(2):before{ animation-delay: 2s;}
.miso_more .dot .dots1:nth-child(2):after{ animation-delay: 3s;}

.miso_more a{display: flex;width: .49rem;height: .49rem;background: #cd0a12;border-radius: 50%;align-items: center;justify-content: center;position: relative;z-index: 100;}


.header_box{position: relative;z-index: 10000;height: 0; left: 0; right: 0}
#header{z-index:999;width:100%;background-size:cover;}
.header_box_li #header:before{content:"";position:absolute;height: 1.45rem;left: 0;right: 0;top: 0;transition: 0.5s;opacity: 1;visibility: visible;pointer-events: none;background: url(/css/../images/header_bg.png) center top repeat-x;z-index: -1;background-size: 100% 100%;}
.header_box_li #header .wp{align-items: center;height: 1.32rem;justify-content: space-between;transition: .5s;}

.header_box.fixed{ position: fixed; top: 0;}
.header_box.fixed .header_box_li #header:before{height: 1.2rem;}
.header_box.fixed .header_box_li #header .wp{ height: .9rem}
.header_box.fixed #logo img{ height: .7rem;}
.header_box.fixed #header{background:#fff}
.header_box.fixed #nav ul li h3{color:#333;text-shadow: none;}
.header_box.fixed .search .form .serbtn{border:1px solid #d4d4d4;}
.header_box.fixed .search .swi-sousuo:before{color:#7e7e7e;}
.header_box.fixed .search .form:hover .swi-sousuo:before{color:#fff;}
#header.xg{background: rgba(0,0,0,.8);box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);}

#header .right{display: flex;align-items: center;height: 100%;width: 9rem;justify-content: space-between;}

#header #logo{ }
#header #logo .box_table{ width:auto}
#logo{height: 100%;position: relative;display: flex;align-items: center;}
#logo img{max-width:100%;transition: .5s;height: .88rem;}
#logo img.img2{ display:none}
#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: .2rem;color:#fff;line-height: .88rem;position:relative;transition: .36s;display: inline-block;font-weight: bold;text-shadow: 0px 2px 1.96px rgba(42, 25, 22, 0.58);overflow: hidden;}
#nav ul li h3:before{content:"";position:absolute;left: 50%;top: 74%;transition:.6s;background: #ad282b;margin-left: -.5px;opacity:0;visibility:hidden;width: 1px;height: 1px;}
#nav ul li h3:after{content:"";position:absolute;bottom: 26%;transition:.6s;background: #ad282b;margin-left: 0;opacity:0;visibility:hidden;width: 0;height: 1px;left: 50%;margin-left: 0;}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px;  transition:.5s}
#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: 83%;background: url(/css/../images/nav_bg.png) center bottom no-repeat;width: 5rem;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;filter: drop-shadow(0px 5px 25.11px rgba(47, 44, 52, 0.24));border-radius: 0;overflow: hidden;padding: .2rem .2rem 1rem;background-size: 100% 100%;}
#nav ul li .sub:after{content: '';height: 2px;width: 100%;position: absolute;left: 0;top: 0;background: #ad282b;}
#nav ul li .sub .box{padding: 0;display: flex;}
#nav ul li .sub .box .img{ width: 2.1rem}
#nav ul li .sub .box .img .img_hezi{padding-bottom: 66.5%;}
#nav ul li .sub .box .rr{width: calc(100% - 2.1rem);padding: 0 0 0 .3rem;display: flex;align-items: center;}
#nav ul li .sub .box .rr dl{display: flex;flex-wrap: wrap;margin: 0 -5px;min-height: 1.2rem;align-items: flex-start;flex: 1;overflow: hidden;}
#nav ul li .sub .box .rr dl dd{ width: 50%; padding: 0 5px}
#nav ul li .sub a{padding: 0;line-height: .6rem;transition:.6s;font-size: .18rem;color: #323232;text-align: left;white-space: nowrap;}
#nav ul li .sub a img{margin: 0 .06rem 0 0;transition: .5s;height: .12rem;}
#nav ul li:last-child .sub, #nav ul li:nth-child(6) .sub{ margin-left: -1.75rem}

#nav ul li .sub a:hover{ -webkit-filter: grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:gray;opacity: 1; background: #fff;}
#nav ul li .sub a:hover img{ opacity: 1}
#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, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{color: #fff;}

#nav>ul>li:hover h3:before,#nav ul li.on h3:before{height: 100%;opacity: 1;visibility: visible;}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{width: 100%;opacity: 1;visibility: visible;margin-left: -50%;}
#nav>ul>li.noSubMenu h3:before{ display:none}
#nav ul li .sub a:hover{ color: #990100;}

#nav ul li.san .sub{width: 8.5rem;}
#nav ul li.san .sub .box .rr dl dd{width: 100%;margin-bottom: .15rem;padding: 0;}
#nav ul li.san .sub .box .rr dl .con{ display: flex; flex-wrap: wrap;}
#nav ul li.san .sub a img{ display: none}
#nav ul li.san .sub a{font-weight: bold;font-size: .2rem;line-height: .4rem;margin-bottom: .1rem;}
#nav ul li.san .sub .box .rr dl .con .dd{ min-width: 20%; font-size: .16rem; color: #323232}
#nav ul li.san .sub .box .rr dl .con .dd a{font-weight:normal; line-height:.2rem; font-size: .16rem; color: #323232;padding-left: .12rem;background:url(/css/../images/nav_img.png) left center no-repeat;background-size: .12rem;}

#nav ul li .sub .box .rr{order: -1;padding: 0 .3rem 0 .1rem;}

.header_box .search {
    position: relative;
    padding-left: .15rem;
}

.header_box .search:before {
    content: '';
    width: 1px;
    height: .14rem;
    /* background: #bbb; */
    position: absolute;
    left: .02rem;
    top: 50%;
    margin-top: -.07rem;
}

.header_box .search .form {
    display: block !important;
    position: relative;
    margin-left: .2rem;
}

.header_box .search .form .serinp {
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.header_box .search .form .serbtn {
    width: .45rem;
    height: .45rem;
    position: relative;
    text-align: center;
    line-height: .45rem;
    font-size: .2rem;
    color: #fff;
    border: #fff 1px solid;
    border-radius: 50%;
    transition: .2s;
}

.header_box .search .form .serbtn input {
    position: absolute;
    top: 0;
    left: 0;
    width: .4rem;
    height: .4rem;
    z-index: 3;
    background: rgba(255, 255, 255, 0);
    border: 0;
}

.header_box .search .form .serinp input {
    width: 100%;
    height: .45rem;
    background: #ad282b;
    border: 0;
    font-size: .15rem;
    border-radius: .1rem;
    color: #fff;
}

.header_box .search .form:hover .serinp {
    width: 2.6rem;
    opacity: 1;
    visibility: inherit;
}





.header_box .search .form:hover .serinp input {
    padding: 0 .4rem 0 .1rem;
}

.header_box .search .form:hover .serbtn {
    color: #fff;
    border: transparent 1px solid;
}

/*==========================================公共 结束=============================================*/


 
/*==========================================首页 开始=============================================*/

.pad{padding: .7rem 0;overflow: hidden;}

.home1{ padding: .8rem 0 1.3rem; overflow: hidden; background: #f7f7f7; overflow: hidden;}

.tit1{ position: relative; z-index: 1; text-align: center; margin-bottom: .58rem;}
.tit1 .bg1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -54%);z-index: -1;}
.tit1 h3 img{ height: .5rem; }
.tit1 .line{position: relative;z-index: 1;height: 3px;margin: .06rem 0;}
.tit1 .line::before{content: "";position: absolute;width: .5rem;height: 100%;top: 0;left: 50%;margin-left: -.25rem;background: #bf282b;}
.tit1 p{font-size: .14rem;color: #999999;line-height: 20px;min-height: 20px;}
.tit1_r{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1;display: flex;align-items: center;}
.tit1 .more2{}
.home2 .wp>.tit1>.tit1_r{padding: 0 1rem 0 0;}

.tit1 .more2 .a1{display: flex;width: .91rem;height: .32rem;background: #990100;border-radius: 50vw;justify-content: center;align-items: center;font-size: .14rem;color: #ffdfac;}
.tit1 .more2 .a1 img{width: .13rem;height: .13rem;margin: 1px 0 0 .08rem;}


.misoTab2 .bd .bd_li .more2 .a1{display: flex;width: .91rem;height: .32rem;background: #990100;border-radius: 50vw;justify-content: center;align-items: center;font-size: .14rem;color: #ffdfac;}
.misoTab2 .bd .bd_li .more2 .a1 img{width: .13rem;height: .13rem;margin: 1px 0 0 .08rem;}

.home1 .content .left{ width: 6.4rem;}
.home1 .content .right{width: calc(100% - 6.4rem);padding: 0 0 0 .56rem;display: flex;justify-content: space-between;align-items: flex-start; position: relative; z-index: 1;}
.home1 .content .right::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #ad282b;}

.list1{ box-shadow: 0px 0px 20px 0px rgba(216, 216, 216, 0.95);}
.list1 li *{ transition: .5s;}
.list1 li .a{ display: block; position: relative; z-index: 1; }
.list1 li .a .img .img_hezi{ padding-bottom: 66.5625%;}
.list1 li .a .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/css/../images/list1_bg.png) center bottom no-repeat; background-size: 100% auto;}
.list1 li .a .con{height: 1.7rem;background: #fff;display: flex;padding: 0 .3rem;flex-wrap: wrap;align-items: flex-start;}
.list1 li .a .con .time{width: .65rem;height: .76rem;background: #990100;display: flex;justify-content:center;align-items: center;flex-direction: column;position: relative;top: -.44rem;}
.list1 li .a .con .time h3{ font-size: .36rem; color: #fff; font-weight: bold}
.list1 li .a .con .time h6{font-size: .12rem;color: #fff;margin: .05rem 0 0;}
.list1 li .a .con .rr{width: calc(100% - .65rem);padding: .15rem .2rem 0;}
.list1 li .a .con .rr h4{font-size: .22rem;color: #323232;line-height: .32rem;height: .64rem;font-weight: bold;transition: .5s;}
.list1 li .a .con p{width: 100%;font-size: .14rem;color: #999999;line-height: 22px;height: 44px;margin: -.1rem 0 0;}
.list1 .miso-dots{ bottom: 2.1rem;}
.list1 .miso-dots li{ width: .1rem; height: .1rem; border: #fff 1px solid; border-radius: 50vw;}
.list1 .miso-dots li.miso-active{ background: #fff;}

.list2{ width: 3.08rem;}
.list2 li *{ transition: .5s;}
.list2 li .img_box{ position: relative; z-index: 1;}
.list2 li .img .img_hezi{ padding-bottom: 66.5625%;}
.list2 li .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/css/../images/list1_bg.png) center bottom no-repeat; background-size: 100% auto;}
.list2 li .time{position: absolute;left: 0;left: -.1rem;bottom: .1rem;background: rgba(153, 1, 0, 0.8);border-radius: 50vw;width: 80px;height: 24px;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #fff;}
.list2 li .con{ padding: .15rem 0 .2rem;}
.list2 li .con h4{ font-size: .18rem; color: #333333; line-height: .28rem; max-height: .56rem\0; position: relative; z-index: 1; transition: .5s;}
.list2 li .con h4::before{ content: ""; position: absolute; left: 0; width: 3px; height: 0; background: #990100; top: 50%; transform: translateY(-50%);}

.photoActives,.photoActives1 { position: relative; overflow: hidden; }
[data-aos=fade-up] .photoActives .photoActive {position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;background: #f7f7f7;z-index: 3;}
[data-aos=fade-up].aos-animate .photoActives .photoActive {bottom: 100%;-webkit-transition: 1.6s;transition: 1.6s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b);}
[data-aos=fade-down] .photoActives .photoActive { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 3; }
[data-aos=fade-down].aos-animate .photoActives .photoActive { bottom: -100%; -webkit-transition: 1.6s; transition: 1.6s; -webkit-transition-timing-function: var(--ease-in-out-b); transition-timing-function: var(--ease-in-out-b); }
[data-aos=fade-up] .photoActives1 .photoActive { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 3; }
[data-aos=fade-up].aos-animate .photoActives1 .photoActive { top: -100%; -webkit-transition: 1.6s; transition: 1.6s; -webkit-transition-timing-function: var(--ease-in-out-b); transition-timing-function: var(--ease-in-out-b); }

.list3{width: calc(100% - 3.08rem - .58rem);position: relative;z-index: 1;}
.list3::before{ content: ""; position: absolute; left: 9px; top: .1rem; bottom: .1rem; background: #990100; width: 1px;}
.list3 li *{ transition: .5s;}
.list3 li .a{display: block;padding: .24rem 0 .23rem .38rem;position: relative;z-index: 1;}
.list3 li .a:before{ content:""; position: absolute; left: .38rem; bottom: 0; right: 0; height: 1px; border-bottom: #cacaca 1px dashed}
.list3 li .a .dot{position: absolute;top: 3px;left: 4px;width: 10px;height: 10px;}
.list3 li .a .dot:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #990100 2px solid;border-radius: 50%;background: #fff;}
.list3 li .a .time{font-size: .12rem;color: #990100;line-height: .16rem;}
.list3 li .a h4{ font-size: .18rem; color: #333333; line-height: .28rem; max-height: .56rem\0; position: relative; z-index: 1; transition: .5s; margin: .1rem 0 0}
.list3 li:first-child .a{ padding-top: 0;}
.list3 li:last-child .a{ padding-bottom: 0;}
.list3 li:last-child .a:before{ display: none}

.list3 li .a .dot .dots1{position:absolute;top:0;right:0;bottom:0;left:0;z-index: -2; transition: .5s; opacity: 0;}
.list3 li .a .dot .dots1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background-color: #990100;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale 3s linear infinite;-moz-animation: circleScale 3s linear infinite;-ms-animation: circleScale 3s linear infinite;animation: circleScale 3s linear infinite;}
.list3 li .a .dot .dots1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background-color: #990100;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale 3s linear infinite;-moz-animation: circleScale 3s linear infinite;-ms-animation: circleScale 3s linear infinite;animation: circleScale 3s linear infinite;animation-delay: 1.5s;}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}

.home1 .content[data-aos=fade-up] .right::before{ width: 0;}
.home1 .content[data-aos=fade-up].aos-animate .right::before{ width: 100%;-webkit-transition: 1.6s;transition: 1.6s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-delay: .6s;}

.home2{ background: url(/css/../images/home2_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: .75rem 0 1rem; overflow: hidden;}
.home2 .tit1 p{ color: #fff;}
.misoTab1 .hd ul{ display: flex; justify-content: center; align-items: center;}
.misoTab1 .hd ul li{position: relative;z-index: 1;padding: 0 .3rem;padding-bottom: .2rem;}
.misoTab1 .hd ul li::before{content: "";position: absolute;background: url(/css/../images/misoTab_line.png) center no-repeat;width: .12rem;height: .3rem;right: -.09rem;top: 50%;margin-top: -.26rem;background-size: 100% 100%;}
.misoTab1 .hd ul li::after{content: "";position: absolute;bottom: .1rem;width: 0;height: 3px;background: #bf282b;left: 50%;}
.misoTab1 .hd ul li .a{ display: block; position: relative; z-index: 1; }
.misoTab1 .hd ul li .a img{height: .4rem;}
.misoTab1 .hd ul li .img1{position: absolute;top: 50%;left: 50%;margin: -.2rem 0 0;transform: translateX(-50%);}
.misoTab1 .hd ul li .img2{ opacity: 0;}
.misoTab1 .hd ul li:last-child::before{ display: none}
.misoTab1 .hd ul li.on .img1{ opacity: 0;}
.misoTab1 .hd ul li.on .img2{ opacity: 1;}
.misoTab1 .hd ul li.on::after{ width: .5rem; margin-left: -.25rem;}

.misoTab1 .bd .bd_li{ opacity: 0; visibility: hidden; height: 0; }
.misoTab1 .bd .bd_li.on{ opacity: 1; visibility: visible; height: auto; }

.home2 .main-slide-dot{display: flex;margin-right: .2rem;align-items: center;}
.home2 .main-slide-dot .miso-arrow1 svg{ width: .2rem; height: .2rem; fill: #fff}
.home2 .main-slide-dot .miso-next1{order: 1;cursor: pointer;}
.home2 .main-slide-dot .miso-dots{position: relative;height: .08rem;padding: 0 .04rem;}
.home2 .main-slide-dot .miso-dots li{width: .08rem;height: .08rem;border: #fff 1px solid;transition: .5s;margin: 0 2.5px;}
.home2 .main-slide-dot .miso-dots li.miso-active{ background: #fff}

.home2 .main-slide-dot1{opacity: 0;visibility: hidden;width: 0;}
.home2 .main-slide-dot2{opacity: 0;visibility: hidden;width: 0;}
.home2 .main-slide-dot1.on{ opacity: 1;visibility: visible;width: auto;}
.home2 .main-slide-dot2.on{ opacity: 1;visibility: visible;width: auto;}

.list5_btn{display: flex;margin-right: .2rem;opacity: 0;visibility: hidden;width: 0;}
.list5_btn *{ cursor: pointer;}
.list5_btn .btn1{ margin-right: .14rem;}
.list5_btn.on{ opacity: 1;visibility: visible;width: auto;}

.list4{ display: flex; flex-wrap: wrap; margin: 0 -.3rem; padding: 0 .5rem; margin-bottom: -.34rem;}
.list4 li{ width: 50%; padding: 0 .3rem; margin-bottom: .34rem;}
.list4 li .a{ display: flex; height: 1.3rem; position: relative; z-index: 1; align-items: center; }
.list4 li .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: .4rem; border: rgba(255,255,255,.5) 1px solid; background: rgba(255,255,255,.1); z-index: -1;}
.list4 li .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: .4rem; background: url(/css/../images/list4_bg.jpg) center no-repeat; z-index: -1; opacity: 0; border-radius: .08rem; box-shadow: 0px 5px 8.73px 0.27px rgba(50, 42, 30, 0.24);}
.list4 li .a .time{ width: .8rem; height: .8rem; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1;}
.list4 li .a .time::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #990100; transform: scale(1); border-radius: 50%; z-index: -1;}
.list4 li .a .time::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #d5b787; transform: scale(.3); opacity: 0; border-radius: 50%; z-index: -1; }
.list4 li .a .time h3{ font-size: .36rem; color: #fff; font-weight: bold}
.list4 li .a .time h6{font-size: .12rem;color: #fff;margin: .05rem 0 0;}
.list4 li .a .con{width: calc(100% - .8rem);padding: 0 .35rem 0 .28rem;}
.list4 li .a .con h4{ font-size: .2rem; color: #fff; line-height: .3rem; max-height: .6rem\0; font-weight: bold;}

.list5s1{ opacity: 0; visibility: hidden; height: 0}
.list5s2{ opacity: 0; visibility: hidden; height: 0}
.list5s1.on{ opacity: 1; visibility: visible; height: auto}
.list5s2.on{ opacity: 1; visibility: visible; height: auto}

.list5{ display: flex; flex-wrap: wrap; margin: 0 -.25rem; margin-bottom: -.36rem;}
.list5 li{ width: 50%; padding: 0 .25rem; margin-bottom: .36rem;}
.list5 li *{ transition: .5s;}
.list5 li .a{display: flex;height: 2.92rem;flex-direction: column;justify-content: center;padding: 0 .9rem;position: relative;z-index: 1;}
.list5 li .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; box-shadow: 0px 8px 14.55px 0.45px rgba(0, 0, 0, 0.3); border-radius: .2rem; z-index: -1;}
.list5 li .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/css/../images/list5_bg.jpg) center no-repeat; background-size: cover; box-shadow: 0px 8px 14.55px 0.45px rgba(0, 0, 0, 0.3); border-radius: .2rem; z-index: -1; opacity: 0;}
.list5 li .a .top{display: flex;align-items: flex-end;}
.list5 li .a .top .con{ width: calc(100% - 1.6rem); padding: 0 .12rem 0 0;}
.list5 li .a .top .con .h4_box{ margin-bottom: .12rem;}
.list5 li .a .top .con h4{font-size: .18rem;color: #333333;line-height: .26rem;max-height: .52rem\0;background: url(/css/../images/list5_ico1.png) left .04rem no-repeat;padding: 0 0 0 .32rem;font-weight: bold;min-height: .34rem;background-size: auto .19rem!important;}
.list5 li .a .top .con dl dd{font-size: .15rem;color: #444444;line-height: .26rem;background: url(/css/../images/list5_ico2.png) left .06rem no-repeat;padding: 0 0 0 .32rem; background-size: auto .14rem !important;}
.list5 li .a .top .con dl dd:nth-child(2){background: url(/css/../images/list5_ico3.png) left .06rem no-repeat;}
.list5 li .a .top .con dl dd:nth-child(3){background: url(/css/../images/list5_ico4.png) left .06rem no-repeat;}
.list5 li .a .p{height: 44px;position: relative;z-index: 1;margin: .12rem 0 0;display: flex;align-items: center;}
.list5 li .a .p:before{content:"";position: absolute;left: .06rem;width: 2px;height: .32rem;background: #a68c62;top: 50%;margin-top: -.16rem;}
.list5 li .a p{font-size: .14rem;color: #999999;line-height: 22px;max-height: 44px;padding: 0 0 0 .32rem;width: 100%;}
.list5 li .a .top .img_box{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 1.55rem;height: 1.55rem;background: #e9e9e9;border-radius: 50%; }
.list5 li .a .top .img_box .dots1{position:absolute;top:0;right:0;bottom:0;left:0;z-index: -2; transition: .5s; opacity: 0;}
.list5 li .a .top .img_box .dots1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background-color: #fff;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale1 3s linear infinite;-moz-animation: circleScale1 3s linear infinite;-ms-animation: circleScale1 3s linear infinite;animation: circleScale1 3s linear infinite;}
.list5 li .a .top .img_box .dots1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background-color: #fff;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale1 3s linear infinite;-moz-animation: circleScale1 3s linear infinite;-ms-animation: circleScale1 3s linear infinite;animation: circleScale1 3s linear infinite;animation-delay: 1.5s;}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }
}

.list5 li .a .top .img_box .img{ width: 1.41rem; border-radius: 50%;}
.list5 li .a .top .img_box .img .img_hezi{ padding-bottom: 100%;}

.list5s2 li .a{ height: 3.5rem}

.home3{ background: url(/css/../images/home3_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 1rem 0 .75rem; overflow: hidden;}

.Audiovisual{width: 1.89rem;height: 1.89rem;display: flex;align-items: center;justify-content: center;position: relative;z-index: 10;background: rgba(214, 184, 136, 0.2);border-radius: 50%;border-radius: 50%;margin-bottom: -1.4rem;}
.Audiovisual a{ display: block; width: 100%; height: 100%;}
.Audiovisual .box{position: relative;z-index: 1;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.Audiovisual .box:before{content: "";position: absolute;top: .16rem;right: .16rem;bottom: .16rem;left: .16rem;background: #905747;z-index: -1;border-radius: 50%;/* opacity: .1; */}
.Audiovisual .box .rr{display: flex;flex-direction: column;align-items: center;margin: 0 .12rem 0 .3rem;align-items: flex-start;}
.Audiovisual .box .rr>img{ height: .8rem}
.Audiovisual .box .rr a img{ margin: .06rem 0 0 .1rem;}
.Audiovisual .dot{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.Audiovisual .dot .dots1{position:absolute;top:0;right:0;bottom:0;left:0;z-index: -2; transition: .5s; }
.Audiovisual .dot .dots1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background: #d6b888;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale2 3s linear infinite;-moz-animation: circleScale2 3s linear infinite;-ms-animation: circleScale2 3s linear infinite;animation: circleScale2 3s linear infinite;}
.Audiovisual .dot .dots1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;background: #d6b888;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale2 3s linear infinite;-moz-animation: circleScale2 3s linear infinite;-ms-animation: circleScale2 3s linear infinite;animation: circleScale2 3s linear infinite;animation-delay: 1.5s;}
@keyframes circleScale2 {
  0% {
    opacity: .3;
    -webkit-transform: scale();
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.list6{display: flex;}
.list6 li{margin: 0 .28rem 0 0;}
.list6 li .a{position: relative;cursor: pointer;}
.list6 li .a>img{ height: .41rem}
.list6 li .a .ewm{position: absolute;box-shadow: 0 0 15px rgba(0,0,0,.1);left: 50%;transform: translateX(-50%) translateY(.3rem);transition: .5s;opacity: 0;visibility: hidden;width: 1.4rem;height: 1.4rem;background: #fff;box-shadow: 0px 2px 9.5px 0.5px rgba(1, 1, 1, 0.21);padding: 0 .1rem;border-radius: .04rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list6 li .a .ewm img{width: 100%;}
.list6 li .a .ewm h6{ font-size: .12rem; color: #a69999}
.list6 li .a .ewm:before{content: "";position: absolute;left: 50%;top: -.07rem;margin-left: -.06rem;border-bottom: #fff .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

.list6 li .a:hover .ewm{transform: translateX(-50%) translateY(.2rem);opacity: 1;visibility: visible;}

.home3 .tit1{ margin-bottom: .62rem;}
.home3 .tit1 .more2 .a1{ background: #ad282b;}
.home3 .tit1 p{ color: #fff;}
.home3 .content1{ align-items: center;}
.home3 .content1 .left{ width: calc(100% - 3.22rem - 5.18rem); padding: 0 .32rem 0 0; display: flex;}
.home3 .content1 .left .tit3{ width: .9rem; display: flex; align-items: center; justify-content: center;}
.home3 .content1 .left .tit3 img{ width: .32rem}
.list8{ width: calc(100% - .9rem);}
.list8 li *{ transition: .5s;}
.list8 li .a{display: block;padding: .1rem 0 .1rem .2rem;border-bottom: rgba(166, 140, 98, 0.3) 1px solid;position: relative;z-index: 1;}
.list8 li .a::before{ content: ""; position: absolute; bottom: -2.5px; left: 0; width: 5px; height: 5px; background: #a68c62; border-radius: 50%;}
.list8 li:last-child .a{ border-bottom: none; padding-bottom: 0;}
.list8 li:last-child .a::before{ display: none;}
.list8 li .a h6{ font-size: 12px; color: #a68c62;}
.list8 li .a h6 span{ margin-right: .2rem;}
.list8 li .a h4{ font-size: .18rem; color: #fff; line-height: 1.25; margin: .06rem 0 0;}
.home3 .content1 .center{ width: 3.22rem;}
.home3 .content1 .right{ width: 5.18rem; padding: 0 0 0 .28rem;}
.home3 .content1 .right ul.list7{width:100%;}
.list7 li .a{ display: block; position: relative;}
.list7 li .img .img_hezi{ padding-bottom: 3.9rem !important;}
.list7 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;padding: 0 .25rem;background: url(/css/../images/list7_b.png) center 101% repeat-x;}
.list7 li .top .con{width: 100%;display: flex;align-items: center;margin-bottom: .16rem;}
.list7 li .top .con .ico{width: .56rem;}
.list7 li .top .con .ico img{ height: .36rem}
.list7 li .top .con .rr{width: calc(100% - .56rem);}
.list7 li .top .con .rr h6{font-size: 12px; color: #fff; opacity: .6}
.list7 li .top .con .rr h4{font-size: .18rem;color: #fff;line-height: .24rem;max-height:.72rem\0;margin: .1rem 0 0;font-weight: bold;}
.list7s1{ width: calc((100vw - 15.2rem)/2 + 100%);}
.list7s1 li .img .img_hezi{ padding-bottom: 3.9rem !important;}

.list7s2{ margin: .22rem -.1rem 0; display: flex; flex-wrap: wrap;}
.list7s2 li{ width: 33.33%; padding: 0 .1rem;}
.list7s2 li .img .img_hezi{ padding-bottom: 57.78% !important;}

.home4{ overflow: hidden;}
.home4 .left{ width: 16%; position: relative; z-index: 1;}
.home4 .left::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: calc((-100vw + 15.2rem)/2);z-index: -1;background: url(/css/../images/home4_bg1.jpg) center no-repeat;background-size: cover;}
.home4 .right{width: calc(100% - 16%);position: relative;z-index: 1;padding: .75rem 0 1rem;}
.home4 .right::before{content: "";position: absolute;top: 0;right: calc((-100vw + 15.2rem)/2);bottom: 0;left: 0;z-index: -1;background: url(/css/../images/home4_bg2.jpg) center no-repeat;background-size: cover;}

.list9 .miso-list{ overflow: visible;}
.list9 .ul_li{ display: flex; flex-wrap: wrap; margin: 0 -8px;}
.list9 li{width: 25%;padding: .3rem 8px;}
.list9 li *{ transition: .5s;}
.list9 li .a{ display: block;}
.list9 li .img_box{width: 1.6rem;height: 1.6rem;margin: 0 auto; position: relative; z-index: 1}
.list9 li .img_box::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #d8b377; border-radius: 50%; transform: scale(.5);}
.list9 li .img{ border-radius: 50%}
.list9 li .img .img_hezi{ padding-bottom: 100%}
.list9 li .con{position: relative;z-index: 1;text-align: center;padding: .2rem 0 0;height: .5rem;}
.list9 li .con::before{content: "";position: absolute;top: 0;left: 50%;width: 1px;height: 0;background: #d8b377;}
.list9 li .con h4{ font-size: .18rem; color: #333333; line-height: 1.5; margin-bottom: .1rem;}
.list9 li .con p{ font-size: 12px; color: #666666; line-height: 20px; height: 140px; opacity: 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;}
@media(max-width: 1300px){
.list9 li{padding: .4rem 8px;}
}

.list9_box{ padding: 0 .7rem; position: relative; z-index: 1}
.list9_box .main-slide-dot{vertical-align:middle;display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;position: absolute;top: 0;bottom: 0;right: 0;width: .24rem;}
.list9_box .main-slide-dot .miso-dots{position: relative;width: 100%;padding: .05rem 0;display: flex;flex-direction: column;}
.list9_box .main-slide-dot li{margin: 0 auto;position:relative;transition: .5s;width: .14rem;height: .34rem;display: flex;align-items: center;justify-content: center;}
.list9_box .main-slide-dot li:before{content: "";position: absolute;top: 0;width: 1px;background: #ad282b;height: .1rem;left: 50%;margin-left: -.5px;}
.list9_box .main-slide-dot li:after{content: "";position: absolute;bottom: 0;width: 1px;background: #ad282b;height: .1rem;left: 50%;margin-left: -.5px;}
.list9_box .main-slide-dot li button{width: .14rem;height: .14rem;background: #ad282b;background-size: cover;border-radius: 50%;transform: scale(.6);position: relative;z-index: 1;}
.list9_box .main-slide-dot li button::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ad282b; opacity: 0; transform: scale(1.75); border-radius: 50%;}

.list9_box .main-slide-dot li.miso-active{height: .56rem;}
.list9_box .main-slide-dot li.miso-active button{ background: #ad282b; transform: scale(1);}
.list9_box .main-slide-dot li.miso-active button::before{ opacity: .3;}

.list9_box .miso-arrow1.miso-next1{order: 1;cursor: pointer;}
.list9_box .miso-arrow1 svg{ width: .2rem; height: .2rem; fill:#ad282b;}

.home5{ background: #f8f6f2; padding: 1rem 0 .8rem; overflow: hidden;}
.misoTab2{ position: relative; z-index: 10; margin-top: -1.4rem; }
.misoTab2 .hd{ margin-bottom: .88rem; width: 50%; max-width: 100%; }
.misoTab2 .hd ul{ display: flex;}
.misoTab2 .hd ul li *{ transition: .5s;}
.misoTab2 .hd ul li .a{ display: flex; height: .45rem; padding: 0 .2rem; justify-content: center; align-items: center; font-size: .2rem; color: #333333; border-radius: 50vw;}
.misoTab2 .hd ul li .a .dot{ width: 0; height: 0; border-radius: 50%;}

.misoTab2 .hd ul li.on .a, .misoTab2 .hd ul li .a:hover{ background: #ad282b; color: #fff; font-weight: bold;}
.misoTab2 .hd ul li.on .a .dot, .misoTab2 .hd ul li .a:hover .dot{ width: .07rem; height: .07rem; margin-right: .08rem; background: #fff; }

.home5 .content{align-items: flex-start;position: relative;z-index: 1;}
.home5 .content::before{content: "";position: absolute;top: 0;right: 66%;bottom: -1rem;left: calc((-100vw + 15.2rem)/2 - 1rem);background: #ad282b;z-index: -1;transform: skewX(6deg);box-shadow: -3px 0px 47.53px 1.47px rgba(0, 0, 0, 0.28);}
.home5 .content .left{width: 50%;padding: .3rem .4rem 1.2rem;position: relative;z-index: 1;margin-top: .4rem;}
.home5 .content .left::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; box-shadow: -3px 0px 47.53px 1.47px rgba(0, 0, 0, 0.28); z-index: -1;}
.home5 .content .left::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;transform: translateX(1rem) skewX(-15deg);}
.home5 .content .right{ width: 50%; position: relative; z-index: 1; padding: 0 0 .9rem .36rem;}

.list10 li *{ transition: .5s;}
.list10 li .a{ display: flex; align-items: center; padding: .18rem 0; position: relative; z-index: 1;} 
.list10 li .a::before{ content: ""; position: absolute; left: .1rem; right: 0; bottom: 0; border-bottom: #cacaca 1px dashed; }
.list10 li .a .img_box{ width: 1.3rem; height: 1.3rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; padding: .1rem;}
.list10 li .a .img_box::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #edd4d4; border-radius: 50%; transition: .5s; transform: scale(0);}
.list10 li .a .time{position: absolute;top: .16rem;right: -.3rem;display: flex;flex-direction: column;align-items: flex-end;}
.list10 li .a .time h6{ font-size: 12px; color: #c7c7c7;}
.list10 li .a .time h3{font-size: .24rem;color: #c7c7c7;font-weight: bold;margin: .02rem 0 0;}
.list10 li .a .tit{position: absolute;bottom: .16rem;right: -.3rem;background: #02ae2b;min-width: 80px;height: 21px;text-align: center;border-radius: 50vw;font-size: 12px;color: #fff;display: flex;justify-content: center;align-items: center;}
.list10 li .a .img{ border-radius: 50%;}
.list10 li .a .img .img_hezi{ padding-bottom: 100%;}
.list10 li .a .con{width: calc(100% - 1.3rem);padding: 0 0 0 .60rem;position: relative;z-index: 1;}
.list10 li .a .con::before{content: "";position: absolute;left: .43rem;top: .06rem;bottom: 0;background: url(/css/../images/list10_line.png) center no-repeat;width: 1px;background-size: 100% 100%;}
.list10 li .a .con::after{content: "";position: absolute;width: 7px;height: 13px;border: #c7c7c7 1px solid;border-radius: 50vw;left: .42rem;margin: -6.5px 0 0 -3.5px;top: 27%;background: #fff;}
.list10 li .a .con h4{ font-size: .18rem; color: #333333; line-height: .3rem; max-height: .6rem\0; font-weight: bold;}
.list10 li .a .con p{font-size: .14rem;color: #999999;line-height: .24rem;max-height: .48rem\0;margin: .06rem 0;}
.list10 li:nth-child(2) .a .tit{ background: #bd956b;}
.list10 li:nth-child(3) .a .tit{ background: #fa777a;}

.list11 li *{ transition: .5s;}
.list11 li .a .img .img_hezi{ padding-bottom: 62.33%;}
.list11 li .a .con{ padding: .25rem 0; display: flex;}
.list11 li .a .con .ll{width: 78px;}
.list11 li .a .time{display: flex;flex-direction: column;align-items: flex-end;}
.list11 li .a .time h6{ font-size: 12px; color: #c7c7c7;}
.list11 li .a .time h3{font-size: .24rem;color: #c7c7c7;font-weight: bold;margin: .02rem 0 0;}
.list11 li .a .tit{ background: #fa777a;min-width: 80px;height: 21px;text-align: center;border-radius: 50vw;font-size: 12px;color: #fff;display: flex;justify-content: center;align-items: center;}
.list11 li .a .con .ll .ll_li{margin-left: -18px;height: 1.14rem;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;padding: .06rem 0 0; position: relative; z-index: 1;}
.list11 li .a .con .ll .ll_li::before{content: "";position: absolute;left: 58px;top: .06rem;bottom: 0;background: url(/css/../images/list10_line.png) center no-repeat;width: 1px;background-size: 100% 100%;}
.list11 li .a .con .ll .ll_li::after{content: "";position: absolute;width: 7px;height: 13px;border: #c7c7c7 1px solid;border-radius: 50vw;left: 57px;margin: -6.5px 0 0 -3.5px;top: 25%;background: #fff;}
.list11 li .a .con .rr{ width: calc(100% - 96px);}
.list11 li .a .con h4{ font-size: .22rem; color: #333333; line-height: .3rem; max-height: .6rem\0; font-weight: bold;}
.list11 li .a .con p{font-size: .14rem;color: #999999;line-height: .24rem;max-height: .48rem\0;margin: .14rem 0 0;}

.home6_7{ overflow: hidden; background: url(/css/../images/home6_7_bg.jpg) center bottom no-repeat; background-size: cover;}
.home6{ position: relative; z-index: 1; padding: .88rem 0 0;}
.home6 .bg{ position: absolute; top: 0; right: 0; bottom: 1.9rem; left: 0; z-index: -1; background: url(/css/../images/home6_bg1.jpg) center no-repeat; background-attachment: fixed;}
.misoTab3 .hd{ margin-bottom: 1.35rem;}
.misoTab3 .hd ul li .a{ color: #fff;}
.home6 .tit1 p{ color: #fff;}
.list12{ display: flex; flex-wrap: wrap; box-shadow: 0px 3px 47.53px 1.47px rgba(0, 0, 0, 0.28);}
.list12 li{width: 50%;position: relative;z-index: 1;}
.list12 li:before{ content: ""; position: absolute; border-left: transparent .26rem solid; border-right: transparent .26rem solid; border-bottom: #ff0202 .3rem solid; z-index: 10; left: 50%; margin-left: -.26rem; bottom: .04rem; opacity: 0}
.list12 li:after{ content: ""; position: absolute; left: 0; right: 0; height: .04rem; background: #ff0202; z-index: 10; bottom: 0; opacity: 0}
.list12 li *{ transition: .5s;}
.list12 li .a{ display: flex;}
.list12 li .a .img{ position: relative; z-index: 1; width: 50%; }
.list12 li:nth-child(1) .a .img{  box-shadow: 0px 3px 47.53px 1.47px rgba(0, 0, 0, 0.28);}
.list12 li .a .img .img_hezi{ padding-bottom: 68.42%;}
.list12 li .a .con{ width: 50%; background: #fff; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1; }
.list12 li .a .con::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 0; z-index: -1;}
.list12 li .a .con .top{display: flex;align-items: flex-start;}
.list12 li .a .con .time{position: relative;z-index: 1;width: 80px;display: flex;flex-direction: column;justify-content: center;padding: .04rem 8px 0;}
.list12 li .a .con .time::before{ content:""; left: -.24rem; right: 0; top: 0; height: .34rem; background: #ad282b; position: absolute; z-index: -1;}
.list12 li .a .con .time::after{content: "";background: #d3d3d3;width: 1px;height: .48rem;position: absolute;z-index: -1;left: 50%;top: 50%;transform: translate(0.06rem, -43%) rotate(33deg);}
.list12 li .a .con .time h3{width: 100%;text-align: left;font-size: .3rem;color: #fff;font-weight: bold;}
.list12 li .a .con .time h6{width: 100%;text-align: right;font-size: 12px;color: #999999;line-height: 14px;margin: -.14rem 0 0;}
.list12 li .a .con .time h6 font{ display: block; text-align: right; color: #fff;}
.list12 li .a .con .rr{ width: calc(100% - 80px); padding: 0 .28rem 0 .16rem;}
.list12 li .a .con h4{ font-size: .18rem; color: #333333; line-height: .24rem; max-height: .48rem\0; font-weight: bold;}
.list12 li .a .con p{font-size: .14rem;color: #999999;line-height: .24rem;max-height: .48rem\0;margin: .14rem 0 0; padding: 0 .28rem;}

@media(min-width: 992px){
.list12 li:nth-child(3) .a .img, .list12 li:nth-child(4) .a .img{ order: 1;}
.list12 li:nth-child(3) .a .con .time, .list12 li:nth-child(4) .a .con .time{ order: 1;}
.list12 li:nth-child(3) .a .con .time::before, .list12 li:nth-child(4) .a .con .time::before{ left: 0; right: -.24rem;}
.list12 li:nth-child(3) .a .con .rr, .list12 li:nth-child(4) .a .con .rr{ padding: 0 .16rem 0 .28rem;}
.list12 li:nth-child(3) .a .con .time h3, .list12 li:nth-child(4) .a .con .time h3{ text-align: right;}
.list12 li:nth-child(3) .a .con .time h6, .list12 li:nth-child(4) .a .con .time h6{ text-align: left;}
.list12 li:nth-child(3) .a .con .time h6 font, .list12 li:nth-child(4) .a .con .time h6 font{width: 27px;}
.list12 li:nth-child(3) .a .con .time::after, .list12 li:nth-child(4) .a .con .time::after{transform: translate(0rem, -43%) rotate(-33deg);}
}

.home7{ padding: 1.3rem 0 1rem; overflow: hidden;}

.list13{ margin: 0 -.35rem;}
.list13 .miso-list{ padding: .4rem; margin: -.4rem;}
.list13 li{ width: 33.33%; padding: 0 .35rem;}
.list13 li *{ transition: .5s;}
.list13 li .a{ display: block; overflow: hidden;}
.list13 li .img .img_hezi{ padding-bottom: 67.39%;}
.list13 li .con{ height: 1.35rem; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1;}
.list13 li .con::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/css/../images/list13_bg.jpg) center no-repeat;background-size: cover;z-index: -1;transform: translateY(calc(100% - 2px));opacity: 0;}
.list13 li .con .top{ display: flex; justify-content: space-between; align-items: center; width: 100%;}
.list13 li .con .top h4{ font-size: .24rem; color: #ad282b;}
.list13 li .con .top svg{ width: .4rem; height: .4rem; fill: #ad282b; transition: 0s;}
.list13 li .con p{ width: 100%; font-size: .18rem; color: #323232; line-height: 1.5; margin: .1rem 0 0;}

.home8{ padding: .86rem 0 .12rem; overflow: hidden; position: relative; z-index: 1; background: #ad282b url(../images/home8_bg.jpg) center bottom no-repeat; background-size: 100% auto;}
.home8 .bg{ position: absolute; top: 0; left: 0; right: 0; z-index: -1;}
.home8 .bg img{ width: 100%;}
.home8 .tit1 p{ color: #d6b888;}
.home8 .tit1 .line::before{ background: #ffdfac;}
.home8 .tit1 .more2 .a1{ background: #ffdfac; color: #ad282b;}

.home9_10{ padding: 1.32rem 0 .8rem; overflow: hidden; position: relative; z-index: 1; background: url(/css/../images/home9_10_bg.jpg) center no-repeat; background-attachment: fixed; background-size: cover;}
.home9_10 .bg2{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; }
.home9_10 .bg2>img{ width: 100%;}

.list14{display: flex;flex-wrap: wrap;align-items: flex-start;}
.list14 .miso-list{ padding-bottom: .7rem}
.list14 li{width: 25%;display: flex !important;justify-content: center;}
.list14 li *{ transition: .5s;}
.list14 li .a{ position: relative; z-index: 1; display: block; padding: .45rem 0;}
.list14 li .a::after{content: "";position: absolute;bottom: 0;left: .44rem;width: 1px;height: .42rem;background: #dcbc89;}
.list14 li .a::before{content: "";background: url(/css/../images/list14_ico1.png) center no-repeat;width: 1.42rem;height: 1.38rem;background-size: cover;top: 0;left: -.6rem;position: absolute;}
.list14 li .a .h3{ display: flex; align-items: baseline; height: .72rem;}
.list14 li .a .h3 .number{font-size: .72rem; font-family: "思源宋体 Bold"; color: #ffdfac;}
.list14 li .a .h3 .number i{font-size: .72rem; color: #ffdfac; font-family: "思源宋体 Bold";}
.list14 li .a .h3 small{ font-size: .16rem; color: #dcbc89; margin-left: .04rem;}
.list14 li .a h4{position: relative;z-index: 1;font-size: .2rem;color: #ffdfac;margin: .06rem 0;display: inline-block;} 
.list14 li .a h4::before{content: "";position: absolute;top: 50%;left: 108%;width: .3rem;height: 1px;background: #dcbc89;}
.list14 li .a h4::after{content: "";position: absolute;top: 50%;right: 105%;width: .1rem;height: 1px;background: #dcbc89;}
.list14 li .a h6{ position: relative; z-index: 1; font-size: .16rem; color: #dcbc89; line-height: 20px; font-family: "思源宋体 Regular"; font-style: italic;} 

.list14 li:nth-child(2n) .a{ transform: translateY(.7rem);}

.home9 .wp{ justify-content: space-between;}
.home9 .left{width: 3.4rem;max-width: calc(100% - 9.44rem - .3rem);margin-left: 5%;}
.home9 .right{ width: 9.44rem;}
.home9 .tit1 p{ color: #fff;}

.list15{ max-width: 100%;}
.list15 li{ margin-bottom: .2rem;}
.list15 li .a{ display: block; position: relative; z-index: 1; padding: .1rem;}
.list15 li .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: .1rem; border: rgba(255,255,255,.3) 1px solid;}
.list15 li .a .img .img_hezi{ padding-bottom: 40.625%;}
.list15 li .a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; font-size: .24rem; color: #fff; text-shadow: 0px 2px 1.96px rgba(37, 40, 44, 0.65);}
.list15 li .a .top img{ margin: 0 .2rem 0 0; filter: drop-shadow(0px 2px 1.96px rgba(37, 40, 44, 0.65)); height: .82rem;}

.list16 .miso-slide{ display: flex; margin: 0 -.15rem;}
.list16 li{ width: 25%; padding: 0 .15rem;}
.list16 li *{ transition: .5s}
.list16 li .a{ display: flex; height: 5.06rem; position: relative; z-index: 1;}
.list16 li .a .bg{position: absolute;top: .54rem;right: 0;bottom: .54rem;left: 0;background: rgba(153, 1, 0, 0.8);overflow: hidden;}
.list16 li .a .bg .line{content: "";position: absolute;top: .12rem;right: .12rem;bottom: .12rem;left: .12rem;border: rgba(205, 181, 145, 0.4) 1px solid;}
.list16 li .a .logo{position: absolute;left: 0;right: 0;bottom: .56rem;background: url(/css/../images/list16_logo.png) center top no-repeat;height: 1.37rem;background-size: auto 1.47rem;}
.list16 li .a .more4{position: absolute;bottom: -.1rem;left: -.3rem;z-index: 2;width: .93rem;height: .93rem;background: #754e27;border-radius: 50%;display: flex;justify-content: center;align-items: center;padding-left: .1rem;}
.list16 li .a .more4 img{ height: .59rem}
.list16 li .a .tit{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;/* align-items: center; */justify-content: center;z-index: 2;padding: .78rem 0 0;}
.list16 li .a .tit h4{font-size: .27rem;color: #fff;font-family: "KaiTi";width: .27rem;position: relative;z-index: 1;padding: .3rem 0 0;text-shadow: 0px 2px 0.1rem rgba(37, 40, 44, 0.65);line-height: 1;max-height: 3.5rem;overflow: hidden;}
.list16 li .a .tit h4:before{ content:""; position: absolute; top: 0; width: 2px; height: .26rem; background: #fff; left: 50%; margin-left: -1px}

.list16 li:nth-child(1) .a .more4{bottom: -.04rem;}
.list16 li:nth-child(1) .a .bg{top: 0;bottom: 0;clip-path: polygon(0 0px, 100% 10%, 100% 90%, 0px 100%);}
.list16 li:nth-child(1) .a .bg .line{ clip-path: polygon(0 0px, 100% 10%, 100% 90%, 0px 100%);}
.list16 li:nth-child(1) .a .bg .line::before{content: "";position: absolute;top: .23rem;left: -.1rem;right: -.1rem;background: rgba(205, 181, 145, 0.4);height: 1px;transform: rotate(14deg);}
.list16 li:nth-child(1) .a .bg .line::after{content: "";position: absolute;bottom: .23rem;left: -.1rem;right: -.1rem;background: rgba(205, 181, 145, 0.4);height: 1px;transform: rotate(-14deg);}
.list16 li:nth-child(1)+li+li+li .a .more4{ bottom: .42rem}
.list16 li:nth-child(1)+li+li+li .a .bg .line::before{content: "";position: absolute;top: .23rem;left: -.1rem;right: -.1rem;background: rgba(205, 181, 145, 0.4);height: 1px;transform: rotate(-14deg);}
.list16 li:nth-child(1)+li+li+li .a .bg .line::after{content: "";position: absolute;bottom: .23rem;left: -.1rem;right: -.1rem;background: rgba(205, 181, 145, 0.4);height: 1px;transform: rotate(14deg);}

.list16 li:nth-child(1)+li+li+li .a .bg{ top: 0;bottom: 0;clip-path: polygon(0 10%, 100% 0, 100% 100%, 0px 90%);}
.list16 li:nth-child(1)+li+li+li .a .bg .line{clip-path: polygon(0 10%, 100% 0, 100% 100%, 0px 90%);}
.list16 li:nth-child(1) .a .logo{ height: 1.47rem; transform: translateY(.1rem);}
.list16 li:nth-child(1)+li+li+li .a .logo{ height: 1.47rem; transform: translateY(.1rem);}

.home10{ padding: .5rem 0 0;}
.list17{ display: flex; flex-wrap: wrap; margin: 0 -5px; margin-bottom: -.1rem;}
.list17 li{ min-width: 16.6667%; padding: 0 5px; margin-bottom: .1rem;}
.list17 li *{ transition: .5s}
.list17 li .a{display: flex;height: .4rem;border: #919191 1px solid;border-radius: 50vw;align-items: center;padding: 0 .28rem;justify-content: space-between;}
.list17 li .a .ll{ font-size: .16rem; color: #fff; line-height: 1.5; max-width: calc(100% - .34rem);}
.list17 li .a .rr{ position: relative; z-index: 1; width: .22rem; height: 7px;}
.list17 li .a .rr:before{ content:""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background:#dcbc89; margin-top: -.5px}
.list17 li .a .rr:after{ content:""; position: absolute; top: 50%; right: 0; width: 7px; height: 7px; background:#dcbc89; margin-top: -3.5px; border-radius: 50%}

footer{ background: url(/css/../images/footer.jpg) center no-repeat; background-size: cover; padding: .4rem 0;}
footer .wp{ flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer .line{ width: 1px; height: 1.3rem; border-right: rgba(255,255,255,.3) 1px dashed;}
footer .left img{width: 3.11rem;}
footer h3{font-size: .22rem;color: #fff;margin-bottom: .2rem;}
footer p,footer p a{ font-size: .14rem; color: rgba(255,255,255,.6); line-height: .26rem;}
footer .center2 p img{ height: .174rem; margin-right: .12rem;}

.list18{ display: flex;}
.list18 li{text-align: center;padding: 0 .12rem;}
.list18 li .img img{ width: 1.02rem; height: 1.02rem;}
.list18 li h6{ font-size: .14rem; color: #fff; line-height: 1.5; margin: .1rem 0 0}

.piaofu{position: fixed;left: 0;top: 50%;background: url(/css/../images/piaofu.png) center no-repeat;width: 100px;height: 450px;display: flex;flex-direction: column;justify-content: center;margin: -225px 0 0;padding: 24px 0 0;}
.piaofu ul li{padding: 4px 0;}
.piaofu ul li *{ transition: .5s;}
.piaofu ul li .a{display: block;font-size: 14px;color: #fff;line-height: 25px;width: 100px;position: relative;z-index: 1;padding: 0 0 0 10px;}
.piaofu ul li .a .dot{position: absolute;width: 0;height: 0;left: 10px;top: 50%;width: 7px;height: 7px;margin: -3.5px 0 0;}
.piaofu ul li .a .dot::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;border-radius: 50%;transform: scale(0);}
.piaofu ul li .a .dot::after{content: "";position: absolute;bottom: 3px;left: 3px;background: #fff;border-radius: 50%;width: 1px;height: 0;}
.piaofu ul li .a::before{content: "";position: absolute;left: 0px;top: 0;bottom: 0;width: 0;z-index: -1;border-radius: 0 50vw 50vw 0;box-shadow: 0px 3px 10px 0px rgba(126, 126, 126, 0.95);}

.piaofu ul li .a:hover{padding: 0 0 0 28px;}
.piaofu ul li .a:hover::before{width: 100%;background: #a68b62;}
.piaofu ul li .a:hover .dot:before{ transform: scale(1)}
.piaofu ul li .a:hover .dot::after{height: 13px;}

#gotop{margin: 20px 0 0;text-align: center;padding: 0 26px 0 0;cursor: pointer;}
#gotop h6{font-size: 12px;color: #fff;text-transform: uppercase;position: relative;z-index: 1;}
#gotop h6:before{content:"";position: absolute;top: -12px;width: 1px;height: 6px;background: #fff;left: 50%;}

.home2 .bd_li{ position: relative; z-index: 1}
.home2 .bd_li .tit1{position: absolute;right: 0;top: -1.02rem;margin: 0;}

.home5 .bd_li{ position: relative; z-index: 1}
.home5 .bd_li .tit1{position: absolute;right: 0;top: -1rem;margin: 0;}

.home6 .bd_li{ position: relative; z-index: 1}
.home6 .bd_li .tit1{position: absolute;right: 0;top: -1.4rem;margin: 0;}

/*==========================================首页 结束=============================================*/

@media(min-width: 1200px){
	.a:hover .img_zd .img_hezi, a:hover .img_zd .img_hezi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}
	.list2 li .a:hover .con h4{ font-weight: bold; color: #990100; padding: 0 0 0 .14rem; }
	.list2 li .a:hover .con h4::before{ height: .42rem;}
	.list1 li .a:hover .con .rr h4{ color: #990100;}
	
	.list3 li .a:hover .dot .dots1{ opacity: 1;}
	
	.list3 li .a:hover h4{ color: #990100; font-weight: bold;}
	
	.list4 li .a:hover::before{ opacity: 0;}
	.list4 li .a:hover::after{ opacity: 1;}
	.list4 li .a:hover .time::before{ transform: scale(0); opacity: 0;}
	.list4 li .a:hover .time::after{ transform: scale(1); opacity: 1;}
	
	.list5 li .a:hover .top .img_box .dots1{ opacity: 1;}
	.list5 li .a:hover .top .img_box{ background: rgba(233, 233, 233, 0.2);}
	
	.list5 li .a:hover::before{ opacity: 0;}
	.list5 li .a:hover::after{ opacity: 1;}
	.list5 li .a:hover .top .con h4{ color: #fff; background: url(/css/../images/list5_ico1_on.png) left .04rem no-repeat;}
	.list5 li .a:hover .top .con dl dd{ background: url(/css/../images/list5_ico2_on.png) left .06rem no-repeat; color: #fff;}
	.list5 li .a:hover .top .con dl dd:nth-child(2){background: url(/css/../images/list5_ico3_on.png) left .06rem no-repeat;}
	.list5 li .a:hover .top .con dl dd:nth-child(3){background: url(/css/../images/list5_ico4_on.png) left .06rem no-repeat;}
	
	.list8 li .a:hover::before{ transform: translateX(.2rem); background: #fff;}
	.list8 li .a:hover h4{ font-weight: bold;}
	
	.list9 li .a:hover .img_box::before{ opacity: .2; transform: scale(1.125);}
	.list9 li .a:hover .con::before{ height: .2rem;}
	.list9 li .a:hover .img_box, .list9 li .a:hover .con{ transform: translateY(-.4rem);}
	.list9 li .a:hover .con p{ opacity: 1;}
	
	.list10 li .a:hover .img_box::before{ transform: scale(1);}
	.list10 li .a:hover .con h4{ color: #990100;}
	.list11 li .a:hover .con h4{ color: #990100;}
	
	.list12 li:hover:before{ opacity: 1}
	.list12 li:hover:after{ opacity: 1}
	.list12 li .a:hover .con .time::before{ background: #f99b00;}
	.list12 li .a:hover .con::before{ background: #990100; bottom: 0; top: auto; height: 100%;}
	.list12 li .a:hover *{ color: #fff !important;}
	.list12 li .a:hover .con .time h6{ opacity: .6;}
	
	.list13 li .a:hover{ box-shadow: 0px 2px .4rem 0.92px rgba(0, 0, 0, 0.26); border-radius: 0 0 .08rem .08rem; }
	.list13 li .a:hover .con{ padding: 0 .28rem;}
	.list13 li .a:hover .con::before{transform: translateY(0);opacity: 1;}
	.list13 li .a:hover .con *{ color: #fff;}
	.list13 li .a:hover .con p{ opacity: .8;}
	.list13 li .a:hover .con .top svg{ fill: #fff}
	.list14 li .a:hover *{ color: #f99b00 !important;}
	.list14 li .a:hover::after{ background: #f99b00;}
	
	.list17 li .a:hover{ border: #890003 1px solid; background: #890003;}
	
	.list16 li .a:hover .bg{ background: rgba(153, 1, 0, 1);}
	.list15 li .a:hover::before{ border: #890003 1px solid; background: #890003;}
}
@media(max-width: 1400px){	
	.main-visual-control{ right: 50px; margin-right: 0;}
	
	.list7s1 { width: calc(50px + 100%);}
	.home4 .left::before{ left: calc(-50px);}
	.home4 .right::before{ right: calc(-50px);}
	.misoTab2 .hd ul li .a{font-size: .18rem;padding: 0 .15rem;}
	.home5 .content::before{left: calc(-50px - 1rem);}
	
	.home9 .left{ margin-left: 0;}
	
	.list17 li{ width: 20%;}
}
@media(max-width: 1200px){
	.header_top, .header_box{ display: none;}
	.m_header_box{ display: block;}
	.piaofu{ display: none;}
	
	.home1 .content .left{ width: 100%;}
	.home1 .content .right {width: 100%;padding: .4rem 0 0;}
	
	.list5 li .a{ padding: 0 .2rem;}
	
	.home3 .tit1_r{position: relative;top: auto;transform: translateY(0);margin: .2rem 0 0;justify-content: center;}

    .list7s1 { width: calc(15px + 100%);}
	
	.home3 .content1 .left{width: 100%;padding: 0 0 .4rem;}
	.home3 .content1 .center{ width: 40%;}
	.home3 .content1 .right{ width: 60%;}
	.list7s1{ width: 100%;}
	
	.home4 .left{ display: none;}
	.home4 .right{ width: 100%;}
	.home4 .right::before{ left: -15px;}
	
	.misoTab2{margin-top: 0;}
	.misoTab2 .hd{width: 100%;margin-bottom: .4rem;}
	.misoTab2 .hd ul{ justify-content: center}

	.home5 .content .left{width: 100%;padding: .3rem;margin: 0 0 .3rem;}
	.home5 .content .right{width: 100%;padding: 0;}
	.home5 .content::before{ display: none}
	.home5 .content .left::after{ display: none}
	.list11 li .a .con{ padding: .2rem 0 .2rem .4rem}
	.tit1 p{ max-width: calc(100% - .6rem); margin: 0 auto;}
	
	.tit1 .line{ margin: .06rem 0 .15rem;}
	
	.home9 .left{ width: 30%; max-width: 98%; padding: 0 15px 0 0;}
	.home9 .right{ width: calc(70%);}
	
	footer{ text-align: center;}
	footer .line{ display: none;}
	footer .left{ width: 100%;}
	footer .center1{ width: 100%; padding: 15px 0;}
	footer .center2{ width: 100%; padding: 0 0 15px;}
	footer .right{ width: 100%;}
	.list18{ justify-content: center;}
	.main-visual-item .main-visual-pc-img{height: auto;padding-bottom: 50%;}
}
@media(max-width: 992px){
	.main-visual-control{ right: 15px;}
	
	.list5 li{ width: 100%;}
	
	.list9 li{ width: 33.33%;}
	.list9 li:last-child{ display: none;}
	
	.list12 li{width: 100%;margin-bottom: .2rem;}
	.list12 li:nth-child(1) .a .img{ transform: scale(1) translate(0);}
	
	.home6 .bg{bottom: 0;background-size: cover;background-attachment: inherit;}
	.home9 .left{width: 100%;max-width: 100%;padding: 0;margin-bottom: .4rem;}
	.home9 .right{ width: 100%;}
	.home9 .right .miso-list{ padding: 0 15px}
	
	.list17 li{ width: 25%;}
	.tit1 p{height: auto;min-height: auto;max-width: 100%;}
	.home3{ background-attachment: initial}
}
@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
	
	.tit1 h3 img{ height: .3rem;}
	.misoTab1 .hd ul li .a .img1{height: .2rem;margin: -.1rem 0 0;}
	.misoTab1 .hd ul li .a img{height: .22rem;}
	
	.home1 .content .right{ flex-wrap: wrap;}
	.list2{width: calc(100% + 14px);display: flex;}
	.list2 li{ width: 50%; padding: 0 7px}
	.list3{ width: 100%; margin: .15rem 0 0;}
	.home1 .content .right::before{ display: none;}
	.list4 li{padding: 0 4px;width: 100%;margin-bottom: .15rem;}
	.list4{ padding: 0 0; margin: 0;}
	
	.list13 .miso-list{ padding: .1rem; margin: -.1rem;}
	.list13{ margin: 0 -7px;}
	.list13 li{ padding: 0 7px;}
	
	.list14 .miso-list{ padding-bottom: 0}
	.list14{margin: 0 -7px;padding: 0;}
	.list14 li{width: 50%;padding: 0 7px 0 50px;/* margin-bottom: .2rem; */}
	.list14 li .a .h3 .number{ font-size: .4rem;}
	.list14 li .a .h3{ height: .5rem;}
	.list14 li .a h6{ width: 1.5rem;}
	.list14 li:nth-child(2n) .a{ transform: translateY(0);}
	.list14 li .a::after{ height: .24rem;}
	.list14 li .a{ padding: .4rem 0 .25rem;}
	
	.list17 li{ width: 50%;}
	.tit1{ margin-bottom: .3rem}
	.Audiovisual{margin: 0 auto;margin-bottom: .3rem;}
	.tit1_r{top: 0;transform: translateY(0);}

	.home2 .tit1_r{position: inherit;justify-content: center;}
	.home2 .tit1_r .list5_btn{ margin: 0}
	.home2 .tit1 .more2{position: absolute;top: 0.45rem;right: 0;}
	
	.home2 .wp>.tit1>.tit1_r{ padding: 0}
	.home1, .home2, .home3, .home4 .right, .home5{ padding: .5rem 0 .5rem;}
	.tit1 .bg1 img{height: 1rem;}
	.home5 .content .left::before{ box-shadow: -3px 0px 1rem 1.47px rgba(0, 0, 0, 0.1);}
	.list16{ margin: 0 -2px;}
	.list16 li{ padding: 0 2px;}
	
	.list16 li .a .bg .line{ }
	.list16 li:nth-child(1)+li+li+li+li+li .a .bg .line::before{transform: rotate(-24deg);top: .18rem;}
	.list16 li:nth-child(1)+li+li+li+li+li .a .bg .line::after{transform: rotate(24deg);bottom: .18rem;}
	
	.list16 li:nth-child(1) .a .bg .line::before{transform: rotate(24deg);top: .18rem;}
	.list16 li:nth-child(1) .a .bg .line::after{transform: rotate(-24deg);bottom: .18rem;}

	.list16 li .a{ height: 4rem;}
	.list16 li .a .tit{ padding: .6rem 0 0;}
	.list16 li .a .bg{ top: .4rem; bottom: .4rem;}
	.list16 li .a .tit h4{padding: .3rem 0 0;font-size: .22rem;width: .22rem;line-height: 1.05;}
	.list16 li .a .tit h4:before{ height: .18rem}
	
	.home10{ padding: .3rem 0 0;}
	footer .left img{ width: 2.4rem;}
	.home9_10{padding: .7rem 0 .5rem;}
	#floor10, #floor10 .home10{ padding-top: 0}
	.home7{ padding: .5rem 0;}
	.list12 li .a .con p{ display: none;}
	.list12 li .a .con .top{ flex-wrap: wrap;}
	.list12 li .a .con .rr{width: 100%;margin-top: .1rem;padding: 0 10px;}
	.list12 li .a .con .time h3{height: .25rem;font-size: .24rem;}
	.home5 .content .left{ padding: .3rem 15px;}
	
	.list9_box{padding: 0 0 .4rem;text-align: center;}
	.list9_box li{width: 33.33%;padding: .1rem 0;}
	.list9_box li:last-child{ display: block;}
	
	.home3 .content1 .center{ width: 100%;}
	.home3 .content1 .right{width: 100%;padding: .22rem 0 0;}
	.list7s2 li{width: 100%;margin-bottom: .22rem;}
	.list7s2 li:last-child{ margin-bottom: 0}
	
	.list7 li .img .img_hezi{padding-bottom: 56.78% !important;}
	.list6 li{margin-right: .15rem;}
	.Audiovisual .box .ll img{ width: .3rem}
	.Audiovisual .box .rr{ margin: 0 .16rem 0 .15rem}
	
	.main-visual-control .main-slide-dot .miso-dots{ padding: .1rem 0}
	.main-visual-control .main-slide-dot .miso-dots:before, .main-visual-control .main-slide-dot .miso-dots:after{ height: .1rem}
	.main-visual-control .main-slide-dot li{width: .18rem;height: .18rem;}
	.main-visual-control .main-slide-dot li button{width: .09rem;height: .09rem;padding: 0;}
	.main-visual-control .main-slide-dot li:after, .main-visual-control .main-slide-dot li:before{ height: .03rem;}
    .miso_more a{ width: .36rem; height: .36rem}
    .miso_more a img{ height: .12rem}
    .miso_more{width: .5rem;height: .5rem;margin-left: -.25rem;bottom: .15rem;}
	
	.list1 li .a .con .rr{width: calc(100% - .65rem);padding: .15rem 0 0 .2rem;}
	.list4 li .a .con{ padding: 0 15px 0 10px;}
	.list4 li .a{ height: 1.1rem}
	.misoTab1 .hd ul li::before{width: .1rem;height: .22rem;margin-top: -.21rem;right: -.025rem;}
	.misoTab1 .hd ul li{padding: 0 .1rem;padding-bottom: .2rem;}
	.misoTab1 .hd ul{justify-content: flex-start;/* margin-left: -.15rem; */}
	.home2 .tit1 p{padding: 0;max-width: initial;margin-bottom: .1rem;}
	
	.home3 .content1 .left .tit3{ width: .5rem; justify-content: flex-start;}
	.list8{ width: calc(100% - .5rem);}
	.misoTab2 .hd ul li .a{padding: 0 .1rem;height: .4rem;}
	.list12 li .a .img .img_hezi{ padding-bottom: 75%;}
	.list13 li .con{ height: 1rem;}
	.list13 li .con p{ margin: .04rem 0 0;}
	.home8{ padding: .5rem 0 .2rem;}
	.list15 li .a .top img{ height: .5rem;}
	.list7 li .top .con .ico img{ height: .28rem;}
	.list7 li .top .con .ico{ width: .4rem;}
	.list7 li .top .con .rr{ width: calc(100% - .28rem);}
	.list8 li .a h6{ color: #e7c590;}
	.list8 li .a::before{ background: #e7c590 }
	.list8 li .a{ border-bottom: rgba(231, 197, 144, 0.3) 1px solid}

    .list9 .ul_li{ justify-content: center}
	/* .list9 li .img_box{ width: 1rem; height: 1rem}
	.list9_box .main-slide-dot{width: 100%;height: .24rem;top: auto;flex-direction: row;}
    .list9_box .main-slide-dot .miso-dots{flex-direction: row;width: auto;padding: 0 .05rem;height: 100%;}
    .list9_box .main-slide-dot li{width: .34rem;height: .14rem;padding: 0;margin: 0;}
    .list9_box .main-slide-dot li.miso-active{width: .56rem;height: auto;}
	.list9_box .main-slide-dot li{transform: rotate(90deg);} */
	.list9_box .main-slide-dot{width: 100%;height: .24rem;top: auto;flex-direction: row;}
	.list9_box .main-slide-dot .miso-dots{transform: rotate(-90deg);}
	
	.list12 li .a .img{ width: 45%;}
	.list12 li .a .con{ width: 55%;}
	.list12 li .a .con .time{width: auto;margin-left: 10px;padding: 0 8px;height: 22px;flex-direction: row;align-items: center;}
	.list12 li .a .con .time::before{left: 0;height: 100%;}
	.list12 li .a .con .time h6 font{display: inline-block;margin: 0 .16rem 0 0;position: relative;}
	.list12 li .a .con .time h6 font:before{content:"";position: absolute;right: -.12rem;top: 50%;margin-top: -.02rem;background:#fff;height: 1px;width: .06rem;}
	.list12 li .a .con .time h6{color:#fff;margin: 0;white-space: nowrap;margin-left: .1rem;transform: translateY(2px);}
	.list12 li .a .con .time::after{ display: none}

	.home5 .bd_li .tit1{top: -2.15rem;}
	.home6 .bd_li .tit1{top: -.75rem;}
}
@media(max-width: 456px){
	.list9 li .img_box{ width: 1.2rem; height: 1.2rem;}
	.list9 li .con{ padding: .1rem 0 0;}

	.misoTab2 .hd ul{/* flex-wrap: wrap; */overflow: hidden;overflow-x: scroll;display: block;font-size: 0;/* white-space: nowrap;  text-align: center; */}
	.misoTab2 .hd ul li{display: inline-block;width: 20%;}
	.home6 .misoTab2 .hd ul li{ width: 25%}
} 



.jpkc ul{margin: 0 -0.15rem;}
.jpkc ul li{padding: 0 0.15rem;width: 33.3%;margin-bottom: .4rem;}
.jpkc ul li a{  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.12);width: 100%;display: block;padding: 0.2rem;background: #fff;}

.jpkc ul li a::after{width: 0.19rem;height: 0.19rem;background: url() no-repeat;background-size: 100%;left: 50%;bottom: -0.095rem;margin-left: -0.095rem;}
.jpkc ul li h3{font-size: 0.16rem;color: #333;text-align: center;line-height: 0.34rem;margin-top: .1rem;transition: 0.5s;}
	
	@media screen and (min-width: 1025px) {
		.jpkc ul li a:hover h3{color: #ad282b;}
		.jpkc ul li a:hover::after{transform: rotate(360deg) scale(1.5);}
	}
	@media screen and (max-width: 1024px) {
			
	}
	@media screen and (max-width: 768px) {
		.jpkc ul{margin: 0 -0.1rem;}
		.jpkc ul li{padding: 0 0.1rem;width: 100%; margin-bottom:.25rem}
		.jpkc ul li a{padding: 0.15rem;}
	}
	@media screen and (max-width: 420px) {
			
	}

.home7 .content{ justify-content: space-between;}
.home7 .content .box{ width: calc(50% - .3rem); border-bottom: #ad282b 2px solid;}

.home7 .top{ display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: .3rem;}
.home7 .top h4{ font-size: .3rem; color: #ad282b;}
.home7 .top svg{ width: .46rem; height: .46rem; fill: #ad282b; transition: 0s;}

.home7 .con1{justify-content: space-between;padding-bottom: .24rem;}
.home7 .left{ width: 3.8rem;}
.home7 .right{ width: calc(100% - 3.8rem - .3rem);}

.list100 li .img{ margin-bottom: .16rem}
.list100 li .img .img_hezi{ padding-bottom: 63%}
.list100 li .a .con h4{ font-size: .18rem; color: #333333; line-height: .24rem; font-weight: bold; transition: .5s;}
.list100 li .a .con p{font-size: .14rem;color: #999999;line-height: .24rem;max-height: .48rem\0;margin: .1rem 0 0;}

.list101 li{padding-bottom: .265rem;margin-bottom: .265rem; position: relative; z-index: 1}
.list101 li:first-child:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: #dddddd 1px dashed; height: 1px;}
.list101 li .a{display: block;}
.list101 li .a .con h4{ font-size: .18rem; color: #333333; line-height: .3rem; max-height: .6rem\0; font-weight: bold;}
.list101 li .a .con p{font-size: .14rem;color: #999999;line-height: .24rem;max-height: .72rem\0;margin: .1rem 0 0;}
.list101 li:last-child{ margin-bottom: 0; padding-bottom: 0}

.home2 .content3{ margin: 0 -.65%;}
.home2 .content3 .box3{ width: 50%; padding: 0 .65%;}
.list102{ margin: 0 -1.3%;}
.list102 li{width: 50%;padding: 0 1.3%;margin-bottom: 1.58%;}
.list102 li .a{ display: block; position: relative;}
.list102 li .img .img_hezi{padding-bottom: 61.11% !important;}
.list102 li .img:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/css/../images/list102_ico.png) center no-repeat;background-size: .66rem auto;}
.list102 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;justify-content: center;padding: 0 .25rem;background: url(/css/../images/list7_b.png) center 101% repeat-x;}
.list102 li .top h4{font-size: .18rem;color: #fff;line-height: .24rem; margin-bottom: .16rem}
.list102 li .top .con{ width: 100%}

.home2 .content3 .box3:last-child .list102 li{ width: 100%;}

@media(min-width: 1199px){
	.list100 li .a:hover .con h4{ color: #990100;}
}
@media(max-width: 1024px){	
	.home7 .content .box:first-child{ margin-bottom: .3rem;}
	.home7 .content .box{ width: 100%; }
}
@media(max-width: 991px){
	.home2 .content3 .box3{ width: 100%}
	.home2 .content3 .box3:last-child{ order: -1}
}
@media(max-width: 767px){
	#gotop{ right:0; transform:scale(0.7)}
}
@media(max-width: 590px){
	.home7 .left{ width: 100%;}
	.home7 .right{ width: 100%; padding-top: .3rem;}
} 