@charset "utf-8";

@font-face{ font-family:FZSSJW; src:url(../fonts/SourceHanSerifCN-Regular.woff);}
@font-face{ font-family:FZDBSJW; src:url(../fonts/SourceHanSerifCN-Bold.woff);}
@font-face{ font-family:Cambria; src:url(../fonts/cambria.ttf);}
@font-face{ font-family:SourceHanSerifCN-SemiBold; src:url(../fonts/SourceHanSerifCN-Bold.woff);}

.FZSSJW{font-family: FZSSJW; }
.FZDBSJW{font-family: FZDBSJW;}
.Cambria{font-family: Cambria;}

@media screen and (min-width:1920px){
html{font-size: 100px!important;}
}
@media screen and (max-width:1920px){
html{font-size: 100px!important;}
}
@media screen and (max-width:1200px){
html{font-size: 90px!important;}
}
@media screen and (max-width:980px){
html{font-size: 85px!important;}
}
@media screen and (max-width:640px){
html{font-size: 80px!important;}
}
@media screen and (max-width:480px){
html{font-size: 80px!important;}
}
@media screen and (max-width:375px){
html{font-size: 70px!important;}
}
@media screen and (max-width:360px){
html{font-size: 65px!important;}
}


/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1200{ margin:0 auto; max-width: 1500px; padding:0 50px}

.header_top{background: url(../images/header_top_bg.jpg) center/cover no-repeat;height: .4rem;}
.header_top .w1200{height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.list_box1{ display: flex}
.list_box1 .li{ margin-left: .2rem; }
.list_box1 .li svg{ width: .15rem; height: .15rem; fill: #ffedcb}

.header_bottom{ height: 0; position: relative; z-index: 1000;}
.header_bottom::before{content: "";position: absolute;top: 0;right: 0;left: 0;background: url(../images/header_bottom_bg.png) center top no-repeat;height: 1.72rem;background-size: 100% 100% !important;z-index: -1;opacity: 1;}
.header_bottom .w1200{display: flex;flex-wrap: wrap;justify-content: space-between;height: 1rem;align-items: center;position: relative;z-index: 1;}
.header_bottom .logo{width: 34%;}
.header_bottom .right{width: calc(100% - 34%);}

#nav{padding: 0;width: 100%;}
#nav ul{ width:100%; display:flex; justify-content: space-between}
#nav ul li{float:left;z-index:0;margin-left: 0;position: relative;}
#nav ul li a{display:block;padding: 0;position: relative;z-index: 2;}
#nav ul li h3{font-size: .18rem;color: #fff;height: .5rem;position:relative;transition: .5s;display: flex;align-items: center;}
#nav ul li h3:after{content:"";position:absolute;left: 50%;bottom: 0;transition:.6s;width: 0;height: 3px;/* background: #a41f34; */margin-left:-10px;opacity:0;visibility:hidden;border-bottom: 10px solid #a31a2f;border-left: 10px solid transparent;border-right: 10px solid transparent;}
#nav ul li.on h3:after, #nav ul li:hover h3:after{opacity:1;visibility:visible;/* width: .34rem; *//* margin-left: -.17rem; *//*transform: translateX(-50%);*/}
#nav ul li.xiala:hover h3:after{opacity:1;visibility:visible;width: 1.4rem;margin-left: -.7rem;}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{}
#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:100%;background:#fff;width: 1.6rem;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 15px rgba(0,0,0,.1);border-top: 3px solid #a31a2f;}
#nav ul li .sub .box{padding: 0;text-align:center;background: #fffef2;padding: 0.1rem;}
#nav ul li .sub a{padding: .12rem .15rem;line-height: 20px;transition:.6s;font-size: 16px;color: #000;text-align: center;background: #f4f2e0;margin-bottom: 5px;border: 1px solid #cbc8a3;background: url(../images/jt3.png) no-repeat bottom 0.03rem center #f4f2e0;font-family: FZDBSJW;}
#nav ul li .sub a:hover{color: #fce7b0;background: url(../images/jt3.png) no-repeat bottom 0.03rem center #a41f34;}
#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{}

#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -1.375rem;top: 50%;margin-top: -6px;transition:.3s;background-size:100% auto; display:none}
#nav>ul>li.xiala h3:before{ display:block}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{/* transform:scale(1); */opacity: 1;}
#nav>ul>li.noSubMenu h3:before{ display:none}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height: 100%;background: #f4f4f4;transition: .6s;left: 0;right: 0;z-index: 1;opacity: 0;visibility: hidden;}
.search-dialog-box.on:before{height:100%;opacity: 1;visibility: visible;}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
	max-width: 1200px;
	margin: 0 auto;
}

.search-dialog{
	position: absolute;
	left: 3%;
	top: 50%;
	transform: translateY(-50%);
	width: 94%;
	z-index: 2;
}
.search-tit{
	font-size: .32rem;
	line-height: .56rem;
	color: #2d2d2d;
	text-align: center;
	overflow: hidden;
	margin-bottom: .4rem;
	font-weight: bold;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 50rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(255,255,255,.4);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: 4.5rem;
	width: calc(100% - 3.5rem);
	background-color: transparent;
	font-size: 1.25rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: 4.5rem;
	width: 3.5rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;

	background-size: 1.5rem;
	background-image: url('../images/search-btn.svg');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);

	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{transform:translateY(0);padding-bottom: 10%;}

.pub-close {
    position: absolute;
    width: .56rem;
    height: .56rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: #a41f34;
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
    transition:.6s;
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}
.m_tc_search{width: 100%;}
.search_box{display:flex;width: 100%;}
.search_box input.input{width: calc(100% - .7rem);height: .64rem;background: #f3f3f3;border-radius: .34rem 0 0 .34rem;padding: 0 .24rem;font-size: .16rem;color: #333;border: #d6d6d6 1px solid;}
.search_box input.submit{width: .7rem;height: .64rem;border-radius: 0 .34rem .34rem 0;padding: 0 .24rem;background: #a41f34 url(../images/submit.svg) center no-repeat;background-size: .28rem;}

/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: 54px;position: relative;z-index: 100000;}
.m_header_box header{padding: 0 0 0 15px;height: 54px;background: url(../images/header_top_bg.jpg) center no-repeat;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;background-size: cover;}
.m_header_box header #logo img{height: 30px;}
.m_header_box header #logo{ padding:0}

.m_header_box .list_box0 .li{color: #6f6f6f;}
.m_header_box .list_box0 .li.li1>a{ background:#1a4390; color:#fff}
.m_header_box .list_box0 .li.li1>a svg path{ fill:#fff}
.m_header_box #logo img{height: .64rem;}
.m_header_box .search_btn svg{ fill:#6f6f6f}

/*导航按钮开始*/
#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: 54px;height: 54px;display: flex;align-items: center;justify-content: center;z-index: 1;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #fce7b0;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -10px;border-right: #fce7b0 10px solid;border-bottom: transparent 54px 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: .4rem;height: 22px;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: .28rem;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 18px;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: #a41f34;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 24px;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: #a41f34;}
#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: 84px 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: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #f7f7f7;background-size:cover;opacity: 0;visibility: hidden;}
#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(../images/submit.svg) center no-repeat; background-size: 1.75rem;}

#m_nav .list_box0{text-align:center;width: 100%;justify-content: center;margin: 0;flex-wrap: wrap;}
#m_nav .list_box0 .li{text-align:center;color: #999;margin: 0 .06rem;font-size: 13px;line-height: 1.875;}
#m_nav .list_box0 .li>a{color: #444;}
#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}

.list_box_nav_mobile{width:100%;height: 100%;/* background: rgba(255,255,255,.1); */padding: 0 0 10px;overflow: hidden;overflow-y: scroll;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 #e2e2e2;line-height: .64rem;color: #333;padding: 0;font-size: 16px;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(../images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: 0;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{border-bottom: 1px solid #e2e2e2;}

#m_nav .list_box1{ width: 100%; justify-content: center;}
#m_nav .list_box2{ width: 100%; justify-content: center; margin: .2rem 0 0;}

/*三级导航 开始*/
.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: #666;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; }

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;height: 60px;display: block;margin: .2rem 0;}
.wap_search form{height:40px;border-radius:20px;background: rgb(255 255 255);position:relative;width: 100%;margin: 10px auto;box-shadow: 0 0 15px rgba(0,0,0,.05);}
.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(../images/submit.svg) center no-repeat #a41f34;background-size: .24rem;border-radius: 20px;}
.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消失-结束 */
.slider-btn{ display: none !important;}

/*导航按钮结束*/

.m_header_box .list_box1 .li{margin-left: .7rem;}
.m_header_box .list_box1 .li svg{ width: .25rem; height: .25rem;}

/*==========================================公共 结束=============================================*/

/*==========================================首页 开始=============================================*/

.banner{position: relative;overflow: hidden;}
.banner ul{ width: 100vw}
.banner ul li a{ display: block; position: relative; overflow: hidden}
.banner ul li a .top{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 0 .36rem;}
.banner ul li a .top h5{font-size: .32rem;color: #fff;line-height: .4rem;max-width: 80%;}
.banner ul li .img{ overflow: hidden}
.banner ul li .img::after{content: "";position:  absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/banner_top.png) center bottom no-repeat;background-size:  100% auto;opacity:1;}
.banner ul li .img .img_hezi{padding-bottom: 47.91% !important;padding-bottom: calc(100vh - .4rem) !important;}
.banner li .img img{transform: scale(1.25);transition: 2s;}
.banner{ overflow: hidden;background: #fff;}
.banner.on li.miso-current .img img{ transform: scale(1); }

.miso-dots_box{position: absolute;bottom: .44rem;left: 0;right: 0;padding: 0 50px;}
.miso-dots_box.w1200{display: flex;justify-content: flex-end;align-items: center;}
.banner ul .miso-dots{text-align:center;position: relative;width: auto;display: flex;}
.banner ul .miso-dots li{transition:.5s;border-radius:50%;top: auto;margin: 0;padding: 0;box-sizing: border-box;width: .2rem;height: .2rem;display: flex;align-items: center;justify-content: center;background: url(../images/banner_dots.png) center no-repeat;background-size: cover !important;margin: 0 0 0 .08rem;}
.banner ul .miso-dots li:before{content:"";position:absolute;left:100%;width:0;height:1.5px;transition:.5s;background: #f5f5f5;opacity: .5;}
.banner ul .miso-dots li button{display:block;padding:0;margin:0;color: #fff;font-size: 0;} 
.banner ul .miso-dots li.miso-active{ background: url(../images/banner_dots_on.png) center no-repeat;}

.banner .miso-arrow{ width:.84rem; height: .84rem; background-size: 100% 100% !important}
.banner .miso-prev{ background: url(../images/banner_prev.png) center no-repeat; left: 2% }
.banner .miso-next{ background: url(../images/banner_next.png) center no-repeat; right: 2%}

@media(max-width: 768px){
	.banner .miso-arrow{ transform:scale(.6) translateY(-80%)}
	.banner .miso-prev{ left: 1% }
	.banner .miso-next{ right: 1%}
} 

.mask_lc{width:100%;height: 100%;position: absolute;left: 0;top: 0;background: #ffffff; ​background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 10%);background: -webkit-gradient(linear, left, right, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(10%,#ffffff));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#ffffff 10%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#ffffff 10%);background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#ffffff 10%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,#ffffff 10%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#ffffff',GradientType=0);z-index: 1;}
.mask_lc_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;display: none;}


[data-aos=img_s].mask_lc_box{ transform: translateX(0); display: block}
[data-aos=img_s].aos-animate.mask_lc_box{transform: translateX(100%); display: block}

.container00{padding: .4rem 0 .4rem;overflow: hidden;background: url(../images/container00_bg.jpg) center bottom no-repeat;background-size: cover;}

.title001{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: .3rem;}
.title001 .ll big{ font-size: .38rem; color: #000000;}
.title001 .ll small{ font-size: .2rem; color: #000000; font-family: Bell MT; /*text-transform: uppercase;*/ margin: 0 0 0 .1rem;}
.more001 a{display: flex;align-items: center;font-size: .18rem;color: #000000;transition: .5s;line-height: 0.3rem;white-space: nowrap;}
.more001 a img{ margin: 0 0 0 .08rem; transition: .5s;}

.container01{ overflow: hidden;}
.container01 .content{display: flex;flex-wrap: wrap;align-items: center;overflow: hidden;}
.container01 .content .left{ width: 9rem; position: relative; z-index: 1;}
.container01 .content .left .before{position: absolute;bottom: -.25rem;left: 0;right: 0;z-index: -1;text-align: center;}
.container01 .content .left .before img{ max-width: 100%}
.container01 .content .right{ width: calc(100% - 9rem); padding: 0 0 0 .4rem;}

.container02 .right .more001 a{margin: .2rem 0 0;justify-content: flex-end;}

.list_box2 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/container01_top.png) center bottom no-repeat; background-size: 100% auto;}
.list_box2 .img .img_hezi{ padding-bottom: 56.22% !important;}

.list_box2 .miso-dots{display: flex;left: auto;width: auto;right: 0;padding: 0 .2rem .15rem;}
.list_box2 .miso-dots li{transition:.5s;border-radius:50%;top: auto;margin: 0;padding: 0;box-sizing: border-box;width: .15rem;height: .17rem;display: flex;align-items: center;justify-content: center;background: url(../images/list_box22_dots.png) center no-repeat;background-size: cover !important;margin: 0 0 0 .08rem !important;}
.list_box2 .miso-dots li.miso-active{ background: url(../images/list_box22_dots_on.png) center no-repeat;}

.list_box3 li *{ transition: .5s;}
.list_box3 li .time{ width: 1rem; height: 1rem; background: #a41f34; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.list_box3 li .time h3{ font-size: .48rem; color: #fce7b0; font-family: Cambria;}
.list_box3 li .time h6{ font-size: .2rem; color: #fce7b0; font-family: Cambria;}
.list_box3 li h5{font-size: .24rem;color: #000000;line-height: .38rem;height: .76rem\0;}
.list_box3 li p{font-size: .16rem;color: #222222;line-height: .28rem;min-height: 1.12rem;margin-bottom: .25rem;display: none;}

.more002 svg{width: .4rem;height: .4rem;fill:#444444;transition: .5s;transform: rotate(90deg) rotateY(180deg) translateY(.05rem);}

.title002{background: url(../images/title002_bg.png) center no-repeat;width: .65rem;height: 1.7rem;background-size: 100% !important;display: flex;justify-content: center;padding: .15rem 0 0;}
.title002 h3{font-size: .28rem;color: #fce7b0;writing-mode: tb-rl;white-space: nowrap;}

.container02{padding: .4rem 0 0;overflow: hidden;}
.container02 .w1200{display: flex;flex-wrap: wrap;overflow: hidden;}
.container02 .left{ width: .9rem;}
.container02 .right{ width: calc(100% - .9rem); padding:.2rem 0 0 .48rem}

.list_box4{ display: flex; flex-wrap: wrap; margin: 0 -.4rem;}
.list_box4 li *{ transition: .5s;}
.list_box4 li{ width: 33.33%; padding: 0 .4rem; position: relative;}
.list_box4 li::before{content: "";position: absolute;top: .08rem;bottom: 0;width: 1px;background: #e6e3db;right: 0;}
.list_box4 li a{ display: block; position: relative;}
.list_box4 li a h5{font-size: .2rem;color: #000000;line-height: .3rem;height: calc(.6rem + 1px)\0;margin-bottom: .2rem;}
.list_box4 li a h6{font-size: .16rem;color: #666666;line-height: 1.25;font-family: Cambria;font-style: italic;}

.list_box4 li:last-child::before{ display: none;}

.container03{padding: .4rem 0 0;overflow: hidden;}
.container03 .w50_box{ margin: 0 -.3rem; overflow: hidden}
.container03 .w50_box .w50{ padding: 0 .3rem;}

.title001.line{ padding-bottom: .24rem; margin-bottom: .3rem; border-bottom: #000000 1px solid;}

/*.aline_r{position:relative;background-image: linear-gradient(rgba(166, 32, 53, 2),rgba(166, 32, 53, 2));background-position:0 100%;background-size: 0 2px;background-repeat:no-repeat;transition:background-size .5s;}*/


.list_box5 li *{ transition: .5s;}
.list_box5 li a{ display: flex; align-items: center; flex-wrap: wrap;}
.list_box5 li a .img{ width: 64.44%;}
.list_box5 li a .img .img_hezi{ padding-bottom: 62.5% !important;}
.list_box5 li a .con{ width: calc(100% - 64.44%); padding: 0 0 0 .28rem;}
.list_box5 li a .con h4{font-size: .2rem;color: #a62035;text-indent: -.05rem;font-weight: bold;}
.list_box5 li a .con h5{font-size: .2rem;color: #000000;line-height: .3rem;height: calc(.9rem + 1px)\0;margin: .15rem 0 .26rem;}
.list_box5 li a .con h6{font-size: .16rem;color: #666666;line-height: 1.25;font-family: Cambria;font-style: italic;}

.list_box6 li *{ transition: .5s;}
.list_box6 li a{ display: block; border-bottom:#e1e1e1 1px dashed; padding-bottom: .24rem; margin-bottom: .24rem}
.list_box6 li a h5{font-size: .2rem;color: #000000;line-height: 1.25;margin: 0 0 .06rem;}
.list_box6 li a h6{font-size: .16rem;color: #666666;line-height: 1.25;font-family: Cambria;font-style: italic;}
.list_box6 li:last-child a{ margin-bottom:0}

.container04{padding: .4rem 0;background: url(../images/container04_bg.jpg) center no-repeat;background-size: cover;/* overflow: hidden; */}
.container04 .title001{position: relative;margin-bottom: .6rem;}
.container04 .title001 .ll{ opacity: 0;}
.container04 .title001 .cc{position: absolute;bottom: -.38rem;left: 50%;transform: translateX(-50%);/* display: flex; */font-size: 0;}
.container04 .title001 .cc .big{font-size: .46rem;color: #010101;margin:0 .03rem;/*! writing-mode: vertical-lr; *//*! -webkit-writing-mode: vertical-lr; *//*! -ms-writing-mode: vertical-lr; */display: inline-block;}
.container04 .title001 .cc .big:first-child{ transform: translateY(-.56rem);}
.container04 .title001 .cc .small{position: absolute;bottom: .05rem;text-align: right;font-size: .2rem;color: #000000;font-family: Bell MT;right: .56rem;/*text-transform: uppercase;*/line-height: 1.375;}
.container04 .title001 .cc .big, .container09 .left .fl01 .ll .cc .big{width: .46rem;max-width: .46rem;}

.container04 .content{display: flex;flex-wrap: wrap;align-items: center;}
.container04 .content .left{width: 32.14%;}
.container04 .content .right{width: calc(100% - 32.14%);padding: 0 0 0 .6rem;}


.list_box7{display: flex;margin: 0 -8px;}
.list_box7 li *{ transition: .5s;}
.list_box7 li{width: 25%;padding: 0 8px;}
.list_box7 li a{ display: block; position: relative;}
.list_box7 li a .img .img_hezi{ padding-bottom: 382.92% !important;}
.list_box7 li a .img img.img2{ display: none}
.list_box7 li a .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.list_box7 li a .top h5{font-size: .24rem;color: #fff;font-family:FZSSJW;font-weight: bold;writing-mode: tb-rl;line-height: 1.25;letter-spacing: .02rem;white-space: nowrap;}

.list_box7 li:nth-child(1) a{transform: translateY(-.16rem);}
.list_box7 li:nth-child(2) a{transform: translateY(.34rem);}
.list_box7 li:nth-child(3) a{transform: translateY(-.44rem);}

.list_box8{ display: flex;}
.list_box8 li{width: 1.12rem;transition: .5s;position: relative;}
.list_box8 li *{ transition: .5s;}
.list_box8 li:nth-child(1):before{content:"";position:absolute;border-right: #000000 1px solid;right: -1px;height: 3.16rem;top: 50%;transform: translateY(-50%);}
.list_box8 li a{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.list_box8 li a .img{ width: calc(100% - 1.12rem);}
.list_box8 li a .img .img_hezi{padding-bottom: 56.08% !important;padding-bottom: 3.86rem !important;}
.list_box8 li a .con{height: 3.16rem;display: flex;align-items: flex-end;}
.list_box8 li a h6{font-size: .16rem;writing-mode: tb-rl;margin-right: .12rem;font-style: italic;}
.list_box8 li a h5{writing-mode: tb-rl;line-height: 0.3rem;font-size: 0.2rem;color: #000;width: .6rem;overflow: hidden;height: 100%\0;}

.list_box8 li:nth-child(1){ padding-right: .25rem;}
.list_box8 li.on{width: calc(100% - 1.12rem);}

.container04 .content .right .center{ display: flex; justify-content: flex-end; align-items: center; position: relative; overflow: hidden; margin: .12rem 0 .16rem;}
.container04 .content .right .center .miso-arrow1_box{ display: flex; align-items:  center; width: .5rem; justify-content: space-between; position: relative;}
.container04 .content .right .center .miso-arrow1_box:before{content:"";position: absolute;top: 50%;right: 106%;height:1px;background:#000;width: 100vw;}
.container04 .content .right .center .miso-arrow1_box .miso-arrow1{width: .16rem;height: .28rem;background-size: 100% 100% !important; cursor: pointer;}
.container04 .content .right .center .miso-arrow1_box .miso-prev1{background: url(../images/list_box9_prev.png) center no-repeat;}
.container04 .content .right .center .miso-arrow1_box .miso-next1{background: url(../images/list_box9_next.png) center no-repeat;}

.container04 .content .right .bottom{position: relative;display: flex;align-items: center;overflow: hidden;}
.container04 .content .right .bottom .ll{width: .6rem;font-size: .26rem;color: #000000;/* letter-spacing: -.03rem; */display: flex;align-items: flex-end;}
.container04 .content .right .bottom .ll a{display: block;width: .26rem;font-family: FZDBSJW;}
.container04 .content .right .bottom .rr{width: calc(100% - .6rem);position: relative;}
/* .container04 .content .right .bottom .rr:before{content:"";position: absolute;top: -.4rem;right: .5rem;height:1px;background:#000;width: 100vw;} */

.list_box9{ margin-right: -.4rem;}
.list_box9 li{ width: 25%; padding: 0 .4rem 0 0;}
.list_box9 li *{ transition: .5s;}
.list_box9 li a{ display: flex; align-items: center}
.list_box9 li a .ico{width: .74rem;height: .74rem;border: #be9e72 1px dashed;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.list_box9 li a .ico img{max-width: 90%;max-height: 90%;transition: .5s;}
.list_box9 li a .con{ width: calc(100% - .74rem); padding: 0 0 0 .16rem}
.list_box9 li a .con h3 big{font-size: .42rem;color: #a62035;font-weight: bold;}
.list_box9 li a .con h3 small{ font-size: .18rem; color: #a62035; margin: 0 0 0 .02rem}
.list_box9 li a .con h5{font-size: .16rem;color: #000000;line-height: .2rem;height: .4rem\0;}
.list_box9 .miso-arrow{width: .16rem;height: .28rem;background-size: 100% 100% !important;top: -.4rem; cursor: pointer;}
.list_box9 .miso-prev{background: url(../images/list_box9_prev.png) center no-repeat;right: .74rem;left: auto;}
.list_box9 .miso-next{background: url(../images/list_box9_next.png) center no-repeat;right: .4rem;}
@media(max-width: 768px){
    .list_box9{margin-right: -.2rem;}
}

.container05{padding: .4rem 0;overflow: hidden;background: url(../images/container05_bg.jpg) center no-repeat;background-size: cover;position: relative;}
.container05 .w1200{display: flex;flex-wrap: wrap;overflow: hidden;}
.container05 .left{ width: calc(100% - 2.12rem);}
.container05 .right{ width: 2.12rem; padding: 1.5rem 0 0 1rem;}

.container05 .left .content{display: flex;flex-wrap: wrap;padding: .4rem 0;position: relative;z-index: 2;align-items: center;overflow: hidden;}
.container05 .left .content .bg{content: "";position: absolute;right: 0;width: 80%;height: 100%;background: #f6f4ef;z-index: -2;transform: skewX(-18deg) translateX(15%); }
.container05 .left .content::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list_box10_bg.png) right center no-repeat; border-right: #a32c41 3px solid;}
.container05 .left .content .ll{ width: 7rem;}
.container05 .left .content .rr{ width: calc(100% - 7rem); padding: 0 .5rem;}

.list_box10 li .img .img_hezi{ padding-bottom: 57.14% !important;}

.list_box11 li{ padding-bottom: 1rem;}
.list_box11 li *{ transition: .5s;}
.list_box11 li a{ display: flex; flex-direction: column;}
.list_box11 li a .time{background: url(../images/list_box11_bg.png) center no-repeat;width: .74rem;height: .73rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.list_box11 li a .time h3{ font-family: Georgia; font-size: .34rem; color:#fff}
.list_box11 li a .time h6{font-family: Georgia;font-size: .14rem;color:#fff;margin: .04rem 0 .08rem;white-space: nowrap;}
.list_box11 li a h5{font-size: .2rem;color: #222222;line-height: .3rem;height: .6rem\0;margin: .18rem 0 .1rem;}
.list_box11 li a p{font-size: .14rem;color: #666666;line-height: .24rem;height: .96rem;display: none;}

.list_box11 .miso-dots{ text-align: left}
.list_box11 .miso-dots li{padding: 0;margin: 0 .1rem 0 0;background: url(../images/list_box11_dots.png) center no-repeat;background-size: 100% 100% !important;width: .18rem;height: .18rem; transition: .5s}
.list_box11 .miso-dots li.miso-active{ background: url(../images/list_box11_dots_on.png) center no-repeat;}

.list_box12 li:nth-child(1) a .img .img_hezi{ padding-bottom: 127.5% !important;}
.list_box12 li:nth-child(2){ margin: -.15rem 0 0;}
.list_box12 li:nth-child(2) a .img .img_hezi{ padding-bottom: 120% !important;}
.list_box12 li a{ display: block; position: relative;}
.list_box12 li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.list_box12 li a .top h3 img{ transition: .5s;}
.list_box12 li a .top h3 svg{width: .6rem;height: .6rem;fill: #ffffff;}
.list_box12 li a .top h5{ font-size: .24rem; color: #fff; line-height: 1.5; margin: .15rem 0 0}
.list_box12 li:nth-child(1) a .top h5{ font-size: .24rem; color: #ffedcb; margin: .15rem 0 .25rem}

.list_box12 li:nth-child(1) a .top h3 svg{fill: #ffedcb;}

.list_box12s li a{ display: block; position: relative;}
.list_box12s li a .img .img_hezi{padding-bottom: 296.42% !important;}
.list_box12s li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.list_box12s li a .top h3{width: auto;display: flex;align-items: center;justify-content: center;}
.list_box12s li a .top h3 img{ transition: .5s;}
.list_box12s li a .top h3 svg{width: .5rem;height: .5rem;fill: #ffedcb;}
.list_box12s li a .top h5{font-size: .28rem;color: #ffedcb;line-height: 1.5;margin: .18rem 0 0;writing-mode: tb-rl;letter-spacing: .03rem;}
.list_box12s .cls-1, .list_box12s .cls-2, .list_box12s .cls-3{ stroke: #ffedcb; stroke-width: 6px;}

.list_box12s li a .img img.img2{ display: none}

.container09{padding: 0 0 .4rem;overflow: hidden;background: url(../images/container09_bg.jpg) center no-repeat;background-size: cover;}
.container09 .w1200{ display: flex; flex-wrap: wrap;}
.container09 .left{width: 3.75rem;padding: .58rem 0 0;}
.container09 .right{width: calc(100% - 3.75rem);padding: .58rem 0 0 .6rem;}

.container09 .left .fl01{display: flex;padding: .3rem 0;min-height: 2.5rem;}
.container09 .left .fl01 .ll{ width: 1.02rem;}
.container09 .left .fl01 .ll .cc{/* display: flex; */position: absolute;margin-top: .08rem;font-size: 0;}
.container09 .left .fl01 .ll .cc .big{font-size: .46rem;color: #010101;margin:0 .03rem;/*! writing-mode: vertical-lr; *//*! -webkit-writing-mode: vertical-lr; *//*! -ms-writing-mode: vertical-lr; */display: inline-block;}
.container09 .left .fl01 .ll .cc .big:nth-child(2){transform: translateY(.56rem);}
.container09 .left .fl01 .ll .cc .small{position: absolute;top: 106%;font-size: .2rem;color: #000000;font-family: Bell MT;right: .5rem;/*text-transform: uppercase;*/line-height: 1.375;writing-mode: tb-rl;}
.container09 .left .fl01 .rr{ width: calc(100% - 1.02rem); padding: 0 0 0 .32rem;}

.list_box13{}
.list_box13 .img .img_hezi{padding-bottom: 134.22% !important;}

.list_box14{padding-bottom: .48rem;margin-bottom: .4rem;}
.list_box14 li h5{ font-size: .2rem; color: #000000; line-height: .3rem;}
.list_box14 .miso-arrow{width:.3rem;height: .1rem;top: auto;bottom:0;background-size: cover !important; transition: .5s;}
.list_box14 .miso-prev{ background: url(../images/list_box14_prev.png) center no-repeat;}
.list_box14 .miso-next{background: url(../images/list_box14_next.png) center no-repeat;left: .54rem;}
.list_box14 .miso-prev:hover{ background: url(../images/list_box14_prev_on.png) center no-repeat;}
.list_box14 .miso-next:hover{background: url(../images/list_box14_next_on.png) center no-repeat;}

.list_box15{margin: 0 -.1rem;margin-bottom: .7rem;}
.list_box15 li{ width: 50%; padding: 0 .1rem;}
.list_box15 li *{ transition: .5s;}
.list_box15 li a{ display: block; position: relative;}
.list_box15 li .img .img_hezi{ padding-bottom: 53.48% !important;}
.list_box15 li .con{background: #f9f9f9;height: 1.42rem;padding: 0 .28rem .12rem;display: flex;flex-direction: column;justify-content: center;}
.list_box15 li .con h5{font-size: .2rem;color: #000;line-height: .3rem;height: .6rem\0;}
.list_box15 li .con h6{font-size: .16rem;color: #666666;line-height: 1.25;font-family: Cambria;font-style: italic;margin: .15rem 0 0;}

.list_box15 li a .dots{width: .16rem;height: .17rem;background-size: 100% 100% !important;position: absolute;bottom: .1rem;z-index: 1;}
.list_box15 li a .dots1{background: url(../images/list_box15_dots1.png) center no-repeat; left: .1rem;}
.list_box15 li a .dots2{ background: url(../images/list_box15_dots2.png) center no-repeat; right: .1rem}

.container09 .right .fl02{ display: flex; align-items: center;}
.container09 .right .fl02 .ll{ width: 1.4rem;}
.container09 .right .fl02 .rr{ width: calc(100% - 1.4rem); padding: 0 0 0 .28rem;}

.list_box16{ border-radius: 50%; overflow: hidden;}
.list_box16 li a{ display: flex; align-items: center; }
.list_box16 li .img .img_hezi{ padding-bottom: 100% !important;}

.list_box17 li h5{font-size: .3rem;color: #222222;line-height: 1.75;}
.list_box17 li p{ font-size: .2rem; color: #000; line-height: .32rem; height: .64rem; margin: .15rem 0 0;}

.container10{padding: .4rem 0;overflow: hidden;position: relative;}
.container10 .w1200{ display: flex; flex-wrap: wrap; }
.container10 .left{ width: 50%;}
.container10 .right{ width: 50%; padding: 0 0 0 .64rem;}
.container10 .right .content{ display: flex; flex-wrap: wrap;}
.container10 .right .ll{ padding: .04rem 0 0; width: calc(100% - 1.68rem);}
.container10 .right .rr{ width: 1.68rem;}

.list_box19{ display: flex; flex-wrap: wrap; margin-bottom: -.36rem}
.list_box19 li{width: 33.33%;margin-bottom: .36rem;}
.list_box19 li *{ }
.list_box19 li a{display: inline-block;text-align: center;}
.list_box19 li .ico{width: .8rem;height: .8rem;display: flex;align-items: center;justify-content: center;margin: 0 auto; transition: .5s; position: relative}
.list_box19 li .ico:before{content:"";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #c9c9c9 1px solid;border-radius: 50%;z-index: -1;}
.list_box19 li .ico svg{ width: .36rem; height: .36rem; fill:#050505; transition: 0s;}
.list_box19 li .ico svg *{ stroke:#000;}
.list_box19 li h5{font-size: .2rem;color:#000000;line-height: 1.5;margin: .12rem 0 0;font-family:SourceHanSerifCN-SemiBold; transition: .5s}
.list_box19 li:nth-child(7) .ico{ margin:0}

.list_box19 li:last-child{ width:100%}
.list_box19 li:last-child a{ display: flex; align-items: center}
.list_box19 li:last-child a h5{ margin:0 0 0 .2rem; }

.list_box20 li:nth-child(1) a .img .img_hezi, .list_box20 li:nth-child(3) a .img .img_hezi{ padding-bottom: 84.52% !important;}
.list_box20 li:nth-child(2){margin: -.15rem auto;max-width: 1.5rem;}
.list_box20 li:nth-child(2) a .img .img_hezi{ padding-bottom: 100% !important;}
.list_box20 li a{ display: block; position: relative;}
.list_box20 li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.list_box20 li a .top h3 img{ transition: .5s;}
.list_box20 li a .top h5{font-size: .22rem;color: #fff;line-height: 1.5;text-align: center;font-family: SourceHanSerifCN-SemiBold;}
.list_box20 li:nth-child(1) a .top h5{ margin: 0 0 .3rem}
.list_box20 li:nth-child(3) a .top h5{ margin:.2rem 0 0}

.container11{position: relative;z-index: 1;padding: .4rem 0 0;}
.container11 .bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 6rem;background: url(../images/container11_bg.jpg) center no-repeat;background-size: cover;z-index: -1;}
.container11 .fl01{display: flex;flex-wrap: wrap;overflow: hidden;}
.container11 .fl01 .w50{ position: relative}

.more006{ position: absolute; top: 0; right: 0}
.more006 a{display: flex !important;height: .4rem !important;width: 1.2rem;background: rgba(166,32,53,.6);justify-content: center;align-items: center;font-size: .16rem;color: #fff;transition: .5s;}
.more006 a:hover{ background: rgba(166,32,53,1);}

.list_box21_w{ position: relative}

.list_box21{ display: flex; flex-wrap: wrap;}
.list_box21 li{ width: 50%;}

.list_box21 li a{ display: block; position: relative;}
.list_box21 li a .img .img_hezi{ padding-bottom: 71.42% !important; padding-bottom: 2.5rem !important;}
.list_box21 li a .img:after{content:"";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list_box21_top.png) center bottom no-repeat;background-size: 100% auto;transform: translateY(1%);}
.list_box21 li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 .15rem;}
.list_box21 li a .top1 img{ transition: .5s;}										 
.list_box21 li a .top1 h5{font-size: .2rem;color:#fff;font-family: SourceHanSerifCN-SemiBold;position: absolute;bottom: .15rem;left: 0;right: 0;text-align: center;line-height: 1.25;padding: 0 .15rem;}
.list_box21 li a .top2 h5{ font-size: .2rem; color:#fff; font-family: SourceHanSerifCN-SemiBold; width: 100%; text-align: center; margin: .15rem 0 0}
.list_box21 li a .top2 .ico svg{ fill:#fff; width: .5rem; height: .5rem;}

.list_box21 li:nth-child(1){ margin-left: 50%}
.list_box21 li:nth-child(2) a .img:after{ display: none;}

.title003{ width: 50%; text-align: center; position: absolute; top: 0; left: 0; padding: 0 .2rem 0 0;}

.list_box21s li{ width: 100%; margin-left: 0 !important;} 
.list_box21s li a .img .img_hezi{ padding-bottom: 5rem !important;}

.container11 .fl02{display: flex;flex-wrap: wrap;overflow: hidden;}
.container11 .fl02 .left{width: 64.28%;position: relative;}
.container11 .fl02 .right{ width: calc(100% - 64.28%);}

.list_box22 li a{ display: flex; position: relative;}
.list_box22 li .img{ overflow: hidden}
.list_box22 li .img::after{content: "";position:  absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list_box22_top.png) center bottom no-repeat;background-size:  100% auto;}
.list_box22 li .img .img_hezi{padding-bottom: 55.55% !important;}
.list_box22 li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;padding: 0 .2rem .15rem;}
.list_box22 li a .top h5{font-size: .2rem;color: #fff;line-height: 1.25; max-width: 80%; font-family: SourceHanSerifCN-SemiBold; text-align: left;}

.list_box22 .miso-dots{display: flex;left: auto;width: auto;right: 0;padding: 0 .2rem .15rem;}
.list_box22 .miso-dots li{transition:.5s;border-radius:50%;top: auto;margin: 0;padding: 0;box-sizing: border-box;width: .15rem;height: .17rem;display: flex;align-items: center;justify-content: center;background: url(../images/list_box22_dots.png) center no-repeat;background-size: cover !important;margin: 0 0 0 .08rem !important;}
.list_box22 .miso-dots li.miso-active{ background: url(../images/list_box22_dots_on.png) center no-repeat;}

.list_box21s1 li{ width: 100%; margin: 0 !important;}
.list_box21s1 li a .img:after{ display: none;}

.list_box21s1 li a .top2 .ico svg{ fill:#fff; width: .6rem; height: .6rem;}

.list_box12 li:nth-child(1) .sicoh .ico svg .cls-1, .list_box12 li:nth-child(1) .sicoh .ico svg .cls-2{stroke: #ffedcb;}
.list_box12 li:nth-child(2) .sicoh .ico svg .cls-1, .list_box12 li:nth-child(2) .sicoh .ico svg .cls-2, .list_box12 li:nth-child(2) .sicoh .ico svg .cls-3, .list_box12 li:nth-child(2) .sicoh .ico svg .cls-4, .list_box12 li:nth-child(2) .sicoh .ico svg .cls-5{stroke: #fff;}

.container12{padding: .4rem 0 .4rem;overflow: hidden;}
.list_box23{display: flex;flex-wrap: wrap;margin: 0 -.5px;justify-content: center;}
.list_box23 li *{ }
.list_box23 li{width: 11.11%;padding: 0 .5px;} 
.list_box23 li a .ico{width: 100%;height: 1.6rem;background: #fcf6ea;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1; transition: .5s}
.list_box23 li a .ico:before{content:"";position: absolute;top:0; right:0;bottom: 0;width: 0;z-index:-1; transition: .5s}
.list_box23 li a .ico svg{ width:.6rem; height: .6rem; fill:#230909}
.list_box23 li a .ico svg *{ stroke:#333}
.list_box23 li a .con{height: .72rem;display: flex;align-items: center;justify-content: center;margin: .22rem 0 0;padding: 0 10%;}
.list_box23 li a h5{font-family: SourceHanSerifCN-SemiBold;font-size: .22rem;color: #000000;line-height: .3rem;text-align: center;}


footer{background: url(../images/footer_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
footer .fl01{ padding: .6rem 0; }

.list_box24{ display: flex; flex-wrap: wrap;}
.list_box24 li{ width: 20%;}
.list_box24 li a{ display: flex; align-items: center; justify-content: center;}
.list_box24 li a .ico{background: url(../images/list_box24_bg.png) center no-repeat;background-size: cover !important;width: .9rem;height: .9rem;display: flex;align-items: center;justify-content: center;min-width: .9rem;}
.list_box24 li a .ico svg{ width: .52rem; height: .52rem}
.list_box24 li a .ico img{ transform: translateX(.25rem)}
.list_box24 li a .con{ padding: 0 0 0 .32rem}
.list_box24 li a .con h5{ font-family: SourceHanSerifCN-SemiBold;font-size: .2rem;color: #fff;line-height: .3rem;}

footer .fl02{ padding: .35rem 0 .5rem; border-top: rgba(255,255,255,.1) 1px solid; display: flex; align-items: center; justify-content: space-between;}
footer .fl02 .line{ width: 1px; height: 1.2rem; background: rgba(255,255,255,.1);}

footer .fl02 .center p{ font-size: .16rem; color: #fff; line-height: .3rem;}
.list_box25 li h5{ font-size: .16rem; color: #fff; line-height: .3rem; text-align: center;margin-right: 0.1rem; }

.list_box20 li a .top h5 .aline_r{/* background-image: linear-gradient(rgba(255, 255, 255, 1),rgba(255, 255, 255, 1)); */ transition: .5s}
.list_box20 li a:hover .top h5 .aline_r{color: #ffedcb;}
.list_box20 li:nth-child(3) a:hover .top h5 .aline_r{color: #ffedcb;}

.list_box24 li .cls-4{ fill: #fff;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/



/*==========================================内页 结束=============================================*/

/*aos="fade-up" aos-duration="1200"*/