@charset "utf-8";
@media screen and (min-width:2000px){
	html{font-size: 110px!important;}
}
@media screen and (max-width:1024px){
	html{font-size: 90px!important;}
}
@media screen and (max-width:900px){
	html{font-size: 85px!important;}
}
@media screen and (max-width:640px){
	body{font-size: .18rem}
}
@media screen and (max-width:480px){
	html{font-size: 80px!important;}
}
@media screen and (max-width:375px){
	html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
	html{font-size: 70px!important;}
} 
@media screen and (max-width:350px){
	html{font-size: 65px!important;}
} 

@media(min-width: 1200px) and (max-width:1920px){
	
@media (-webkit-min-device-pixel-ratio: 1.05) {
    @media screen and (min-width:1920px){
		html{font-size: 100px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 95.5px!important;}
    }
}
@media (-webkit-min-device-pixel-ratio: 1.1) {
    @media screen and (min-width:1920px){
		html{font-size: 100px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 92.5px!important;}
    }
}
@media (-webkit-min-device-pixel-ratio: 1.15) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 87px!important;}
    }
}
@media (-webkit-min-device-pixel-ratio: 1.20) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 84px!important;}
    }
}
/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 80px!important;}
    }
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 70px!important;}
    }
}
}

.header_top{position: relative;height: 40px;padding: 0;text-align: right;z-index: 10000;overflow: hidden;display: flex;/* justify-content: flex-end; */align-items: center;background: #fff;}
.header_top .wp{width: 18rem;justify-content: flex-end;display: flex;}
.list_box1{display: flex;margin: 0 -3px;align-items: center;}
.list_box1 .li{margin-left: .2rem;position: relative;z-index: 100;}
.list_box1 li{padding: 0;line-height: 2.1;font-size: .14rem;color: #333;display: flex;}
.list_box1 li a{display: flex;align-items: center;padding: 0 .1rem;font-size: .16rem;color: #666;transition: .5s;}
.list_box1 .li a{display:flex;align-items:center;justify-content: flex-end;border-radius: 50%;font-size: 12px;color: #fff;transition: .5s;width: 1.8rem;position: relative;height: 34px;padding: 0 .1rem 0 0;}
.list_box1 .li .input{position: absolute;width: 100%;height: 34px;top: 0;bottom: 0;right: 0;border: #0d6db9 1px solid;padding: 0 .34rem 0 .1rem;font-size: .14rem;color: #fff;}
.list_box1 li.line{position: relative;font-size: 0;color: transparent;height: 12px;margin: 0 .04rem;}
.list_box1 li.line:before{ content: ""; position: absolute; top: 0; width: 1px; height: 12px; background: #fff;}

/*手机端开始*/
.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(../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: #0d6db9;}
.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: #a82328; */}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -7px;/* border-right: #a82328 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: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #0d6db9;background-size:cover;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);}
#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 .old_rukou{margin: .24rem 0 0;width: 100%;}
#m_nav .list_box1{/* justify-content: center; */flex-wrap: wrap;margin: 0px -2px;width: 100%;}
#m_nav .list_box1 li{min-width: 13%;line-height: 2;padding: 0 2px;/* margin-bottom: 5px; *//* flex: auto; */}
#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; */color: #fff;}

.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 rgba(255,255,255,.15);line-height: .6rem;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: .6rem;height: .6rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: -.16rem;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,.6);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;}
.wap_search form{height:40px;border-radius: 0;background: rgb(255 255 255);position:relative;width: 100%;margin: 10px auto;display: block !important;}
.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 #003f97;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;margin-top: 112px;}
.slide-control{display: flex;justify-content: flex-start;align-items: center;}
.main-visual-con{z-index: 1;overflow: hidden;} 

.main-visual-item{position:relative;overflow: hidden;}
.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; background: url(../images/main-visual-pc-img.png) center bottom no-repeat; background-size: 100% auto;}


.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{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;bottom: .36rem;left:0;z-index: 1;width:100%;}
/* Dot */
.main-visual-control .main-slide-dot{vertical-align:middle;display: flex;justify-content: flex-end;align-items: center;}
.main-visual-control .main-slide-dot .miso-dots{position: relative;width: auto;}
.main-visual-control .main-slide-dot li{position:relative;margin: 0 .12rem 0 0;transition:all 0.8s;width: .22rem;height: .24rem;line-height: 16px;background: url(../images/dots1.png) center no-repeat;background-size: cover;}
.main-visual-control .main-slide-dot li.miso-active{ background: url(../images/dots1_on.png) center no-repeat;}
.main-visual-control .main-slide-dot li button{position:relative;display:inline-block;padding-left:7px;font-weight:400;font-size:14px;color:#fff;opacity:0.3;width: auto;height: auto;padding: 0;display: none;}
.main-visual-control .main-slide-dot li button:before{position:absolute;content:"0";left:0;top:0;display: none;}
.main-visual-control .main-slide-dot li.miso-active button{opacity:1}
.more1{ order: 1}
.more1 a{display: inline-block;font-size: .14rem;color: #fff;border-bottom: #fff 1px solid;line-height: .26rem;padding: 0 .06rem;transition: .5s;}
.more1 a:hover, .more2 a:hover, .more3 a:hover{-webkit-animation: beat 0.5s 1;animation: beat 0.5s 1;}
@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);}


.header_box{position: relative;z-index: 10000;height: 0; left: 0; right: 0}
#header{z-index:999;width:100%;background-size:cover;background: #0d6db9;}
.header_box_li #header:before{content:"";position:absolute;height: 2.84rem;left: 0;right: 0;top: 0;transition: 0.5s;opacity: 1;visibility: visible;pointer-events: none;/* background: url(../images/header_bg.png) center top repeat-x; */z-index: -1;background-size: 100% 100%;}
.header_box_li #header .wp{align-items: center;width: 18rem;height: 1.16rem;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.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: 12rem;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: .7rem;}
#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: .18rem;color:#fff;line-height: 100%;position:relative;transition: .36s;display: inline-block;font-weight: bold;height: 100%;}
#nav ul li h3:after{content:"";position:absolute;left: 50%;top: calc(100% + 2px);transition:.6s;border-left: transparent .75rem solid;border-right: transparent .75rem solid;border-bottom: #fff 1rem solid;margin-left: -.75rem;opacity:0;visibility:hidden;/* top: 0; */}
#nav ul li.on1 h3:after{ opacity:1; visibility:visible}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; background:; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{ background:;}
#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: 80%;background: rgba(255,255,255,.9);width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 10px rgba(0,0,0,.3);border-radius: .1rem;overflow: hidden;}
#nav ul li .sub:after{content: '';height: .06rem;width: 100%;position: absolute;left: 0;top: 0;/*background: #a82328;*/}
#nav ul li .sub .box{padding: .2rem 0;text-align:center;}
#nav ul li .sub a{padding: 10px .16rem;line-height: 28px;transition:.6s;font-size: .16rem;color: #a82328;text-align: left;white-space: nowrap;min-width: 160px;-webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
#nav ul li .sub a img{ margin: 0 .1rem 0 0; opacity: .2; transition: .5s}
/* #nav ul>li:last-child .sub .box{ display: flex; flex-wrap: wrap}
#nav ul>li:last-child .sub a{ width: 50%} */

/* #nav ul>li:last-child .sub{width: 3.7rem;left: auto;right: -.1rem;transform: translateX(0) scaleY(0);} */

#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: #ecb50e;}
/* #nav ul>li:last-child:hover .sub{ transform: translateX(0) scaleY(1);} */


#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);}
#nav>ul>li.noSubMenu h3:before{ display:none}

.pad{padding: .7rem 0;overflow: hidden;}
.pad3{padding: .3rem 0;overflow: hidden;}

.title1{display: flex;justify-content: center;align-items: flex-start;height: 2.2rem;position: relative;z-index: 1;/* overflow: hidden; */padding-top: 3%;}
.title1 .before{content: "";position: absolute;background: url(../images/title1_bg.png) center no-repeat;width: 5.99rem;height: 1.8rem;background-size: 100% auto;z-index: -1;left: 50%;margin-left: -2.95rem;}
.title1 span img{max-height: 9.88rem;margin: 0px 0 -1px 0px;}

/*.container01{ background: url(../images/container01_bg.jpg) center no-repeat; background-size: cover;}*/
.container01 .content{/* margin: 0 0 0 .4rem; */box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.22);}
.container01 .content .left{ width: 5rem; position: relative; z-index: 1;}
.container01 .content .left .bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #aa252a url(../images/container01_bg1.jpg) center repeat;background-size: .4rem .4rem !important;z-index: -1;}
.container01 .content .left .logo1{position: absolute;bottom: .02rem;right: .03rem;-webkit-animation:play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite;z-index: -1;width: 2.82rem;height: 2.82rem;}
.container01 .content .left .logo1 img{ width: 100%; height: 100%}
.container01 .content .center{ width: 33.33%; position: relative; z-index: 1; /*background: #fafafa;*/}
.container01 .content .right{width: calc(100% - 33.33% - 5rem);position: relative;z-index: 1;background-size: cover;overflow: hidden;}
.container01 .content .right .logo1{position: absolute;top: -14%;left: 25%;-webkit-animation: play 15s linear infinite;-moz-animation: play 15s linear infinite;animation: play 15s linear infinite;z-index: -1;width: 3.72rem;height: 3.72rem;}
.container01 .content .right .logo1 img{ width: 100%; height: 100%}

.pad1{padding: .3rem .35rem;}
.pad2{padding: .0rem .35rem;}
.title2{ display: flex; justify-content: space-between; align-items: center; margin-bottom: .3rem;}
.title2 h3{position: relative;z-index: 1;padding: 0 0 0 .12rem;height: .3rem;display: flex;align-items: center;}
.title2 h3::before{ content: ""; position: absolute; top: 0; left: 0; width: .04rem; height: .3rem; }
.title2 h3 big{font-size: .28rem;color: #fff;}
.title2 h3 small{font-size: .20rem;color: #fff;opacity: .9;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;font-weight: 100;margin-left: .08rem;transform: translateY(.02rem);border-bottom: #fff 1px solid;width: 20%;line-height: 30px;}

.container01 .center .title2 h3::before{ }
.container01 .center .title2 h3 big{ color: #fff;}
.container01 .center .title2 h3 small{ color: #fff; opacity: 1;}

.more2 a{font-size: 16px;color: #fff;transition: .5s;display: inline-block;position: relative;z-index: 2}
.more2 a:after{content:"";position: absolute; right: -.1rem;width: 0;height: .24rem;top: 50%;margin-top: -.12rem;opacity: 0;}
.more2 a span:nth-child(2n){ position: relative; z-index: 1}
.more2 a:hover:after{ width: calc(100% + .2rem); opacity: .7; left: -.1rem;}
.container01 .content .center .more2 a{ color: #fff}

.list1{margin: 0 0;}
.list1 li *{ transition: .5s;}
.list1 li .img{width: 100%;background: #f6f6f6;}
.list1 li .img .img_hezi{padding-bottom: 60% !important;}
.list1 li .con{width: calc(100% - 4.6rem);background: #bb3237;padding: .45rem .34rem .2rem .26rem;display: none;}
.list1 li .con h6 big{ font-size: .4rem; color: #fff;}
.list1 li .con h6 small{font-size: .13rem;color: #fff;margin: 0 0 0 .14rem;}
.list1 li .con h5{font-size: .16rem;color: #fff;line-height: .3rem;height: 1.8rem\0;text-align: justify;font-weight: bold;margin: .15rem 0;}
.list1 .miso-dots{padding: 0 0 0 calc(4.6rem + .22rem);text-align: center;bottom: 0.5rem;;padding: 0;}
.list1 .miso-dots li{width: 0.2rem;height: 0.2rem;background: rgba(255,255,255,.33);margin: 0 4px;border-radius: 50%;transition: .5s;}
.list1 .miso-dots li.miso-active{ background: #fff}

.list2 li .a{padding: 0.1rem 0 .1rem;display: block;border-bottom: #a8a8a8 1px dashed;line-height: 26px;}
.list2 li h6{display: flex;align-items: center;justify-content: center;width: 1.1rem;height: .36rem;background: #fff;font-size: .14rem;color: #a82328;}
.list2 li h6 img{ margin: 0 .06rem 0 0;}
.list2 li h5{font-size: 17px;color: #333;line-height: .3rem;margin: .1rem 0 0;}

.list2s li h5{ color: #333;}
.list2s li .a{padding: 0 0 .27rem;margin-bottom: .27rem;}
.list2s li:last-child .a{ margin-bottom: 0}

.list2s1 li .h6{display: flex;align-items: center;font-size: .14rem;color: rgba(255,255,255,.5);font-family: simsun;}
.list2s1 li .h6 span{display: inline-block;min-width: .8rem;line-height: .36rem;background: #23bbb6;padding: 0 .1rem;font-size: .14rem;color: #fff;font-weight: bold;margin: 0 .06rem 0 0;text-align: center;}
.list2s1 li:nth-child(2) .h6 span{ background: #3069de;}
.list2s1 li:nth-child(3) .h6 span{ background: #ecb50e;}
.list2s1 li:nth-child(4) .h6 span{ background: #3069de;}
.list2s1 li:nth-child(5) .h6 span{ background: #3069de;}
.list2s1 li:nth-child(6) .h6 span{ background: #3069de;}
.list2s1 li .a{padding: 0 0 .14rem;margin-bottom: .14rem;}
.list2s1 li:last-child .a{ margin-bottom: 0}

.photoActives,.photoActives1 { position: relative; overflow: hidden; }
[data-aos=fade-up] .photoActives .photoActive {position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;background: #fff;z-index: 3;}
[data-aos=fade-up].aos-animate .photoActives .photoActive {right: -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); }

.more3 .a{display: inline-block;background: url(../images/more3_bg.png) center no-repeat;width: 1.54rem;height: .59rem;line-height: 3;text-align: center;font-size: 16px;color: #fff;transition: .5s;position: absolute;right:2%;bottom: 0.4rem;}
.more3 .a:hover{color:#fff;}

.list3{ margin: 0 -.18rem;}
.list3 .miso-list{ padding: .2rem .05rem; margin: -.2rem -.05rem;}
.list3 li{ width: 25%; padding: 0 .18rem;}
.list3 li *{ transition: .5s;}
.list3 li .a{display: block;padding: .28rem;background: #fff;border-top: #a82328 .04rem solid;box-shadow: 0px 0px .18rem 0px rgba(0, 0, 0, 0.22);height: 200px;}
.list3 li .con{position: relative;z-index: 1;padding: .06rem 0 .18rem .2rem;background: url(../images/list3_line.png) .06rem center no-repeat;background-size: 1px 100%;margin: .04rem 0 0;}
.list3 li h6{display: flex;align-items: center;justify-content: flex-start;background: #fff;font-size: .14rem;color: #a82328;font-family: simsun;}
.list3 li h6 img{ margin: 0 .06rem 0 0;}
.list3 li h5{font-size: 18px;color: #333;line-height: .24rem;max-height: .48rem\0;height:.48rem;}
.list3 li p{font-size: 16px;color: #737373;line-height: 20px;max-height: 40px;margin: .1rem 0 0;}

.container02{ padding-bottom: .84rem;}

.container03{ overflow: hidden;background: url(../images/container03_bg.jpg) center no-repeat; background-size: cover;}
.container03 .left{width: 7.3rem;position: relative;z-index: 1;padding: 0rem 0 .5rem 0;}
.container03 .left .before1{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: calc((100vw - 19.1rem)/2 + 100% - 2px);background-size: cover;z-index: -1;}
.container03 .right{ width: calc(100% - 7.3rem); position: relative; z-index: 1; padding: 0rem 0 .5rem 0; display: flex; flex-wrap: wrap;    padding-left: 2%;}
.container03 .right .before1{content: "";position: absolute;top: .5rem;left: 0;bottom: 0;background-size: cover;z-index: -1;}
.container03 .right .right_ll{width: 100%;}
.container03 .right .right_rr{width: 46%;padding: 0 0 0 .22rem;}

.container03 .title1{margin-bottom: .28rem;}
.container03 .title1 .before{ background: url(../images/title1_bg.png) center no-repeat; background-size: 100% auto;}
.container03 .more3 .a{left: 66%;margin: 0 0 0 1.2rem;background: url(../images/more3_bg1.png) center no-repeat;color: #fff}

.list4 li .img .img_hezi{ padding-bottom: 56.48% !important;}
.list4 li .con{ background: #fff; height: 1.2rem; position: relative; z-index: 1; padding: 0 .38rem; display: flex; align-items: center;}
.list4 li .con .time{position: absolute;top: -.42rem;background: #942725;width: .6rem;height: .65rem;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 1;}
.list4 li .con .time::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0; z-index: -1;}
.list4 li .con .time h4{ font-size: .32rem; color: #fff; font-family: simsun;}
.list4 li .con .time h6{ font-size: .14rem; color: #fff; font-family: simsun; margin: .02rem 0 0;}
.list4 li .con h5{font-size: 18px;color: #333333;line-height: .26rem;max-height: .52rem\0;margin: .2rem 0 0;} 

.title2s h3::before{ display: none;}
.title2s h3{ padding: 0;}
.title2s h3 big{ color: #000000;}
.title2s h3 small{ color: #999999; opacity: 1;}
.title2s .more2 a{ color: #999999;}

.list5 li:first-child{ margin-bottom: .16rem;}
.list5 li .a{ display: block; position: relative;}
.list5 li .img .img_hezi{ padding-bottom: 59.3% !important;}
.list5 li .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; padding: 0 .15rem; background: url(../images/list5_b.png) center 101% no-repeat; background-size: 100% auto; border: #fff 2px solid}
.list5 li .top h5{font-size: .16rem;color: #fff;line-height: 1.75;text-align: center;margin-bottom: .1rem;}

.list6{margin: -.06rem 0 0;}
.list6 li *{ transition: .5s;}
.list6 li .a{display: block;padding: .15rem 0 .15rem 0;border-bottom: #999999 1px dashed;position: relative;z-index: 1;}
.list6 li .a .box{ display: flex;}
.list6 li .a .img{ width: .8rem}
.list6 li .a .img .img_hezi{ padding-bottom: 137.5%}
.list6 li .a .con{ flex: 1; overflow: hidden; padding: .1rem 0 0 .12rem}
.list6 li .a h5{font-size: 18px;color: #333333;line-height: 1.75;margin-bottom: .06rem;}
.list6 li .a h6 span:first-child{ margin: 0 .14rem 0 0; }
.list6 li .a h6{font-size: 14px;color: #737373;line-height: .28rem; }
.list6 li .a h6:nth-child(1){ background: url(../images/list6_ico1.svg) left .06rem no-repeat}
.list6 li .a h6:nth-child(2){ background: url(../images/list6_ico2.svg) left .06rem no-repeat}
.list6 li .a h6:nth-child(3){ background: url(../images/list6_ico3.svg) .02rem .06rem no-repeat}

.container04{ background: url(../images/container044_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.container04 .content{ position: relative; z-index: 1;}
.container04 .content .box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 6% 0 0;}
.container04 .content .box1{ width: 7.88rem; margin: 0 auto;}


.list7{ margin: 0 -.45rem;}
.list7 li{ width: 33.33%; padding: 0 .45rem;}
.list7 li .img .img_hezi{ padding-bottom: 59%;}
.list7 li .con{padding: .15rem 1.28rem 0 0;}
.list7 li .con h5{font-size: .17rem;color: #000000;line-height: .26rem;max-height: .52rem\0;}
.list7 li.miso-current + li + li .con{padding: .15rem 0 0 1.28rem;}
.list7 li.miso-current + li + li{ position: relative; z-index: 100;}

.list7s{ margin: 0 0;}
.list7s li{ width: 33.33%; padding: 0 0; text-align: center;}
.list7s li .img .img_hezi{ padding-bottom: 64.08%;}
.list7s li .con{ padding: .15rem 0 0 0;}
.list7s li .con h5{font-size: 18px;color: #000000;line-height: .26rem;font-weight: bold;margin: .1rem 0 .12rem;}
.list7s li .con p{font-size: 16px;color: #666666;line-height: .24rem;max-height: .48rem\0;opacity: .7;}

.list7s .miso-arrow{width: .37rem;height: .37rem;bottom: 1.25rem;top: auto;}
.list7s .miso-arrow img{ width: 100%; height: 100%;}
.list7s .miso-arrow.miso-prev{ left: -.5rem}
.list7s .miso-arrow.miso-next{ right: -.5rem}
.list7s .miso-arrow img{ opacity: .4; transition: .5s}
.list7s .miso-arrow:hover img{ opacity: 1}

/*.container05_bg{ background: url(../images/container04_bg.jpg) #faf8f2 center top no-repeat; background-size: 100% auto;}*/

.list8{ margin: 0 -.3rem; padding-bottom: .56rem;}
.list8 li{ width: 16.66%; padding: 0 .2rem; text-align: center;}
.list8 li .a{/* padding: .45rem 0 0; */}
.list8 li .a .top{position: relative;width: 1.51rem;margin: 0 auto; max-width: 100%;}
.list8 li .a .top .bg{ position: relative; width: 100%; padding-bottom: 52.98%;background: url(../images/list8_bg.png) center no-repeat;background-size: cover;}
.list8 li .a .ico{display: flex;/* position: absolute; */right: 0;bottom: .2rem;left: 0;align-items: center;justify-content: center;height: .96rem;}
.list8 li .a .ico img{ max-height: 100%}
.list8 li .a h3{font-size: .5rem;color: #94221b;margin: .2rem 0 .12rem;}
.list8 li .a p{font-size: 16px;color: #000;line-height:0.3rem;height: .88rem\0;}
.list8 li .a .ico svg{ width: .96rem; height: .96rem;}

.list8 li .a .cls-1{fill:none;stroke:#942725;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.list8 li .a .cls-1{fill:none;}.list8 li .a .cls-1, .list8 li .a .cls-2{stroke:#942725;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;} .list8 li .a .cls-2, .list8 li .a .cls-3{fill:#942725;}

.list8 .miso-dots li{ width: .13rem; height: .13rem; border-radius: 50%; border:#942725 1px solid; padding: 0; margin: 0 .03rem;}
.list8 .miso-dots li.miso-active{ background: #942725;}

.container06{padding-top: 1.04rem;}
.container06 .content{ position: relative; z-index: 1;}
.container06 .content>.img .img_hezi{ padding-bottom: 37.33%;}
.container06 .content .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 .8rem 0 0;}
.container06 .content .top .left{width: 22%;text-align: center;padding: .7rem 0 0;}
.container06 .content .top .right{width: 78%;margin: -1.02rem 0 0;}

.list9{ width: 1.78rem; max-width: 100%; margin: 0 auto}
.list9 li .a{display: flex;align-items: center;justify-content: space-between;height: .8rem; position: relative; z-index: 1;}
.list9 li .a::before{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background: #fff;}
.list9 li .ll{ font-size: .24rem; color: #fff; line-height: 1.5;}
.list9 li .rr img{ width: .14rem; height: .14rem; fill: #fff;}

.list10 li{}
.list10 li .img .img_hezi{ padding-bottom: 54.12%;}

.container07{ padding: 0 0 1.1rem; overflow: hidden; position: relative; z-index: 1;}
.container07::before{content: "";position: absolute;top: 2.7rem;right: 204px;bottom: 0;left: 204px;background: url(../images/container07_bg.jpg) center no-repeat;background-size: cover;z-index: -1;}

.container07 .content .left{width: 64.21875%;display: flex;flex-wrap: wrap;}
.container07 .content .right{width: calc(100% - 84.9%);padding: 0 0 0 10px;}

.container07 .content .left .title1{width: 4.95rem;margin: .8rem auto 0;}
.container07 .content .left .left_con{ width: calc(100% - 4.95rem);}

.list11 li .a{ display: block; position: relative;}
.list11 li .img .img_hezi{padding-bottom: 52.68% !important;}
.list11 li .top{position: absolute;/* top: 0; *//* right: 0; */bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: .2rem .38rem;}
.list11 li .top .ico{}
.list11 li .top h3{ font-size: .24rem; color: #fff; line-height: 1.5; margin: .05rem 0 0;}

.locZoneBtnBox{width: 100%;height: 100%;margin: 0;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.locZoneBtnBox .locZoneBtn{width: .5rem;height: .5rem;background: #a82328;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;transition: .5s;}
.locZoneBtnBox .locZoneBtn span{ position: relative; z-index: 1}
.locZoneBtnBox .locZoneBtn svg{width: .3rem;height: .3rem;fill: #fff;transform: translateX(.02rem); transition: .5s;}
.locBtnBar{border-radius:50%;background: #a82328;-webkit-transform:scale(1);transform:scale(1);-webkit-animation: spread 2s infinite;animation: spread 2s infinite;}
.locBtnBar,.locBtnBar2{position:absolute;width:100%;height:100%;transition:all .3s ease-out;left:0;top:0}
@keyframes spread{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}
@-webkit-keyframes spread{0%{opacity:.8;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}

.list12_box{width: 100%;padding: 10px 0 0 225px;}
.list12{ display: flex; flex-wrap: wrap; margin: 0 -5px;}
.list12 li{ width: 50%; padding: 0 5px;}
.list12 li .a{ display: flex; position: relative; z-index: 1;}
.list12 li .img .img_hezi{padding-bottom: 47.02%;}
.list12 li .top{position: absolute;/* top: 0; *//* right: 0; */bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: .2rem .38rem;}
.list12 li .top .ico img, .list11 li .top .ico img{ height: .66rem;}
.list12 li .top h3{ font-size: .24rem; color: #fff; line-height: 1.5; margin: .05rem 0 0;}
.list12 li:nth-child(1) .top{/* background: rgba(127, 23, 23, 0.8); */}
.list12 li:nth-child(2) .top{/* background: rgba(236, 181, 14, 0.8); */}
.list12 li:nth-child(3) .top{/* background: rgba(71, 88, 128, 0.8); */}
.list12 li:nth-child(3){ display: none}

.list12s li{ width: 100%;}
.list12s li .img .img_hezi{ padding-bottom: 138.14%;}
.list12s li .top h3{ margin: .16rem 0 0;}
.list12s li:nth-child(1) .top{/* background: rgba(71, 88, 128, 0.8); */}

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 1000px;position: fixed;left: 50%;top: 50%;margin-left: -500px;object-fit: cover; transform:translateY(-50%)}
.vwrap .videobox #videobox { width: 100%; display: inline-block; background:#000; }
.vwrap .videobox #videobox .img_hezi{ padding-bottom:60% !important}
.vwrap .videobox #videobox video{ position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;}
.vwrap .close i { display: block; width: 31px; height: 31px; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close i svg{ transition:.6s}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media(max-width: 992px){
    .vwrap .videobox{width:94%;left: 3%;margin-left: 0;}
    .vwrap .close{right: 0;top: -35px;}
    .vwrap .videobox video{}
}

.container08{position: relative;z-index: 1;padding-bottom: 1rem;background: url(../images/container099_bg.jpg) center no-repeat;background-size: cover;display: none;}
.container08 .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: -1;}
.container08 .bg img{max-width: 96%;}

.list13{ margin: 0 -.28rem;}
.list13 li{width: 25%;padding: .57rem .28rem 0;position: relative;z-index: 1;}
.list13 li *{ transition: .5s;}
.list13 li .ico{position: absolute;top: 0;z-index: 2;left: 0;right: 0;text-align: center;}
.list13 li .ico img{margin: 0 auto;display: inline-block;height: .79rem;}
.list13 li .a{display: block;position: relative;z-index: 1;}
.list13 li .img{clip-path: polygon(.2rem 0, calc(100% - .2rem) 0, 95% 90%, 0px 100%);clip-path: none;}
.list13 li .img .img_hezi{ padding-bottom: 153.65%;}
.list13 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;padding: .5rem 0;justify-content: center;}
.list13 li .top h5{font-size: .22rem;color: #fff;text-shadow: 0px 4px 3.92px rgba(0, 0, 0, 0.25);/* width: .22rem; */text-align: center;transform: translateX(.56rem);letter-spacing: .02rem;line-height: 1.5;writing-mode: tb-rl;}


.container09_box{ position: relative; z-index: 2;}
.container09_box .bg1{position: absolute;z-index: -2;width: 6.87rem;height: 3.1rem;right: 0;bottom: -1rem;background: url(../images/container09_bg1.png) center no-repeat;background-size: cover;}
.container09_box .bg{position: absolute;z-index: -2;top: 0;right: 1px;bottom: 2.48rem;left: 50%;background: url(../images/container09_bg2.jpg) center no-repeat;background-size: cover;}

.container09 .content .left{width: 4.6rem;order: 1;padding: .2rem 0 0;}
.container09 .content .left .title1{justify-content: flex-start;padding: 0 0 0 .7rem;}
.container09 .content .left .more3 .a{ background: url(../images/more3_bg2.png) center no-repeat; color: #fff;}
.container09 .content .right{ width: calc(100% - 4.6rem);}

.list14{display: flex;margin: 0 -.06rem;padding: 0 0 0 0.7rem;position: relative;z-index: 1;}
.list14 li{padding: 0 .06rem;width: 20%; text-align: center}
.list14 li .a{position: relative;cursor: pointer;}
.list14 li .a .ico{ width: .6rem; height: .6rem; display: flex; justify-content: center; align-items: center; background: rgba(255,255,255,.2); border-radius: 50%}
.list14 li .a .ico img{ width: 100%; height: 100%}
.list14 li .a h5{ font-size: 12px; color: #fff; line-height: 1.25; margin:.1rem 0; opacity: 0; transition: .5s;}
.list14 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.2rem;height: 1.2rem;border: rgba(255,255,255,.3) 1px solid;padding: .04rem;border-radius: 0;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list14 li .a .ewm img{width: 100%;}
.list14 li .a .ewm h6{ font-size: .12rem; color: #a69999}
.list14 li .a .ewm:before{content: "";position: absolute;left: 50%;top: -.1rem;margin-left: -.08rem;border-bottom: rgba(255,255,255,.3) .1rem solid;border-left: transparent .08rem solid;border-right: transparent .08rem solid;}
.list14 li .a .ewm:after{content: "";position: absolute;left: 50%;top: -.04rem;margin-left: -.06rem;border-bottom: rgba(255,255,255,1) .08rem solid;border-left: transparent .06rem solid;border-right: transparent .06rem solid;}

.list14 li .a:hover .ewm{transform: translateX(-50%) translateY(.05rem);opacity: 1;visibility: visible;}

.list15{ margin: 0 -7.5px;}
.list15 li{ width: 50%; padding: 0 7.5px;}
.list15 li .a{ display: block; position: relative;}
.list15 li .img .img_hezi{ padding-bottom: 118.84% !important;}
.list15 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;padding: 0 .25rem;background: url(../images/list15_b.png) center 101% repeat-x;z-index: 1;}
.list15 li .top .con{width: 100%;display: flex;align-items: center;margin-bottom: .12rem;}
.list15 li .top .con .ico{ width: .5rem}
.list15 li .top .con .rr{ width: calc(100% - .5rem)}
.list15 li .top .con .rr h6{font-size: 12px; color: #fff; opacity: .6}
.list15 li .top .con .rr h5{font-size: 18px;color: #fff;line-height: 1.75;margin: .06rem 0 0;}

.list15s li:nth-child(1){ width: 34.15%;}
.list15s li:nth-child(2){ width: 65.85%;}
.list15s li:nth-child(2) .img .img_hezi{ padding-bottom: 60.29% !important;}

.list15s1{ margin-top: 15px;}
.list15s1 li{ width: 33.33%}
.list15s1 li .img .img_hezi{ padding-bottom: 63.26% !important;}
.list15s1 li:nth-child(1){ }


.footer{ padding: 0.85rem 0; background: url(../images/footer.jpg) center no-repeat; background-size: cover;}
.footer .wp{ justify-content: space-between; }
.footer h3 img{ max-width: 100%;}
.footer .con{ padding: .2rem 0 0 .76rem;}
.footer .con p{ font-size: 16px; line-height: 24px; color: #fff;}
.footer .con p img{ margin: 0 .06rem 0 0;}

.footer .right .list14{ padding: 0}
.footer .right .list14 li .a .ico{ background: #bb5654}

.footer .right dl{position:relative;white-space:nowrap;margin-left: 0;width: 3.8rem;padding: 0;cursor:pointer;float: right;display: none;}
.footer .right dl dt{height: .48rem;line-height: calc(.48rem - 2px);font-size: .14rem;color: #fff;border: #ffffff 1px solid;padding: 0 .22rem;border-radius: 4px;}
.footer .right dl dt:before{ content:""; position: absolute; right: .54rem; width: 1px; height: .2rem; background: #fff; top: 50%; margin-top: -.1rem}
.footer .right dl dt svg{width: .18rem;height: .18rem;fill: #fff;vertical-align:middle;position: absolute;transform: rotate(0);transition:.5s;right: .16rem;top: 50%;margin-top: -.09rem;}
.footer .right dl .con{position:absolute;left:0;bottom: calc(.48rem - 1px);background: rgba(166, 36, 39, 0.96);box-shadow:0 -5px 10px rgba(0,0,0,.15);padding: .1rem .22rem;min-width: 100%;display: none;border: rgba(255,255,255,1) 1px solid;border-radius: 4px;z-index: 10;}
.footer .right dl .con dd{font-size:13px;color: #fff;line-height:24px;transition:.5s;padding: 3px 0;}

.footer .right dl.on dt svg{transform: rotate(180deg);}

footer{ background: #0d6db9; padding: .2rem 0;}
footer p{ font-size: .14rem; color: #fff; line-height: .24rem; text-align: center;}

.container10{padding: .7rem 0 0.7rem;position: relative;z-index: 3; background: url(../images/container10.png) center no-repeat; background-size: cover; overflow: hidden;}
.container10 .content{background-size: cover;width: 15rem;max-width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.22); padding: 0.4rem;}
.container10 .content .left{ width: 2.78rem;}
.container10 .content .right{ width: calc(100% - 2.78rem);}

.list16{ display: flex; flex-wrap: wrap; margin: 0 -.1rem;text-align: center;}
/*.list16 li{min-width: 25%;padding: .1rem .1rem;}*/
.list16 a{ display: block}
.list16 li a h4{display: inline-block;position: relative;line-height: .45rem;font-size: 22px;color: #94221b;}
.list16 li a h4:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffbe10;  transition-delay: .2s;}
.list16 li a h4:after{ content: ""; position: absolute; bottom: -2.5px; left: 0; width: 5px; height: 5px; background: #ffbe10; border-radius: 50%; transform: scale(0);}
.list16 a{min-width: 25%;padding: .1rem .1rem;}
@media(max-width: 1400px){
	.list2 li h6{ width: 1.3rem;}
}

.container09{ padding-bottom: 0;}

@media(min-width: 1200px){	
	.more1 a:hover{ border-bottom: #a82328 1px solid; color: #a82328; background: #ffd955}
	.list2 li .a:hover h5 span, .list1 li .a:hover .con h5{ color: #a90101;}
	.list2s li .a:hover h5 span, .list3 li .a:hover h5{/* color: #a82328; */}
	
	.more3 a:hover{ color: #a82328;}
	.container03 .more3 a:hover{ color: #ecb50e;}
	
	.list6 li .a:hover{}
	.list4 li .a:hover .con .time::before{ height: 100%; background: #ecb50e}
	.list6 li .a:hover::before{ transform: rotate(90deg); width: .03rem;}
	.list6 li .a:hover h5{ color: #a82328;}
	
	.list9 li .a:hover::before{ width: 100%; left: 0; right: auto;}

	.list11 li .a:hover .locZoneBtnBox .locZoneBtn{ transform: scale(2)}
	.list11 li .a:hover .locZoneBtnBox .locZoneBtn svg{ transform: scale(.5);}
	
	.list13 li .a:hover .img{clip-path: polygon(.2rem 0, calc(100% - .2rem) 0, 100% 100%, 0px 100%);}
	
	.list14 li .a:hover h5{ opacity: 1;}
	
	.container09 .content .left .more3 .a:hover{ color: #ecb50e;}

	.list16 li a:hover h4:before{ width: 100%}
	.list16 li a:hover h4:after{ transform: scale(1); }
}
@media(max-width: 1200px){	
	.header_box, .header_top{ display: none;}
	.miso_navs{ display: none;}
	.m_header_box{ display: block;}
	
	.main-visual-item .main-visual-pc-img{ padding-bottom: 50%; height: auto;}
	
	.container01 .content{ margin: 0;}
	.container01 .content .left{ width: 100%;}
	.container01 .content .center{ width: 100%;}
	.container01 .content .right{ width: 100%;}
	
	.list1{margin: 0 0 .15rem;}
	
	.container03 .left{ width: 100%;}
	.container03 .right{width: 100%;padding: .4rem 0;}
	.container03 .right .right_ll{width: 100%;padding: 0;}
	.container03 .right .right_rr{width: 100%;padding: .4rem 0 0;}

	.container03 .left .before1{width: calc(100% + 30px);left: -15px;right: -15px;}
	.container03 .right .before1{width: calc(100% + 30px);left: -15px;right: -15px;top: 0;}
	
	.container04 .content .box1{width: 72vw;}
	
	.container06 .content .top{ padding: 0 15px 0 0;}
	.container06 .content .top .left{ padding: 25px 15px 0;}
	
	.list13 li .top h5{font-size: .2rem;width: auto;writing-mode: tb-rl;line-height: 1.5;text-align: left;transform: translateX(.16rem);white-space: normal;}
}
@media(max-width: 992px){
	.main-visual-control .main-slide-dot li{ width: .12rem; height: .13rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{padding: 0 0;font-size: .2rem;}
    .main-visual-control{ bottom: .1rem}
	
	.pad{ padding: .4rem 0;}
	
	.list3{ margin: 0 -7px;}
	.list3 li{ width: 50%; margin-bottom: .2rem; padding: 0 7px;}
	.list3 li .a{ padding: .2rem 15px;}
	
	.container03 .left{ padding: .4rem 0;}
	
	.container07 .content .left{ width: 100%;}
	.container07 .content .right{width: 100%;padding: 10px 0 0;}
	
	.list12 li{ width: 33.33%}
	.list12 li .top .ico img, .list11 li .top .ico img{height: .4rem;}
	.list12 li:nth-child(3){ display: block}
	.list12s li{ display: none}
	.container07{ padding: 0 0 .4rem}
	.list15 li .top .con .ico img{ max-width: .3rem; max-height: .3rem}
	
	.container10 .content .left{ width: 100%; text-align: center;}
	.container10 .content .right{ width: 100%;}
	
	.list16 li{ min-width: 50%;}
	.list12 li .top{padding: .06rem .1rem;}
}
@media(max-width: 768px){
	.title1{height: 1.6rem;margin-bottom: .2rem;}
	.title1 .before{height: 1.6rem;background-size: auto 100%;}
    .title1 span img{max-height: .5rem;}
.more3{margin: 0.4rem 0;}
    .more3 .a{line-height: 3.1; }
	
	.pad{padding: .4rem 0;}
	.pad1{padding: .4rem 15px;}
	
	.list1 li .img{ width: 100%;}
	.list1 li .con{width: 100%;padding: .3rem 15px;}
	.list1 .miso-dots{left: 12px;padding: 0 .2rem 0 0;/* bottom: .14rem; */}
	
	.txt1{font-size: .21rem !important;}

    .title2{ margin-bottom: .2rem}
	.list2 li .a{padding: .1rem 0;margin-bottom: .1rem;}

	.container01 .content .center .list2 li h6{ background: #fff; border: #e6e6e6 1px solid}
	
	.list7 li .con h5{ opacity: 0;}
	.list7s li .con h5{ opacity: 1;}
	
	.list8{ margin: 0 -7px;}
	.list8 li{ padding: 0 7px;}
	.list8 li .a .ico{ height: .6rem;}
	.list8 li .a .top{ width: 1.2rem;}
	.list8 li .a h3{ font-size: .3rem;}
	
	.container06 .content>.img{ display: none}
	.container06 .content .top{padding: 0;height: auto;position: relative;}
	.container06 .content .top .left{width: 100%;order: 1;background: #a82328;padding: .2rem .3rem;}
	.container06 .content .top .right{width: 100%;margin: 0;}

	.list9{width: auto;margin: 0 -.2rem;display: flex;flex-wrap: wrap;max-width: inherit;}
	.list9 li{width: 50%;padding: 0 .2rem;}
	.list9 li .a{ height: .45rem}
	.container07 .content .left .title1{width: 100%;margin: 0 0 .2rem;}
	.container07 .content .left .left_con{ width: 100%;}
	
	.list12 li .top .ico img{height: .3rem;}
	.list12 li .img .img_hezi{ padding-bottom: 80%;}
	
	.list13{margin: 0 -.1rem;white-space: nowrap;display: block;font-size: 0;overflow: hidden;overflow-x: scroll;}
	.list13 li{width: 25%;padding: .24rem .1rem 0;display: inline-block;}
	
	.container09 .content .left{width: 100%;padding: 0 0 .3rem;}
	.container09 .content .right{width: 100%;order: 1;}
	.container09_box .bg{ left: 0}
	
	.list15s li:nth-child(1){width: 100%;margin: 0 auto;margin-bottom: 10px;}
	.list15s li:nth-child(2){ display: none;}
	.list15s1{ margin: -5px;}

	.list15s1 li:nth-child(1){ display: block;}
	.list15s1 li{ width: 100%; padding: 5px;}

	.container09 .content .left .title1{padding: 0;justify-content: center;}
	.list14{padding: 0;justify-content: center;}
	.list14 li .a .ico{ width: .4rem; height: .4rem}
	.footer h3 img{ max-width: 60vw;}
	
	.footer{text-align: center;padding: .4rem 0;}
	.footer .left{ width: 100%;}
	.footer .right{width: 100%;padding: .3rem 0 0;}
	.footer .right dl{float: none;margin: 0 auto;text-align: left;margin-top: .3rem;}

	.list13 li .ico img{height: .3rem;}
	.list13 li .top{ padding: .3rem 0 .15rem}
	.list13 li .top h5{transform: translateX(0);}
	.list13 li .img{clip-path: polygon(.2rem 0, calc(100% - .2rem) 0, 100% 100%, 0px 100%);clip-path: none!important;}
	
	.container06{ padding-top: 0;}
	.container08 .bg img{margin-top: 26%;}
	.list14 li{width: auto;padding: 0 3%;}
	.list14 li .a h5{ display: none;}
	.footer .con{ padding: .1rem 0 0}

	.list15 li .top .con .ico img{ max-width: .24rem; max-height: .24rem}
	.list15 li .top{ padding: 0 10px}
	.list15 li .top .con .ico{ width: .4rem}
    .list15 li .top .con .rr{ width: calc(100% - .4rem)}
    .list12 li .top h3{ font-size: .2rem}
	
	.list6 li .a { padding: .1rem 0 .1rem .24rem;}
	
	.list5{ display: flex; flex-wrap: wrap; margin: 0 -4px;}
	.list5 li{ width: 100%; padding: 0 4px;}
	.list4 li .con h5{ line-height: .28rem; max-height: .56rem\0;}
	.list6 li .a::before{ top: .24rem;}
	.list7s li .con h5, .list3 li h5{line-height: .3rem;max-height: .6rem\0;}
	
	.list8 li .a p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-indent: 0;font-size: 12px;line-height: 20px;max-height: 60px\0;}

	.list3 li{ width: 100%}
	.list3 li .a{ padding: .2rem 15px .1rem;}
	
	.list12{ padding: 0 15px;}
	
	.container10{ padding: 0 0 .5rem;}
	.container10 .content{ padding: .3rem 15px;}
	.container10 .content .left{ margin-bottom: .2rem;}
	.container10 .content .left img{ width: 1.25rem;}
	.list16 li a h4{ font-size: 16px;}
	
	.list16{ margin: 0 -4px;}
	.list16 li{ padding: 0 4px;}
	
	.list8 li .a .ico svg{ width: .7rem; height: .7rem;}
	.container03 .right .right_rr{width: 100%;padding: .2rem 0 0;}

	#m_nav .list_box1{}

	.list3 li p{ font-size: 13px; line-height: 22px; max-height: 44px\0}
	.list6 li .a h6{ font-size: 13px; line-height: 22px; }
	.list7s li .con p{font-size: 13px;line-height: 22px;max-height: 44px\0;}

	.locZoneBtnBox .locZoneBtn{ width: .6rem; height: .6rem}
}
@media(max-width: 456px){
	
} 

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

li#xxfw_1:hover{
    background:url(../images/list_img01_1.png) center center no-repeat!important;
    background-size: 55%!important;}
li#xxfw_2:hover{
    background:url(../images/list_img01_112.png) center center no-repeat!important;
    background-size: 55%!important;}
li#xxfw_3:hover{
    background:url(../images/list_img01_3.png) center center no-repeat!important;
    background-size: 55%!important;}
li#xxfw_4:hover{
    background:url(../images/list_img01_4.png) center center no-repeat!important;
    background-size: 55%!important;}
li#xxfw_5:hover{
    background:url(../images/list_img01_9.png) center center no-repeat!important;
    background-size: 55%!important;}
li#xxfw_6:hover{
    background:url(../images/list_img01_13.png) center center no-repeat!important;
    background-size: 55%!important;}
li#xxfw_7:hover{
    background:url(../images/list_img01_12.png) center center no-repeat!important;
    background-size: 55%!important;}
li#xxfw_8:hover{
    background:url(../images/list_img01_7.png) center center no-repeat!important;
    background-size: 55%!important;}