@charset "utf-8";

.h4s1{font-size: .2rem;color: #333333;line-height: 1.25;transition: .5s;}
.h4s2{font-size: .24rem;color: #333333;line-height: .36rem;max-height: .72rem\0;transition: .5s;}
.h4s3{font-size: .18rem;color: #333333;line-height: .36rem;max-height: 1.08rem\0;transition: .5s;}

.ps2{font-size: .16rem;color: #999;line-height: .3rem;max-height: .6rem\0;transition: .5s; text-align: justify;}
.ps3{font-size: .15rem;color: #333;line-height: .28rem;max-height: .84rem\0;transition: .5s; text-align: justify;}
.ps6{font-size: .15rem;color: #333;line-height: .28rem;max-height: 1.68rem\0;transition: .5s; text-align: justify;}

.h6s1{ font-size: .16rem; color: #7341ce; line-height: 1.375;transition: .5s;}

.sss p{width:100%; float:left;}
.sss .img_vsb_content img{width:250px!important; margin:0!important;}

/* @font-face { font-family: "Spoqa Han Sans Neo"; src: url("../fonts/SpoqaHanSansNeo-Bold.woff"); } */
@font-face { font-family: "Canela Web";
src: url(../fonts/canela-regular-reduced.jpg)}
@font-face { font-family: "Celtic Garamond the 2nd";
src: url(../fonts/celtic-garamond-the-2nd.jpg)}

.item__img {
	--overflow: 40px;
	width: 100%;
	position: absolute;
	will-change: transform;
	top: 0;
	right: 0;
	bottom: -.3rem;
	left: 0;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;}
.item__img2{ --overflow: 240px;}


.pc_hb{position: relative;z-index: 10000;height: 0;}
#header{position: fixed;z-index:999;width:100%;transition: .5s; border-bottom: rgba(255,255,255,.22) 1px solid;}
#header:before{ content: ""; position: absolute; top: 0; right: 0; left: 0; background: url(../images/header_b1.png) center no-repeat; background-size: 100% 100% !important;height: 2.3rem;z-index: -1;pointer-events: none;transition: .5s;}
#header .wp{align-items: center;justify-content: space-between;width: 100%;height: 1.44rem;transition: .5s;}
#header .right{width: 10rem; max-width: 60%; align-items: center;position: relative;z-index: 1;opacity: 1 !important;padding: .2rem 0 0;}
#header .right .top{ justify-content: flex-end;align-content: center;margin-bottom: 0;position: relative;z-index: 2;}


.admin img{ width: .18rem;}

.list1{ align-items: center;}
.list1 li{ font-size: .16rem; color: rgba(255,255,255,.65);margin: 0;position: relative;transition: .5s;}
.list1 .line1{ width: 1px; height: .14rem; background: rgba(255,255,255,.4);margin: 0 .2rem;transform: rotate(25deg); transition: .5s;}
.list1 .line2{ width: 1px; height: .16rem; background: rgba(255,255,255,.4);margin: 0 .16rem; transition: .5s;}
.list1 li .a{ display: flex; align-items: center;}
.list1 li svg.icon{ width: .2rem; height: .2rem; fill: rgba(255,255,255,.4); margin: 0 .1rem 0 0;transition: .5s;}
.list1 dl{ position: absolute; top: calc(100% + .1rem); left: 50%; transform: translateX(-50%) translateY(.1rem); width: .8rem; background: rgba(255,255,255,.97); border-radius: .06rem;padding: .1rem;opacity: 0;visibility: hidden; transition: .5s;}
.list1 dl dd{ font-size: .14rem; color: #444; line-height: 2; text-align: center; transition: .5s;}
.list1 li .a.btn{ /*margin-left: .16rem*/ margin-left: 0rem;}
.list1 li .a.btn svg{ fill: #fff;width: .16rem;height: .16rem; transition: .5s; margin-right:0.08rem;}

.list1 li:hover{ color: #fff;}
.list1 li:hover img.i1{ transform: rotateX(180deg);}
.list1 li:hover dl{ transform: translateX(-50%) translateY(0); opacity: 1;visibility: visible;} 
.list1 li dl dd:hover{ color: #ffd472;}

.list10_box{overflow: visible;margin: 0 2%;}

.list10 li{ width: 3.61rem;}
.list10 li a{ display:block; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.35);}
.list10 li a .img .img_hezi{ padding-bottom: 43%; background-size: cover;}
.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{padding-bottom:60%;transition: .5s;background-size: cover !important;}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}

#logo{width: 6.0rem;max-width: 30%;opacity: 1 !important;position: relative;}
#logo img{ width: 88%;transition: .5s; float: left; }
#logo .i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;}

#search1{position: fixed;top:0;height:0;width:100%;z-index: 100002;}
#search1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
#search1.open{}
.module>.module_container{margin:0 auto;padding: 0 15px;max-width:1536px;position:relative;}
#search1 .module_container{height: 100vh;overflow:hidden;background: #fff;max-width:none;display: flex;align-items: center;transform: translate3d(0, -101vh, 0);transition: .6s;}
#search1.open .module_container{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#search1 .wrapper{width: 10.24rem;max-width: 100%;margin:0 auto;-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}

#search1 .wrapper .form1 {display: flex;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #c6c6c6;justify-content: space-between;}
.icon_search{background-image:url(../images/icon_search.png);width:16px;height:16px;cursor: pointer;}
#search1 .wrapper .form1 .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper .form1 .input1{font-size: .18rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
.fl{float:left;}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#000;position:absolute;content:"";left:50%;}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap;}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{background: #006179;color: #fff;}
#search1.open .close{ opacity: 1; visibility: visible;}

.pc_hb.on #header .wp{ height: 1.2rem;  }
.pc_hb.on #header{ background: #C81114;box-shadow: 0 0 .3rem rgba(0,0,0,.2); }
.pc_hb.on #header::before{ opacity: 0;}
.pc_hb.on #logo .i2{ opacity: 1;}
.pc_hb.on #nav ul li .h3{ color: #fff;}
.pc_hb.on #nav ul li .h3 svg{ fill: #fff;}
.pc_hb.on .list1 li{ color: #777;}
.pc_hb.on .list1 .line1{ background: rgba(0,0,0,.4);}
.pc_hb.on .list1 .line2{ background: rgba(0,0,0,.4);}
.pc_hb.on .list1 li svg.icon{ fill: #333;}
.pc_hb.on .list1 li .a.btn svg{ fill: #333;}

.m_header_box {transition: all 0.6s ease 0s;display: none;height: 0.75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header {padding: 0px 0px 0px 15px;height: 0.75rem;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;background: #C81114;background: #C81114;background-size: auto;;}
.m_header_box.on #m_header{background: #C81114;}
.m_header_box header #logo img {max-height: 0.36rem;max-width: 100%;width: auto;}
.m_header_box header #logo { padding: 0px;  max-width: inherit;width: 100%;}
.m_header_box .search_btn img { width: 0.26rem; height: 0.26rem;}
.m_header_box .list1 { flex-wrap: nowrap; margin-left: .3rem;margin-right: -.1rem;}
.m_header_box .list1 li{ color: #fff;}
.m_header_box .list1 li svg.icon, .m_header_box .list1 li .a.btn svg{ fill: #fff;}
.m_header_box .search_btn { margin-right: 0.15rem; position: relative; z-index: 10;}
#nav_btn_box.on { background:#C81114;}
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.65rem;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none;}
#nav_btn .point { display: inline-block; width: 0.34rem; height: 16px; position: relative; outline: none; vertical-align: middle;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%;}
#nav_btn .navbtn {position: absolute;left: 0px;display: inline-block;width: 100%;height: 16px;transition: all 0.3s ease-out 0s;}
#nav_btn .navbtn::after {position: absolute;left: 0px;display: inline-block;width: 100%;height: 3px;content: "";transition: all 0.3s ease-out 0s;background: #000;}
 #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 100%;height: 3px;content: "";transition: all 0.3s ease-out 0s;background: #000;}
#nav_btn .navbtn::after { bottom: 0; transform-origin: center;}
#nav_btn .navbtn::before { transform-origin: center;}
#nav_btn .point.on .navbtn { background: transparent;}
#nav_btn .point.on .navbtn::after { transform: rotate(45deg) translateY(-9px);}
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg) translateY(9px);}
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1);}
.m_nav_list::-webkit-scrollbar { display: none;}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 80px 20px 30px;pointer-events: none;transition: all 0.3s ease-out 0s;display: block;opacity: 0;visibility: hidden;backdrop-filter: blur(15px);overflow: hidden scroll;background: #C81114;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(255, 255, 255); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px;}
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible;}
#m_nav .list1 { justify-content: center; margin: 0 -.03rem;}
#m_nav .list1 li .a { color: #115740;}
#m_nav .list1 li .a img { display: none;}
#m_nav .list1 li{ margin: 0 .03rem; flex: auto;font-size: .15rem;}
#m_nav .list1 .line1{ display: none;}
#m_nav .list1 li .a{ color: #fff;border: rgba(255,255,255,.5) 1px solid;border-radius: .03rem;line-height: 1.5;padding: 4px 0;text-align: center;justify-content: center;}

.m_header_box.on header{ box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px; background: #fff;}

.list_box_nav_mobile { max-width: 100%; margin: 0 auto 0.2rem;}
.list_box_nav_mobile > li { width: 100%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto;}
.list_box_nav_mobile > li .con { position: relative;}
.list_box_nav_mobile > li .h3 {width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.05);line-height: 0.64rem;color: #fff;padding: 0px;font-size: 0.2rem;display: flex;position: relative;transition: all 0.5s ease 0s;}
.list_box_nav_mobile > li.on .a { color: rgb(255, 255, 255);}
.list_box_nav_mobile > li .box { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none;}
.list_box_nav_mobile > li .sub { position: relative; top: 0px; left: 0px; right: 0px;}
.list_box_nav_mobile > li i { content: ""; opacity: 1; width: 0.64rem; height: 0.64rem; position: absolute; display: flex; right: -0.2rem; top: 0px; cursor: pointer;  justify-content: center;align-items: center;}
.list_box_nav_mobile > li i svg{ width: .16rem; height: .16rem; fill: #fff; opacity: .5;}
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg);}
.list_box_nav_mobile > li .sub a {display: block;font-size: 13px;color: #fff;line-height: 2.5;min-width: 33.33%;opacity: .7;}
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none;}


#nav{  width: 100%;}
#nav ul { justify-content: space-between; height: .6rem;}
#nav ul li {z-index: 0;margin-left: 0px;position: relative;transition: all 0.2s ease 0s;}
#nav ul li > a {display: block;padding: 0px;position: relative;z-index: 2;height: .6rem;line-height: .6rem;}
#nav ul li .h3 {font-size: .19rem; font-weight:600; color: #fff;height: 100%;position: relative;transition: .5s;display: flex;align-items: center;}
#nav ul li .h3 svg{ width: .14rem; height: .14rem; fill: #fff; margin: 0 0 0 .12rem;transition: .5s;}
#nav ul li .sub {position: absolute;top: 100%;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) translateY(.15rem);visibility: hidden;opacity: 0;transition: .5s;transform-origin: center top;min-width: 1.74rem;padding-top: .1rem;}
#nav ul li .sub:before{ content: ""; position: absolute; top: -.06rem; border-left: transparent .06rem solid; border-right: transparent .06rem solid; border-bottom: #fff .06rem solid;left: 50%;margin-left: -.06rem;display: none;}
#nav ul li .sub .box {line-height: 1.5;transition: .5s;font-size: 0.16rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;overflow: hidden;background: #fff url(../images/nav.jpg) center bottom; ;border-radius: .15rem;box-shadow: rgba(0, 0, 0, 0.06) 0px 0px .2rem;padding: 0;}
#nav ul li .sub a {padding: .12rem 0;line-height: 1.5;transition: .5s;font-size: .15rem;color: #555;text-align: center;white-space: nowrap;display: block;width: 100%;border-radius: 0;}
#nav ul li .sub a:hover {color: #fff;background:#C81114;}
#nav ul li .sub a img { filter: grayscale(100%); opacity: 0.6; margin: 0px 0.1rem 0px 0px; width: 0.19rem;}
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}

.banner{position: relative;overflow: hidden;z-index: 2;width: 100%;height: 100vh;}
.banner ul li{ position: relative; overflow: hidden; z-index: 1;}
.banner .img .imgLi{padding-bottom: 100vh;transition: 0s;}
.banner .img .imgLi:before{ content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0;  background-size: 100% auto;}
.banner .img .imgs{width: 100%;opacity: 0;visibility: hidden;display: none;}
.banner video{ position: absolute;top: 0;right: 0;bottom: 0; left: 0;width: 100%; height: 100%;object-fit: cover;}
.banner .top{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1;padding: 0 0 .5rem;}
.banner .top .wp{ width: 100%;}
.banner .top .fl1{ justify-content: center; position: relative;}
.banner .dots {display: flex;margin: 0px;z-index: 10;width: auto;}
.banner .dots span{width: .13rem;height: .61rem;transition: .5s;border-radius: 0;margin: 0 .01rem !important;opacity: .3 !important;background-size: 100% auto !important;}
.banner .dots span.active { opacity: 1 !important;}
.banner .dotsBox{ align-items: center;position: absolute;bottom: 0;right: 0;}

.banner .dots span:nth-child(5n-4){ background: url(../images/dotsbox_i1.png) center no-repeat;}
.banner .dots span:nth-child(5n-3){ background: url(../images/dotsbox_i2.png) center no-repeat;}
.banner .dots span:nth-child(5n-2){ background: url(../images/dotsbox_i3.png) center no-repeat;}
.banner .dots span:nth-child(5n-1){ background: url(../images/dotsbox_i2.png) center no-repeat;}
.banner .dots span:nth-child(5n){ background: url(../images/dotsbox_i1.png) center no-repeat;}


.aply{ margin-bottom: .6rem;}
.aply .a1{ display: flex; justify-content: center; align-items: center; background: url(../images/aply_i1.png) center no-repeat; ;width: 6.52rem;height: .71rem;font-size: .26rem;color: #fff;padding: .1rem 0 0;position: relative;z-index: 1;}
.aply .a1 span{ font-size: .22rem;margin: 0 0 0 .1rem;}
.aply .a1 svg{ width: .15rem; height: .15rem; fill: #fff;margin: 0 0 0 .25rem;}
.aply .a1 .ico{ position: absolute; top: -.16rem; left: 50%; transform: translateX(-50%);width: .46rem;height: .23rem;}
.aply .line{ position: absolute; background: #fff;transition: 1.2s; transition-delay: .5s;}
.aply .line1{ top: .06rem; left: 0; width: calc(50% - .22rem); height: .02rem;}
.aply .line2{ top: .06rem; left: calc(50% + .22rem); width: calc(50% - .22rem); height: .02rem;}
.aply .line3{ top: .06rem; right: 0; width: .02rem; height: calc(100% - .06rem);}
.aply .line4{ bottom: 0; right: 0; width: 27%; height: .02rem;}
.aply .line5{ bottom: 0; right: 40%; width: 49%; height: .02rem;}
.aply .line6{ bottom: 40%; left: 0; width: .02rem; height: calc(60% - .06rem);}

[data-aos="miso_line"].aply .line1{ width: 0px;}
[data-aos="miso_line"].aos-animate.aply .line1{ width: calc(50% - .22rem);}
[data-aos="miso_line"].aply .line2{ width: 0px;}
[data-aos="miso_line"].aos-animate.aply .line2{ width: calc(50% - .22rem);}
[data-aos="miso_line"].aply .line3{ height: 0px;}
[data-aos="miso_line"].aos-animate.aply .line3{ height: calc(100% - .06rem);}
[data-aos="miso_line"].aply .line4{ width: 0px;}
[data-aos="miso_line"].aos-animate.aply .line4{ width: 27%;}
[data-aos="miso_line"].aply .line5{ width: 0px;}
[data-aos="miso_line"].aos-animate.aply .line5{ width: 49%;}
[data-aos="miso_line"].aply .line6{ height: 0px;}
[data-aos="miso_line"].aos-animate.aply .line6{ height: calc(60% - .06rem);}

.pad1{ padding:1rem 0; overflow: hidden;}
.pab1{ padding-bottom: .96rem; overflow: hidden;}
.tit1{ justify-content: space-between; align-items: center; margin-bottom: .44rem;}
.tit1 img{ position: absolute; left: 0; bottom: 0;width: 1.59rem;height: .34rem;}
.tit1 .ll{ position: relative; z-index: 1; padding: .04rem .1rem .4rem;}
.tit1 h3{ font-size: .36rem; color: #333333; font-weight: bold;}
.tit1 h4{ font-size: .46rem; color: #C81114; opacity: .1;font-family: "Canela Web";text-transform: uppercase; position: absolute; top:.03rem; left: .16rem;white-space: nowrap;}
/*.home1-2{ background: #f7f8fc url(../images/home1-2.jpg) center bottom no-repeat; background-size: 100% auto;}*/
.home1-2{ position: relative; z-index: 1;}
/*.more1{ width: 1.28rem; height: .44rem;position: relative;z-index: 1;justify-content: center;align-items: center;margin-bottom: 0.3rem;}
.more1:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 0;transition: .5s; z-index: -1}
.more1 svg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;width: 100%;height: 100%;}
.more1 .cls-1{fill: #C81114;}
.more1 span{ font-size: .17rem; color: #333333;font-weight: 600;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; position: relative;z-index: 1; transition: .5s}
.more1 span:before{ content: ""; position: absolute; top: 50%; right: 96%; width: .22rem; height: 1px; background: #C81114;transition: .5s;}
.more1 span:after{ content: ""; position: absolute; top: 50%; left: 96%; width: .22rem; height: 1px; background: #C81114;transition: .5s;}*/

.more1{ width: 1.48rem; height: .44rem;position: relative;z-index: 1;justify-content: center;align-items: center;margin-top:-.2rem;}
.more1:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 0;transition: .5s; z-index: -1;}
.more1 svg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;width: 100%;height: 100%;}
.more1 .cls-1{fill: #C81114; stroke-dashoffset: 100px;}
.more1 span{ font-size: .2rem; color: #333333;font-weight: 600;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; position: relative;z-index: 1; transition: .5s;}
.more1 span:before{ content: ""; position: absolute; top: 50%; right: 96%; width: .28rem; height: 1px; background: #C81114;transition: .5s;}
.more1 span:after{ content: ""; position: absolute; top: 50%; left: 96%; width: .28rem; height: 1px; background: #C81114;transition: .5s;}







.more_bai{ width: 1.48rem; height: .44rem;position: relative;z-index: 1;justify-content: center;align-items: center; margin-top:-.2rem;}
.more_bai:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 0;transition: .5s; z-index: -1;}
.more_bai svg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;width: 100%;height: 100%;}
.more_bai .cls-1{fill: #fff;}
.more_bai span{ font-size: .17rem; color: #fff;font-weight: 600;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; position: relative;z-index: 1; transition: .5s;}
.more_bai span:before{ content: ""; position: absolute; top: 50%; right: 96%; width: .22rem; height: 1px; background: #fff;transition: .5s;}
.more_bai span:after{ content: ""; position: absolute; top: 50%; left: 96%; width: .22rem; height: 1px; background: #fff;transition: .5s;}

.home1{ padding-bottom: 0;}
.list3{ margin: 0 -4%;}
.list3 li{ width: 50%; padding: 0 4%;margin-bottom: 0;}
.list3 .a{ display: block; position: relative; z-index: 1;padding: .26rem 1rem .26rem 0;min-height: 1.78rem;}
.list3 .a::before{ content: ""; position: absolute; top: 0; width: 100%; height: .04rem; background: #000000;transition: 1s;transition-delay: .5s;}
.list3 .a::after{ content: ""; position: absolute; top: 0; width: 0; height: .04rem; transition: .5s; background: #C81114;}
.list3 .a svg{ position: absolute; top: .4rem; right: 0; width: .18rem; height: .18rem; fill: #000000;transform: rotate(90deg);transition: .5s;}
.list3 h4{ color: #C81114;}

[data-aos="fade-left"] .list3 .a::before{ width: 0px;}
[data-aos="fade-left"].aos-animate .list3 .a::before{ width: 100%;}

.home1 .fl1{ justify-content: space-between;}
.home1 .left_z{ width: 48.5%;}
/*.home1 .ar_article p{ font-size: .16rem; color: #333333; line-height: .34rem;}*/
.notice { width: 100%; background:#fff; padding:.25rem;}
.notice li {padding-bottom: .15rem; margin-bottom: .15rem; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.notice li:last-child {padding-bottom: 0rem; margin-bottom: 0rem; border-bottom: 0px solid #f2f2f2;}
.noticeDate { width: .68rem; float: left; text-align: center;}
.noticeDate p { transition: all .5s; font-size: .3rem; background:#e7e7e7; font-weight: 500; line-height:.47rem; color: #C81114;}
.noticeDate span { transition: all .5s; display: block; font-size: .14rem; color: #5d5d5d; background: #f2f2f2; line-height: .27rem; font-size: .12rem;}
.noticeTag {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top: .1rem; transition: all .5s; float: right; width: calc(100% - .87rem);font-size: 0.18rem; color: #000000; line-height: 0.3rem;}
.notice li:hover .noticeDate p {background: #C81114; color: #ffffff;}
.notice li:hover .noticeDate span {background: #ad0c0e; color: #ffffff;}
.notice li:hover .noticeTag {  color: #C81114;}

@media(min-width: 1440px){

}
@media(max-width: 1366px){

}
@media(max-width: 800px){
.home1 .left_z{ width: 100%; margin-top:.4rem;}
}
@media(max-width: 560px){
} 


.home1 .right{ width: 64.24%;}


.smxy-xshd-img { width:100%; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); background:#fff;}

.smxy-xshd-img .img {float: left;width: 35%;height: 439px;}

.smxy-xshd-img .img a {	display: block;	width: 100%; height: 100%; overflow: hidden;}

.smxy-xshd-img .img a img {	width: 100%;height: 100%;overflow: hidden;transition: all 0.6s;	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s;}

.smxy-xshd-img .img a:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);}

.smxy-xshd-img .box {
	float: right;
	width: 60%;
	height: 100%;
	background: url(../images/xshd-bg.png) no-repeat right bottom;}

.smxy-xshd-img .box .name {
	display: block;
	margin: .8rem 0 0 0;
	color: #666;
	font-size: .16rem;}

.smxy-xshd-img .box .name .name-icon {
	width: 22px;
	height: 23px;
	display: inline-block;
	background: url(../images/icon1.png) no-repeat;
	margin-right: 8px;
	vertical-align: -2px;}

.smxy-xshd-img .box .tit a {
	display: block;
	margin: .2rem 0 .5rem 0;
	color: #C81114;
	font-size: .28rem;
	font-weight: bold;}

.smxy-xshd-img .box .tit a:hover {
	color: #9b0101;}

.smxy-xshd-img .box .listInf {
	margin: 20px 0 0 0;
	color: #666;
	font-size: .17rem;}

.smxy-xshd-img .box .listInf li {
	margin: .16rem 0;}

.smxy-xshd-img .box .listInf li .ht-icon {
	width: 12px;
	height: 14px;
	display: inline-block;
	background: url(../images/icon1.png) no-repeat;
	margin-right: 10px;
	vertical-align: -2px;}

.smxy-xshd-img .box .listInf li .time-icon {
	width: 12px;
	height: 13px;
	display: inline-block;
	background: url(../images/icon2.png) no-repeat;
	margin-right: 8px;
	vertical-align: -1px;}

.smxy-xshd-img .box .listInf li .address-icon {
	width: 12px;
	height: 13px;
	display: inline-block;
	background: url(../images/icon3.png) no-repeat;
	margin-right: 8px;
	vertical-align: -1px;}

#swiper-container1 .swiper-button-prev {
	display: none;}

#swiper-container1 .swiper-button-next {
	width: 58px;
	height: 58px;
	background: #ca9a43 url(../images/xshd-btn.png) no-repeat center center;
	border-radius: 50%;
	right: 42px;
	top: 360px;}

#swiper-container1 .swiper-button-next:hover {
	background: #c00d1e url(../images/xshd-btn.png) no-repeat center center;}


@media(min-width: 1440px){
.smxy-xshd-img .img {height: 439px;}
.smxy-xshd-img .box {height: 439px;}
}
@media(max-width: 1366px){
	.smxy-xshd-img .img {height: 418px;}
.smxy-xshd-img .box {height: 418px;}
}
@media(max-width: 1280px){
.smxy-xshd-img .img {height: auto; width:100%;}
.smxy-xshd-img .box {height: auto; width:100%; padding:.2rem;}
.smxy-xshd-img .box .name { margin-top:.2rem;}
.smxy-xshd-img .box .tit a { font-size:.24rem; margin:.1rem 0 .2rem 0;}
#swiper-container1 .swiper-button-next { zoom:0.8;}
}
@media(max-width: 560px){
	.zthz_nr .zuo { width:100%;}
} 

.tit1_bs h3{ color:#fff;}
.tit1_bs h4{ color:#fff;}

.tit1_c{ text-align: center; justify-content: center;}
.tit1_c h4{ left: 50%; transform: translateX(-50%);}
.home2{ padding-top: .8rem;background: url(../images/bg2s.jpg) no-repeat top center; ;}

.home8{ background: url(../images/a_20.png) no-repeat bottom center;}

.list4{ margin: 0 -.28rem;}
.list4 li{ width: 33.33%; padding: 0 .28rem;}
.list4 .img .imgLi{ padding-bottom: 68.18%; background:#ebf2f6;}
.list4 .img .imgLi .item__img { bottom:0;}
.list4 .txt{ /*height: .72rem;*/ align-items: center; justify-content: space-between;position: relative;z-index: 1; background:#fff; padding:0.18rem 0.28rem;}
.list4 .txt .ll{ align-items: center; font-size: .22rem; color: #333333; line-height: 1.45; text-align:justify;}
.list4 .txt .ll .ico{ width: .72rem; height: .72rem; background: #C81114; transform: translateX(-.28rem);transition: .5s; position:absolute;  bottom:1rem;}
.list4 .txt .ll .ico h3{font-size: .34rem; color: #fff;  font-weight: bold; width:100%; text-align:center; line-height:1.1; margin-top:.1rem;}
.list4 .txt .ll .ico p{font-size: 12px;  color: #fff; text-align:center;}
.list4 .txt .ll .ico img{ width: 100%;}
.list4 .txt svg{ position: absolute; top:0.62rem; right: 0.3rem; width: .16rem; height: .16rem; fill: #666666;transform: rotate(90deg);transition: .5s;}

.home3{ position: relative; z-index: 1;}
.home3 .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
/*.home3 .bg .item__img{ background-attachment: fixed !important;}*/
.home3 .tit1_c h4{ color: #fff;opacity: .2;}
.home3 .tit1_c h3{ color: #fff;}

.list5Box{ padding: .6rem 0 0; justify-content: center; text-align: center;}
.list5Box .dots{ margin-top: .5rem;}
.list5Box .dots span{ width: .15rem; height: .15rem; background: #C81114;opacity: .34;}
.list5Box .dots span.active{ opacity: 1;}

.list5 .item1 {transition: .5s;}


.homeb{padding: .2rem 0; margin:0 -0.28rem;}
.homeb .intit:before{content: '';height: 1px;background: #e2eaea;position: absolute;left: .9rem;top: 50%;width: calc(50% - 2rem);}
.homeb .intit:after{content: '';height: 1px;background: #e2eaea;position: absolute;right: 1.3rem;top: 50%;width: calc(50% - 2.4rem);}

.homeb .swiBtn{position: absolute;top: .15rem;left: 0;z-index: 8;}
.homeb .inmore{position: absolute;top: .18rem;right: 0;z-index: 8;}
.slide-b{ padding: .3rem .2rem; margin: -.3rem -.2rem;}
.homeb .item { padding: 0 0.28rem;}
.homeb .item1{ transition: .5s; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.homeb .item a{ display: block; transition: .5s; border-radius: .2rem;}
.homeb .item .imgBox{border-radius: .2rem .2rem 0 0; position:relative;}
.homeb .item .imgBox .img{padding-bottom: 61.771%;}

.homeb .item .imgBox .ico{ width: .72rem; height: .72rem; background: #C81114; position:absolute;  bottom:0rem;}
.homeb .item .imgBox .ico h3{font-size: .34rem; color: #fff;  font-weight: bold; width:100%; text-align:center; line-height:1.1; margin-top:.1rem;}
.homeb .item .imgBox .ico p{font-size: 12px;  color: #fff; text-align:center;}

.homeb .item:hover .ico{transform: translateX(-.2rem);transition: .5s; background: #c00d1e;}

.overfloat-dot {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.homeb .item .name { width:100%;}
.homeb .item .name h6 {font-size: .17rem;color: #666; line-height: 1.8; padding-left: .25rem; transition: .5s; text-align:left;}
.homeb .item .name h6.h61 { background: url(../images/icon1.png) left center no-repeat;}
.homeb .item .name h6.h62 { background: url(../images/icon2.png) left center no-repeat;}
.homeb .item .name h6.h63 { background: url(../images/icon3.png) left center no-repeat;}




.homeb .item .txt{background: #fff;padding: .24rem .2rem .24rem;/*display: flex;align-items: center;*/border-radius: 0 0 .2rem .2rem;position: relative;z-index: 1;overflow: hidden;}
.homeb .item .txt:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: #C81114; z-index: -1; height: 0; transition: .5s;}
.homeb .item .txt .time{color: #008fb7;text-align: right;padding-right: .15rem;margin-right: .15rem;position: relative;transition: .5s;}
.homeb .item .txt .time:after{content: '';width: 1px;height: .5rem;background: #99d2e2;position: absolute;right: 0;top: 50%;margin-top: -.25rem;}
.homeb .item .txt .time span{font-size: .3rem;display: block;font-weight: bold;width: 100%;transition: .5s;}
.homeb .item .txt .tit{ flex:1;font-size: .22rem;}
.homeb .item .txt .tit h4{font-weight: 500; transition: .5s; margin-bottom:.12rem; text-align:left; min-height:.77rem;align-items: center;color: #333333;line-height: 1.45;   text-align: justify; border-bottom:1px solid #ccc; padding-bottom:.12rem;}
.homeb .swiDots{text-align: center;margin-top: .2rem;}
.homeb .swiDots span{width: 10px;height: 10px;}
.homeb .swiDots span.active{background: #008fb7;opacity: 1;}

.homeb .item .name p { font-size:.16rem; line-height:1.55; text-align:left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity:0.72;}

.homeb .item:hover .txt:before{ height: 100%;}
.homeb .item:hover .txt *{ color: #fff !important;}
.homeb .item:hover .item1{ transform: scale(1);}
.homeb .item:hover a{ box-shadow: 0 0 .25rem rgba(24,77,166,.7);}

.homeb .item:hover .name h6.h61 { background: url(../images/icon1_b.png) left center no-repeat;}
.homeb .item:hover .name h6.h62 { background: url(../images/icon2_b.png) left center no-repeat;}
.homeb .item:hover .name h6.h63 { background: url(../images/icon3_b.png) left center no-repeat;}
/*.list5 li{ text-align: center}
.list5 .icow{ position: relative; z-index: 1;width: 1.64rem;height: 1.64rem;margin: 0 auto;}
.list5 .icow:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #8362dd;z-index: -1;border-radius: 50vw;transform: scale(1.5);opacity: 0;transition: .5s;}
.list5 .ico {width: 100%;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;}
.list5 .ico img {width: 100%;height: 100%; transition: .5s;}
.list5 .ico img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;}
.list5 .ico:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #fff 1px dashed;border-radius: 50vw;z-index: -1;border-radius: 50vw;-webkit-animation: play 25s linear infinite;-moz-animation: play 25s linear infinite;animation: play 25s linear infinite; transition: .5s;}
.list5 .ico:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;border-radius: 50vw;transform: scale(.85);transition: .5s;}
.list5 .sicoh{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;z-index: 1;opacity: 0;transition: .5s;}
.list5 .sicoh svg{ width: 100%; height: 100%}
.list5 h3{ color: #ffffff;margin: .25rem 0 0;}
.list5 h3 big{ font-size: .42rem; font-family: "Celtic Garamond the 2nd";margin: 0 .1rem 0 0;}
.list5 h3 small{ font-size: .16rem;}
.list5 h6 {font-size: .18rem;color: #fff;margin: .08rem 0 0;line-height: .24rem;height: .48rem;}*/
/* @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); }
} */
.home4{background: url(../images/bg1s.jpg) no-repeat top center;
    ;
    position: relative;
    overflow: hidden;}
.home4 .fl1{ justify-content: space-between;}
/*.home4 .left{ width:100%;}
.home4 .left{ width:calc(100% - 444px); float: left;}
.home4 .right{ float: right; width: 384px;}*/

.home4 .left{ width: 68%;}
.home4 .right{ width: 28.3%;}


.list6 .a{ display: block; position: relative; z-index: 1;}
.list6 .time{ position: absolute; left: 0; bottom: 0; width: 1.21rem; height: .97rem; background: rgba(24,77,166,.87);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list6 .time h3{ font-size: .36rem; color: #fff; font-weight: bold;}
.list6 .time h6{ font-size: .16rem; color: #fff; font-weight: bold; margin: .01rem 0 0;}
.list6 .img .imgLi{ padding-bottom: 62.65%;}
.list6 .txt{ padding: .45rem 0 .45rem .4rem; position: relative; z-index: 1;}
.list6 .txt::before{ content: ""; position: absolute; top: 0; left: 0; width: .03rem; height: 1.6rem; background: #C81114;}
.list6 h4{ font-size: .28rem; color: #333333;}
.list6 p{ margin: .18rem 0 0;}

.list7 li{ margin-bottom: .3rem;}
.list7 .a{ display: block; position: relative; z-index: 1; overflow: hidden;}
.list7 .img .imgLi{ padding-bottom: 62.25%;}
.list7 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(24,77,166,.92);flex-direction: column;justify-content: center;padding: 0 .45rem; transition: .5s; transform: translateY(101%);}
.list7 .bottom{ margin: .36rem 0 0; justify-content: space-between;}
.list7 .bottom big{ font-size: .28rem; color: #fff;}
.list7 .bottom small{ font-size: .14rem; color: #fff;margin: 0 0 0 .03rem;}
.list7 span{ display: inline-block; padding: 0 .3rem; border: rgba(255,255,255,.4) 1px solid;line-height: .29rem;border-radius: 50vw;font-size: .14rem;color: #fff;margin-right: -.6rem;}
.list7 h4{ color: #fff;}

footer{ background: url(../images/footer.jpg) center no-repeat; ;}
footer .wp{ width: 17.2rem;}
footer .fl1{ padding: .85rem 0 .55rem;}
footer .fl1 .wp{ justify-content: space-between;}
footer .fl1 .left{ width: 5.96rem; max-width: 35%;}
footer .fl1 .right{ width: 58%;}
.f_logo{ padding-bottom: .64rem; border-bottom: rgba(255,255,255,.2) 1px solid; margin-bottom: .66rem;}
.ewm1{ margin: 0 -.1rem .5rem;}
.ewm1 li{ padding: 0 .1rem;text-align: center;}
.ewm1 li img{ width: 1.25rem; height: 1.25rem;}
.ewm1 h6{ font-size: .16rem; color: #fff; line-height: 1.5;margin: .1rem 0 0;}
.f_nav{ justify-content: space-between;}

.list8 p{ font-size: .16rem; color: #fff; line-height: .3rem; margin-top: .06rem; padding: 0 0 0 .32rem;background-size: .2rem .2rem !important;}
.list8 .p1{ background: url(../images/list8_i1.png) left .06rem no-repeat;}
.list8 .p2{ background: url(../images/list8_i2.png) left .06rem no-repeat;}

.f_nav .h3{ font-size: .22rem; color: #fff; line-height: 1.25; transition: .5s;margin-bottom: .25rem;}
.f_nav .box a{ font-size: .14rem; color: #fff; line-height: .24rem; transition: .5s;display: block;margin-bottom: .15rem;}

.list_linkbox{ justify-content: flex-end; margin: 1.5rem 0 0;}
.list_link{position: relative;width: 2.15rem;}
.list_link dt {height: .4rem;border: #fff 1px solid;display: flex;align-items: center;justify-content: space-between;padding: 0 .15rem;font-size: .14rem;color: #fff;cursor: pointer;position: relative;line-height: .4rem;}
.list_link dt svg{ width: .1rem; height: .1rem; fill: #fff; transform: rotateX(180deg); transition: .5s;}
.list_link .con {position: absolute;bottom: 100%;left: 0;right: 0;z-index: 1;background: rgba(255,255,255,.96);border-bottom: none;padding: 0 .15rem;display: none;transform-origin: bottom;}
.list_link .con dd {font-size: .13rem;color: #555;line-height: .36rem;font-weight: 300;border-bottom: rgba(0,0,0,.1) 1px solid;text-align: left;}
.list_link .con dd:last-child {border-bottom: none ;}
.list_link dt.on svg{transform: rotateX(180deg);}

footer .fl2{ padding: .2rem 0; border-top: rgba(255,255,255,.2) 1px solid; text-align: center;}
footer .fl2 p{ font-size: .16rem; color: #fff; line-height: 1.5;}


@media(min-width: 1024px){
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08);}

    .a:hover .h4s1, .a:hover .h4s2{ color: #C81114;}

    .more1:hover span{ color: #fff;}
    .more1:hover:before{ width: 100%; background: #C81114; left: 0;}
    .more1:hover span:before{ transform: translateX(-.3rem); opacity: 0;}
    .more1:hover span:after{ transform: translateX(.3rem); opacity: 0;}
	
	
	.more3:hover span{ color: #fff;}
    .more3:hover:before{ width: 100%; background: #C81114; left: 0;}
    .more3:hover span:before{ transform: translateX(-.3rem); opacity: 0;}
    .more3:hover span:after{ transform: translateX(.3rem); opacity: 0;}
	

	
	
	.more_bai:hover span{ color: #C81114;}
    .more_bai:hover:before{ width: 100%; background: #fff; left: 0;}
    .more_bai:hover span:before{ transform: translateX(-.3rem); opacity: 0;}
    .more_bai:hover span:after{ transform: translateX(.3rem); opacity: 0;}
    
    .list3 .a:hover::after{ width: 100%;}
    .list3 .a:hover svg{ fill: #C81114; transform: rotate(0deg);}

    .list4 .a:hover .ll{ color: #C81114;}
    .list4 .a:hover svg{ fill: #C81114; transform: rotate(0deg);}
    .list4 .a:hover .txt .ll .ico img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
    .list4 .a:hover .txt .ll .ico{ transform: translateY(0);}
    
    .list5 .a:hover .icow:before{ transform: scale(1); opacity: .34;} 
    .list5 .a:hover .ico:before{ background: #8362dd;}
    .list5 .a:hover .ico:after{ opacity: 0;}
    .list5 .a:hover .ico img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
    .list5 .a:hover .ico .i1{ opacity: 0;}
    .list5 .a:hover .ico .i2{ opacity: 1;}
    
    .list5 .a:hover .sicoh{ opacity: 1;}
    
    .list7 .a:hover .txt{ transform: translateY(0);}
}
@media(max-width: 1600px){
	
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
	.pc_hb{ display: none;}
	.m_header_box{ display: block;}

    .banner{ height: auto;/*margin: .75rem 0 0;*/margin:0 auto;}
    .banner .img .imgLi{ padding-bottom: 60%;}

    .list4 li{ width: 100%; margin-bottom: .25rem;}

    footer .fl1 .left{ width: 100%;max-width: 100%; text-align: center;}
    footer .fl1 .right{ width: 100%;text-align: center;padding: .3rem 0 0;}
    .f_logo{ width: 3rem; max-width: 100%;margin: 0 auto;padding-bottom: .25rem;}
    .f_nav{ display: none;}
    .list_link{ margin: 0 auto;}
    .ewm1{ justify-content: center;margin: .3rem -.1rem .3rem;}
    
    .list8 p{ padding: 0; background: none !important;}
    .list_linkbox{ margin: 0;}
}
@media(max-width: 800px){
	#gotop{ right:0; transform:scale(0.7);}
    .scroll{ overflow: hidden; overflow-x: scroll;}
    .ar_article{font-size: .18rem;}
    .ar_article td, .ar_article th, .ar_article table th{ font-size: .18rem;}

    .ar_article1 p{}
    
    .banner .top{ bottom: .2rem;padding: 0 0 .1rem;}
    .aply{ transform: scale(.7);margin-bottom: 0;}
    .banner .dots{ transform: scale(.6);}
    .aply .a1{ width: 5rem;}

    .home1 .ar_article{ width: 100%;}
    .home1 .right{ width: 100%;padding: .4rem 0 0;}
    .list3 .a{ min-height: 1.2rem;padding: .15rem .5rem 0 0;}

    .home4 .left{ width: 100%;}
    .home4 .right{ width: 100%;margin-top: 0.4rem;}
    footer .fl1{ padding: .4rem 0;}
    
    .tit1 h3{ font-size: .26rem;}
    .tit1 h4{ font-size: .32rem;}
    .tit1 img{ transform: scale(.7) translateX(-.15rem);transform-origin: center;}
    .tit1 .ll{ padding: .04rem .1rem .3rem;}
    
    .more1{transform: scale(.8);transform-origin: right;}
	.more3{transform: scale(.8);transform-origin: right;}
	
	.more_bai {margin-right: 0.1rem;}

    .pad1{ padding: .4rem 0;}
    .tit1{ margin-bottom: .15rem;}
    .home2{ padding-top: 0; margin-top:.4rem;}
    .list4 .txt .ll{ font-size: .2rem;}
    .list4 .txt{ height: 1rem;}
    .list4 .txt svg{ margin-top: -.04rem;}
    
	
    .list5Box{ padding: 0;}
    .list5Box .dots{ margin: .3rem auto 0;}
    .list6 .txt{ padding: .25rem 0 .25rem .2rem;}
    .list6 .txt::before{ height: .8rem;}
    .list6 p{ margin: .1rem 0 0;}
    
    .ewm1{ justify-content: center;margin: .2rem -.1rem .2rem;}

    .list7 .txt{ position: relative;transform: translateY(0);padding: .3rem .25rem;}
    .list7 span{ margin-right: -.45rem;}
    .list7 .bottom{ margin-top: .2rem;}
}
@media(max-width: 560px){
    .m_header_box header #logo img{ max-height: .45rem;max-width: 100%;}
    
	.aply{ transform: scale(.5);transform-origin: left;}
    .banner .top .fl1{ justify-content: space-between;}
    .banner .top{ bottom: .1rem;padding: 0;}

    .list3 li{ width: 100%;}
    .list3 .a{ min-height: .7rem; padding: .15rem .5rem 0 0;}
    .list3 .a svg{ top: .25rem; width: .15rem; height: .15rem;}
    .list3 .a::before{ height: 2px;}

    .list5 .icow{ width: 1rem; height: 1rem;}
    .list5 h3{ margin: .15rem 0 0;}
    .list5 h3 big{ font-size: .3rem;}
    .list5 h6{ font-size: .16rem;}
}

.n_banner{ position: relative; z-index: 1;overflow: hidden;}
.n_banner .img .imgLi{ padding-bottom: 23.4375%;}
.n_banner .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.n_banner .top .wp{ height: 100%;display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;}
.n_banner h3{ font-size: .6rem; color: #fff; position: relative; text-shadow: 0px 0px .5rem rgba(34, 84, 212, 0.7);font-weight: bold;}
.n_banner h6{ font-size: .36rem; color: rgba(255,255,255,.6); font-family: "sys"; opacity: .2;text-transform: uppercase;margin: -.18rem 0 0;text-align: left;text-shadow: 0px 0px .5rem rgba(34, 84, 212, 0.7);}

.n_container{ padding: 0;}
.n_b1{ position: relative; z-index: 1; ;}
.n_b1::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background-size: 100% auto;pointer-events: none;}

.nLeft{ width: 2.8rem;position: relative;top: -1.12rem;}
.nRight{ width: calc(100% - 2.8rem); padding: .65rem 0 1.1rem .6rem;}
.n_t1{background: #C81114 url(../images/nav_bt2.png) center no-repeat;;height: 1.12rem;display: flex;justify-content: center;font-size: .3rem;color: #fff;font-weight: bold;position: relative;z-index: 1;flex-direction: column;padding: .1rem .36rem 0; border-radius:.5rem 0 0 0;}
/*.n_t1:before{ content: ""; position: absolute; bottom: 0; left: 0; height: .03rem; background: #C81114;right: 0;}*/
.n_t1 h3{ font-size: .32rem; color: #fff; font-weight: bold;position: relative;z-index: 1;}
.n_t1 h4{ font-size: .4rem; color: #d8b95a; font-family: "Canela Web";text-transform: uppercase;opacity: .12;position: absolute;bottom: .22rem;z-index: -1;}

.about .list2 {	background: url(../images/about-bg.png) no-repeat;	;	height: 2.2rem;
	display: flex;}

.about .list2 li {	width: 16.66667%;	text-align: center;	position: relative;}
.about .list2 li::before {	content: "";	position: absolute;	width: .01rem;	height: 100%;top: 0;	right: 0;	background: rgba(255, 255, 255, 0.3);}
.about .list2 li .item {padding: 0 .3rem;	margin-top: .7rem;}
.about .list2 li .num {	font-weight: bold;	font-size: .45rem;	color: #FFF;	margin-bottom: .14rem;}
.about .list2 li .txt {	color: rgba(255, 255, 255, 0.8);line-height: 1.5em; font-size:.16rem;}


.ejBox{position: relative;z-index: 1;background: #f2f6fa;background-size: 100% 100%;}
.ejBox .i1{ position: absolute; top: -10%; right: 100%; height: 120%;}
.ejBox .i2{ position: absolute; top: -10%; left: 100%; height: 120%;}

.list_ej{height: 100%;padding: 0 0 1rem 0;background: #fbfafc url(../images/list_ej.jpg) center bottom no-repeat; background-size: 100% auto; border-left:.05rem solid #C81114;}
.list_ej li{width: 100%;position: relative;z-index: 1;}
.list_ej .a::before{content: "";position: absolute;background: url(../images/list_ej.png) center no-repeat;left: 0;width: 0;height: 100%;bottom: 0; top: 0;transition: .5s;z-index: -1;;}
.list_ej .a::after{content: "";position: absolute;border-bottom: #eae8f4 1px dashed;right: .3rem;left: .3rem;height: 1px;bottom: 0; transition: .5s;z-index: -2;}
.list_ej span{position: relative;display: inline-block;padding: 0;line-height: .26rem;max-width: 100%;}
.list_ej span::before{content: "";position: absolute;background: url(../images/list_ej.png) center repeat-x;left: 0;width: .22rem;height: .22rem;;opacity: 0;transition: .5s;top: 50%;margin-top: -.11rem;}
.list_ej .a{height: .75rem;display: flex;align-items: center;font-size: .22rem;color: #333333;flex-wrap: nowrap;transition: .5s;position: relative;z-index: 2;padding: 0 .3rem;}
/*.list_ej li:last-child .a::after{ display: none}*/

.sjs{padding: .1rem 0 0;}
.sjs a{display: block;font-size:.16rem;color:#999;line-height: 2;text-align: center;transition: .5s;}
.sjs a:hover, .sjs a.on{ color: #14428f;}

.list_ej li.on span::before, .list_ej li:hover span::before{ opacity: 1;-webkit-animation: play 5s linear infinite;-moz-animation: play 5s linear infinite;animation: play 5s linear infinite;}
.list_ej li.on .a::before, .list_ej li:hover .a::before{ width: 100%;}
.list_ej li.on .a, .list_ej li:hover .a{ color: #C81114;font-weight: bold;}

.tit2{ margin-bottom: .4rem;border-bottom: 1px solid #ccc;  padding-bottom: 0.2rem;}
.tit2 h3{ position: relative; z-index: 1; font-size: .34rem; color: #222222;}
/*.tit2 h3:before{ content: ""; position: absolute; left: 0; top: 0; width: .05rem; height: .35rem;background: #245cbc;}*/

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: url(../images/footer.jpg) center no-repeat;;}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;height: 28px;}
#bnt_back img { height: 28px; vertical-align: top;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px;}
#m_n_nav i {position: absolute;top: 0;right: 15px;font-size: .2rem;color: #666;font-family: simsun;font-style: normal;width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px;}
#n_n_title{  position: relative;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center;}
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px;}
#bnt_sub_nav img { display: block; height: 20px;}
#bnt_sub_nav.on img { transform: rotate(-180deg);}
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9;}
#sub_nav_content ul { padding: 10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px;}
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85);}
#sub_nav_content ul li.on a { color: rgb(202, 158, 78);}
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none;}
#sub_nav_content dt a {}
#sub_nav_content dt.title { background: rgb(250, 250, 251);}
#sub_nav_content dt.title i { opacity: 1;}
#sub_nav_content dt.title_on { background: rgb(250, 250, 251);}
#sub_nav_content dt.title_on a { color: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41);}
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248);}
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #534bb1;}
#sub_nav_content dd {display: none;width: 100%;}
#sub_nav_content dd .box { padding: 0px;}
#sub_nav_content dd a {padding: 0px 25px;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;}
#sub_nav_content dd a.on { color: rgb(215, 0, 41);}

.mianbao{ align-items: center; font-size: .16rem; color: #fff; line-height: 1.5;margin-bottom: .2rem;}
.mianbao *{ font-style: normal;transition: .5s;}
.mianbao span{margin: 0 .06rem;}
.mianbao img{margin: -.03rem .06rem 0 0;height: .16rem;}

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

.about .ar_article p img{ margin: .1rem 0 0 .25rem;}
.about .fl2{ background: url(../images/about_b1.jpg) center no-repeat; ; padding: .3rem .25rem; margin: .3rem 0;}
.about .fl2 .ar_article p{ color: #fff;}

.list9{ margin: .4rem -.06rem 0;}
.list9 li{ padding: 0 .06rem; width: 50%;}
.list9 .a{ display: block; position: relative;}
.list9 .imgBox .imgLi{ padding-bottom: 38.73%;}
.list9 .top{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;padding: 8% .44rem 0;}
.list9 .top h3{ font-size: .3rem; color: #fff; margin-bottom: .2rem;}
.list9 .top p{ font-size: .19rem; color: #fff; line-height: .28rem;}

.n_bg1{ background: url(../images/n_b1.jpg) center bottom no-repeat; background-size: 100% auto;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    #m_n_nav{ display: block;}
    
    .nLeft{ width: 100%;display: none;}
    .nRight{ width: 100%;padding: .4rem 0 .5rem;min-height:4.7rem;}
    
    .n_banner{ margin-top: .75rem;}
    .n_banner .top{ width: 100%;display: none;}
}
@media(max-width: 800px){
    .list9 li{ width: 100%; margin-bottom: .2rem;}

    .ar_article, .ar_article p{ line-height: 1.75;}
    
    .tit2{ margin-bottom: .3rem;}
    .tit2 h3{ font-size: .26rem;}
    .tit2 h3:before{ height: .26rem;}
    
    .about .ar_article p img{ margin: 0 0 .2rem 0;}

    .list9 .top h3{ font-size: .26rem;margin-bottom: .12rem;}
    .list9 .top p{ font-size: .14rem;}
}
@media(max-width: 560px){
} 

.ar_article2 p{ margin-bottom: 0;}

.jgsz .fl1{ margin-bottom: .55rem;}


@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.list11{ margin: 0 -.1rem;}
.list11 li{ width: 50%; padding: 0 .1rem; margin-bottom: .18rem;}
.list11 .a{ display: block; padding: .35rem .35rem; border: #ebe7f7 1px solid; background: #fbfafc; height: 100%;transition: .5s;}

.list11 h3{ font-size: .24rem; color: #333333; line-height: 1.375; position: relative; padding-bottom: .14rem; margin-bottom: .25rem;}
.list11 h3::before{ content: ""; position: absolute; left: 0; bottom: 0; width: .46rem; height: .03rem; background: #3d66da;}
.list11 dl{ line-height: .32rem; font-size: .17rem; color: #333333; margin-bottom: .15rem;}
.list11 dl .con{ flex: 1; overflow: hidden;}
.list11 dl dd{ margin-right: .15rem;position: relative;z-index: 1;}
.list11 dl dd:before{ content: "、"; position: absolute; right: -.12rem; font-size: .17rem; color: #333333; width: .1rem; height: 100%;}
.list11 dl dd:last-child:before{ display: none;}

@media(min-width: 1024px){
.list11 .a:hover{ border: #C81114 1px solid; box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26); background:#235cbc;}
.list11 .a:hover h3 { color:#fff;}
.list11 .a:hover dl { color:#fff;}
.list11 .a:hover h3::before {background: #71a6ff;}

}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list11 li{ width: 100%;}
    .list11 .a{ padding: .3rem .2rem;}
    .list11 dl{ margin-bottom: .05rem;}
  
}
@media(max-width: 560px){
} 

.nLefts1{ height: 1.12rem;margin-top: -1.12rem;top: 0;}
.nRight.w100{ width: 100%;padding: 0 !important;}
.pad2{ padding: .9rem 0; overflow: hidden;}

.tit3{ position: relative; z-index: 1; justify-content: center; margin-bottom: .7rem;}
.tit3 h3{ font-size: .32rem; color: #333333; font-weight: bold;}

.more2{ width: 1.07rem; height: .4rem;position: absolute;z-index: 1;justify-content: center;align-items: center;right: .3rem;top: 50%;transform: translateY(-50%);}
.more2:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 0;transition: .5s; z-index: -1;}
.more2 img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;width: 100%;height: 100%;}
.more2 span{ font-size: .16rem; color: #333333;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; position: relative;z-index: 1; transition: .5s;}
.more2 span:after{ content: ""; position: absolute; top: 50%; left: 98%; width: .28rem; height: 2px; background: #C81114;transition: .5s;margin-top: -1px;}

.yxjy .fl2 .more2 span:after{ background: #fff;}
.yxjy .fl2 .more2 span:after, .yxjy .fl2 .more2 img{ opacity: .2;}

.list12{ margin: 0 -.1rem;}
.list12 li{ width: 50%; padding: 0 .1rem; margin-bottom: .18rem;}
.list12 .a{ display: block; padding: .4rem; border: #ebe7f7 1px solid; background: #fbfafc url(../images/list12_b.jpg) center no-repeat; ; height: 100%;transition: .5s;}
.list12 h3{ font-size: .24rem; color: #333333; line-height: 1.375; position: relative; padding-bottom: .14rem; margin-bottom: .2rem;}
.list12 h3::before{ content: ""; position: absolute; left: 0; bottom: 0; width: .24rem; height: .03rem; background: #3d66da;}
.list12 dd{ font-size: .17rem; color: #333333; line-height: .36rem;}

.yxjy .fl2{ position: relative; z-index: 1;}
.yxjy .fl2 .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}

.tit3w h3{ color: #fff;}
.tit3w .more2 span{ color: #fff;}

.list13 .a{ background: url(../images/list13_b.jpg) center no-repeat; ; height: 1.88rem; padding: 0 .24rem; flex-direction: column; justify-content: center;transition: .5s; position: relative; z-index: 1;}
.list13 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/list13_b_on.jpg) center no-repeat; ; opacity: 0; transition: .5s;}
.list13 h4{ font-size: .18rem; line-height: .26rem; max-height: .53rem\0; margin: .12rem 0 .3rem;}
.list13 svg{ width: .14rem; height: .14rem; fill: #000000;transform: rotate(90deg);transition: .5s;}
.list13Box .dots{ margin-top: .7rem;text-align: center;}
.list13Box .dots span{ width: .07rem; height: .07rem; background: #fff;opacity: .34;}
.list13Box .dots span.active{ opacity: 1;}

.miso_tab1 .hd{ margin-bottom: .5rem;}
.miso_tab1 .hd ul li{ margin-right: .9rem; position: relative; z-index: 1; transition: .5s;margin-bottom: .15rem;}
.miso_tab1 .hd ul li:before{ content: ""; position: absolute; width: 1px; height: .12rem; background: #919191; transform: rotate(25deg); right: -.45rem; top: 50%; margin-top: -.06rem;}
.miso_tab1 .hd ul li .a{ font-size: .2rem; color: #333333; transition: .5s;line-height: 1.5;display: inline-block; transition: .5s;}
.miso_tab1 .hd ul li.on a{ color: #7340ce; font-weight: bold;}

.list14{ margin: 0 -.11rem;}
.list14 li{ width: 20%; padding: 0 .11rem;}
.list14 .a{ display: block; padding: 0 .24rem; position: relative; z-index: 1;}
.list14 .a::before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1;background: #faf7fc; height: calc(100% - .82rem);}
.list14 .a::after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; z-index: -1;background: #7340ce; height: 0; transition: .5s;}
.list14 .img .imgLi{ padding-bottom: 125.33%;}
.list14 .txt{ padding: .2rem .12rem .2rem;}
.list14 h4{ font-size: .22rem; color: #333333;font-weight: bold; transition: .5s;}
.list14 .con{ margin: .12rem 0 0; position: relative; z-index: 1; padding: .15rem 0 0; background: url(../images/list14_b.png) top right no-repeat;background-size: .08rem .08rem;}
.list14 .con:before{ content: ""; position: absolute; top: .04rem; right: .08rem; left: 0; height: 1px; background: #f4edf9;}
.list14 .con p{ font-size: .15rem; color: #333333; line-height: .26rem; transition: .5s;}

@media(min-width: 1024px){
    .list13 .a:hover:before{ opacity: 1;}
    .list12 .a:hover{ border: #C81114 1px solid; box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);}
    .list13 .a:hover *{ color: #fff;}
    .list13 .a:hover svg{ fill: #fff;}

    .more2:hover span{ color: #fff;}
    .more2:hover:before{ width: 100%; background: #C81114; left: 0;}
    .more2:hover span:before{ transform: translateX(-.3rem); opacity: 0;}
    .more2:hover span:after{ transform: translateX(.3rem); opacity: 0 !important;}

    .list14 .a:hover:after{ height: calc(100% - .82rem);}
    .list14 .a:hover *{ color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list12 li{ width: 100%;}

    .list14 li{ width: 50%; margin-bottom: .2rem;}
    .miso_tab1 .hd ul li{ margin-right: .3rem;margin-bottom: .1rem;}
    .miso_tab1 .hd ul li:before{ right: -.15rem;}

    .miso_tab1 .hd{ margin-bottom: .25rem;}
    .miso_tab1 .hd ul li .a{ font-size: .18rem;}

    .tit3{ justify-content: flex-start; margin-bottom: .35rem;}
    .tit3 h3{ font-size: .26rem;}
    .more2{transform: scale(.8) translateY(-60%);transform-origin: right;}
    
    .pad2{ padding: .4rem 0;}
    .list12 .a{ padding: .3rem .25rem;}
    .list13Box .dots{ margin-top: .25rem;}
}
@media(max-width: 560px){
    .list14 li{ width: 100%;}
    .list14 .a{ padding: 0 0;display: flex;}
    .list14 .a:before{ height: 100%;}
    .list14 .img{ width: 1.5rem;}
    .list14 .txt{ flex: 1; overflow: hidden;padding: .3rem .2rem;}

} 

.miso_select{ background: url(../images/miso_select.jpg) center no-repeat; ; padding: .3rem;margin-bottom: .5rem;}
.miso_select .fl0 .ll{ width: 1.5rem;font-size: .17rem;color: #C81114;line-height: .3rem;font-weight: bold;}
.miso_select .fl0 .rr{ width: calc(100% - 1.5rem);}
.miso_select .fl1{ padding-bottom: .15rem; margin-bottom: .15rem;}
.list15 li{padding: 0;margin: 0 .33rem .06rem 0;}
.list15 li a{font-size: .17rem;color: #333333;display: inline-block;line-height: .3rem;transition: .5s;text-align: center;}



.list16 li{ font-size: .17rem; color: #666666; line-height: .3rem; margin-right: .25rem;transition: .5s;}
.list16 li.on{ color: #fff; background:#235cbc; border-radius:.02rem; padding:0 .1rem;}
.list16 li a:hover { color: #235cbc;}



.list17{ margin: 0 -.22rem;}
.list17 li{ width: 50%; padding: 0 .22rem; margin-bottom: .44rem;}
.list17 .a{ background: url(../images/list17_b.jpg) center no-repeat; ; position: relative; z-index: 1; transition: .5s;}
.list17 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list17_b_on.jpg) center no-repeat; ; position: absolute; z-index: -1; opacity: 0; transition: .5s;}
.list17 .img{ width: 2.2rem;}
.list17 .img .imgLi{ padding-bottom: 143%;}
.list17 .txt{ width: calc(100% - 2.2rem); padding: .28rem;border: #f8f5fa 1px solid;border-left: none;}
.list17 h4{ font-size: .24rem; color: #222222;}
.list17 .line{ margin: .22rem 0 .15rem; height: 1px; position: relative;}
.list17 .line:before{ content: ""; position: absolute; top: 0; height: 1px;background: #235cbc;opacity: .3;right: .28rem;left: -.28rem;}
.list17 p{ font-size: .16rem; color: #333333; line-height: .28rem;}
.list17 p.miaos { color:#6f6f6f; margin-top:0.1rem;font-size: .16rem;}
.list17 .dot{ position: absolute; right: 0; top: -.14rem; width: .28rem; height: .28rem;}
.list17 .dot::after{ content: ""; position: absolute; width: .06rem; height: .06rem; background: #235cbc; top: 50%; left: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
.list17 .dot i{display: block;width: 100%;height: 100%;border-radius:50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.list17 .dot i::after, .list17 .line .dot i::before{position:absolute;display:block;border-radius:50%;content:'';background: #235cbc;width: 100%;height: 100%;left: 0;}
.list17 .dot .i1::before{animation:circleScale1 3s infinite;background: #6510ad; transform: scale(0);}
.list17 .dot .i1::after{animation:circleScale2 3s infinite;background: #6510ad; transform: scale(0); animation-delay: .5s;}
.list17 .dot .i2::before{animation:circleScale1 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 1s;}
.list17 .dot .i2::after{animation:circleScale2 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 1.5s;}
.list17 .dot .i3::before{animation:circleScale1 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 2s;}
.list17 .dot .i3::after{animation:circleScale2 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 2.5s;}
@keyframes circleScale1 {
  0% {
    opacity: .7;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
}
@keyframes circleScale2 {
  0% {
    opacity: .22;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);}
}

@media(min-width: 1024px){
    .list17 .a:hover{ box-shadow: 0px 2px 32px 0px rgba(84, 52, 123, 0.15);}
    .list17 .a:hover::before{ opacity: 1;}
}
@media(max-width: 1024px){
    .list17 li{ width: 100%;}
}
@media(max-width: 800px){
    .miso_select .fl0 .ll{ width: 100% !important; margin-bottom: .15rem;}
    .miso_select .fl0 .rr{ width: 100% !important;}
    .list15 li{ margin: 0 .2rem .06rem 0;}
    .list16 li{ margin-right: .15rem;}
}
@media(max-width: 560px){
    .list17 li{ margin-bottom: .2rem;}
    .list17 .img{ width: 1.5rem;}
    .list17 .txt{ width: calc(100% - 1.5rem);padding: .2rem;overflow: hidden;}
    .list17 .line{ margin: .2rem 0;}
    .list17 h4{ font-size: .2rem;}
} 



.list117{ margin: 0 -.22rem;}
.list117 li{ width: 50%; padding: 0 .22rem; margin-bottom: .44rem;}
.list117 .a{ background: url(../images/list17_b.jpg) center no-repeat; ; position: relative; z-index: 1; transition: .5s;}
.list117 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list17_b_on.jpg) center no-repeat; ; position: absolute; z-index: -1; opacity: 0; transition: .5s;}
.list117 .img{ width: 2.2rem;}
.list117 .img .imgLi{ padding-bottom: 123%;}
.list117 .txt{ width: calc(100% - 2.2rem); padding: .28rem;border: #f8f5fa 1px solid;border-left: none;}
.list117 h4{ font-size: .24rem; color: #222222;}
.list117 .line{ margin: .22rem 0 .15rem; height: 1px; position: relative;}
.list117 .line:before{ content: ""; position: absolute; top: 0; height: 1px;background: #235cbc;opacity: .3;right: .28rem;left: -.28rem;}
.list117 p{ font-size: .16rem; color: #333333; line-height: .28rem;}
.list117 p.miaos { color:#6f6f6f; margin-top:0.1rem;font-size: .16rem;}
.list117 .dot{ position: absolute; right: 0; top: -.14rem; width: .28rem; height: .28rem;}
.list117 .dot::after{ content: ""; position: absolute; width: .06rem; height: .06rem; background: #235cbc; top: 50%; left: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
.list117 .dot i{display: block;width: 100%;height: 100%;border-radius:50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.list117 .dot i::after, .list117 .line .dot i::before{position:absolute;display:block;border-radius:50%;content:'';background: #235cbc;width: 100%;height: 100%;left: 0;}
.list117 .dot .i1::before{animation:circleScale1 3s infinite;background: #6510ad; transform: scale(0);}
.list117 .dot .i1::after{animation:circleScale2 3s infinite;background: #6510ad; transform: scale(0); animation-delay: .5s;}
.list117 .dot .i2::before{animation:circleScale1 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 1s;}
.list117 .dot .i2::after{animation:circleScale2 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 1.5s;}
.list117 .dot .i3::before{animation:circleScale1 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 2s;}
.list117 .dot .i3::after{animation:circleScale2 3s infinite;background: #6510ad; transform: scale(0); animation-delay: 2.5s;}
@keyframes circleScale1 {
  0% {
    opacity: .7;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
}
@keyframes circleScale2 {
  0% {
    opacity: .22;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);}
  100% {
    opacity: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);}
}

@media(min-width: 1024px){
    .list117 .a:hover{ box-shadow: 0px 2px 32px 0px rgba(84, 52, 123, 0.15);}
    .list117 .a:hover::before{ opacity: 1;}
}
@media(max-width: 1024px){
    .list117 li{ width: 100%;}
}

@media(max-width: 560px){
    .list117 li{ margin-bottom: .2rem;}
    .list117 .img{ width: 1.5rem;}
    .list117 .txt{ width: calc(100% - 1.5rem);padding: .2rem;overflow: hidden;}
    .list117 .line{ margin: .2rem 0;}
    .list117 h4{ font-size: .2rem;}
} 


.zzjs_d1 .fl1{ background: url(../images/list17_b.jpg) center no-repeat; ; position: relative; z-index: 1; transition: .5s;border-bottom: #ede8f2 1px solid; margin-bottom: .6rem;}
.zzjs_d1 .fl1 .img{ width: 2.2rem;}
.zzjs_d1 .fl1 .img .imgLi{ padding-bottom: 125.33%;}
.zzjs_d1 .fl1 .txt{ width: calc(100% - 2.2rem); padding: .36rem .36rem .2rem;}
.zzjs_d1 .fl1 h4{ font-size: .24rem; color: #222222;margin-bottom: .24rem;}
.zzjs_d1 .fl1 p{ font-size: .16rem; color: #333333; line-height: .32rem;display: flex; align-items: center;}
.zzjs_d1 .fl1 .p1  { background:url(../images/icon_p1.svg) no-repeat -.03rem .03rem; background-size:.30rem; padding-left:.3rem;}
.zzjs_d1 .fl1 .p2  { background:url(../images/icon_p2.svg) no-repeat 0 .05rem; background-size:.20rem; padding-left:.3rem;}
.zzjs_d1 .fl1 .p3  { background:url(../images/icon_p3.svg) no-repeat 0 .05rem; background-size:.20rem; padding-left:.3rem;}
.zzjs_d1 .fl1 .p4  { background:url(../images/icon_p4.svg) no-repeat 0 .05rem; background-size:.20rem; padding-left:.3rem;}
.zzjs_d1 .fl1 .p5  { background:url(../images/icon_p5.svg) no-repeat 0 .05rem; background-size:.20rem; padding-left:.3rem;}
.zzjs_d1 .fl2{ padding: 0 .05rem;}
.zzjs_d1 .fl2 .ar_article p{ margin-bottom: 0;font-size: .16rem;line-height: .3rem;}
.h3-1{ font-size: .2rem; color: #C81114; font-weight: bold; margin-bottom: .18rem;}
.zzjs_d1 .fl2 .box{ margin-bottom: .5rem;}
.zzjs_d1 .ar_article1 p{ margin-bottom: .15rem !important;}
.h3-2{ font-size: .2rem; color: #C81114; font-weight: bold; margin-bottom: .3rem; display: flex; align-items: center;}
.h3-2 img{ width: .44rem; margin: 0 .15rem 0 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
    .zzjs_d1 .fl1 .img{ width: 100%;}
    .zzjs_d1 .fl1 .txt{ width: 100%;padding: .2rem;overflow: hidden;}
    .zzjs_d1 .fl1 h4{ font-size: .2rem; margin-bottom: .2rem;}
    .h3-1{ margin-bottom: .2rem;}
} 

.list18 li{ padding-bottom: .32rem; margin-bottom: .32rem; border-bottom: #f4f4f4 1px solid;}
.list18 .a{ align-items: flex-start;}
.list18 .img{ width: 2.45rem;}
.list18 .img .imgLi{ padding-bottom: 125.33%;}
.list18 .txt{ width: calc(100% - 2.45rem); padding: .36rem 0 0;justify-content:flex-start;}
.list18 h4{ font-size: .24rem; color: #222222;width: 2.75rem;padding: 0 0 0 .5rem;}
.list18 h4 span{ display: block; font-size: .14rem; line-height: 1.375; margin: .1rem 0 0;}
.list18 p{ font-size: .18rem; color: #222222; line-height: .36rem;}
.list18{ min-height: 7rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list18{ min-height: auto;}
    .list18 .txt{ padding: .2rem 0 0 .2rem;}
    .list18 h4{ padding: 0 0; margin-bottom: .15rem;}
}
@media(max-width: 560px){
    .list18 .img{ width: 1.45rem;}
    .list18 .txt{ width: calc(100% - 1.45rem);}
} 

.miso_tab2 .hd{ margin-bottom: .5rem;}
.miso_tab2 .hd ul{ width: 5.6rem; justify-content: space-between; position: relative; z-index: 1; max-width: 100%;}
.miso_tab2 .hd ul:before{ content: ""; position: absolute; left: .55rem; right: .55rem; height: 1px; bottom: .04rem; height: 1px; background: #ededed;}
.miso_tab2 .hd ul li{ position: relative; z-index: 1; padding: 0 0 .32rem;}
.miso_tab2 .hd ul li::before{ content: ""; position: absolute; width: .1rem; height: .1rem; border: #bfbfc2 1px solid; border-radius: 50vw;bottom: 0;left: 50%;margin-left: -.05rem; box-sizing: border-box;transition: .5s;background: #fff;}
.miso_tab2 .hd ul li .a{ display: inline-block; position: relative; padding: 0 .2rem; line-height: .38rem;font-size: .2rem;color: #333333;font-weight: 600;transition: .5s;}
.miso_tab2 .hd ul li .a:before{ content: ""; position: absolute; bottom: -.07rem; left: 50%; transform: translateX(-50%); border-left: transparent .06rem solid; border-right: transparent .06rem solid; border-top: #534bb1 .07rem solid; opacity: 0; transition: .5s;}

.miso_tab2 .hd ul li.on .a{ background: #534bb1; color: #fff;}
.miso_tab2 .hd ul li.on .a:before{ opacity: 1;}
.miso_tab2 .hd ul li.on::before{ border: #534bb1 2px solid;}

.miso_tab2 .bd{ padding: 0 .15rem;}
.miso_tab2 .box{ margin-bottom: .4rem;}
.miso_tab2 .box h3{ font-size: .3rem; color: #222222; font-weight: bold;margin-bottom: .15rem;}
.miso_tab2 .box p{ font-size: .18rem; color: #222222; line-height: .3rem;}
.miso_tab2 h4{ font-size: .24rem; color: #222222; margin-bottom: .25rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .miso_tab2 .hd ul li .a{ padding: 0 .1rem;}
    .miso_tab2 .bd{ padding: 0;}
    .ar_article td, .ar_article th{ padding: .1rem;}
    .miso_tab2 .box h3{ font-size: .24rem;}
    .miso_tab2 h4{ font-size: .2rem;}
}
@media(max-width: 560px){
} 

.list19{ margin: .4rem 0 -.45rem;}
.list19 li{ margin-bottom: .45rem;}
.list19 .a{ align-items: center;border: #ededed 1px solid;transition: .5s;}
.list19 .txt{ width: calc(100% - 4rem);  padding: 0 .38rem;}
.list19 .img{ width: 4rem;}
.list19 h4{ font-size: .22rem; color: #222222;}
.list19 p{ margin: .18rem 0 .3rem;}

.more3{ display: flex; align-items: center; font-size: .15rem; color: #235cbc;}
.more3 svg{ width: .15rem; height: .15rem; fill: #235cbc; margin: 0 0 0 .1rem;}

@media(min-width: 1024px){
    .list19 .a:hover{box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list19 li{ margin-bottom: .2rem;}
    .list19 .txt{ width: 100%; order: 1; padding: .2rem;}
    .list19 .img{ width: 100%;}
}
@media(max-width: 560px){
} 

.list20 .imgW{ width: 2.56rem; padding: .18rem .14rem; background: #dedce7;transition: .5s;}
.list20{ margin: 0 0 0;}
.list20 li{ margin-bottom: .45rem;}
.list20 .a{ align-items: center;border: #ededed 1px solid;transition: .5s; background: #f6f5fa;}
.list20 .txt{ width: calc(100% - 2.56rem);  padding: 0 .38rem;}
.list20 .img{ width: 100%;}
.list20 .img .imgLi{ padding-bottom: 129.38%;}
.list20 h4{ font-size: .22rem; color: #222222; font-weight: bold;}
.list20 p{ margin: .18rem 0 .3rem;text-indent: .3rem;}
.list20 .more3{ justify-content: flex-end;}

@media(min-width: 1024px){
    .list20 .a:hover{box-shadow: 3.94px 3.078px 24px 0px rgba(46, 42, 101, 0.26);}
    .list20 .a:hover .imgW{ background: #C81114;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list20 li{ margin-bottom: .2rem;}
    .list20 .txt{ width: 100%; order: 1; padding: .2rem;}
    .list20 .imgW{ margin: 0 auto; width: 1.75rem; padding: .1rem; margin-top: .2rem;}
}
@media(max-width: 560px){
} 

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

.xkjs .fl1{ margin-bottom: .35rem;}
.xkjs .fl1:last-child{ margin-bottom: 0;}
.list21{ margin-bottom: .4rem;}
.list21 dt{ position: relative; z-index: 1; font-size: .22rem; color: #010101; padding: 0 0 0 .22rem;margin-bottom: .05rem;}
.list21 dt:before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: .24rem;background: #534bb1;}
.list21 .con{ margin: 0; border-bottom: #f0f0f0 1px solid;padding: .2rem 0;}
.list21 dd{ width: 50%; padding: .08rem .24rem; font-size: .16rem; color: #010101; line-height: .3rem; position: relative; transition: .5s;}
.list21 dd .a{ display: block; position: relative; z-index: 1; padding: 0 1rem 0 0;}
.list21 dd .a:before{ content: ""; position: absolute; right: .4rem; top: 50%; background: url(../images/list21_i1.png) center no-repeat; ;width: .16rem;height: .06rem;margin-top: -.03rem; transition: .5s;}
.list21 dd:nth-child(2n-1):before{ content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: .24rem; background: #f0f0f0; margin-top: -.12rem;}
.list21 dd:nth-child(2n){ padding-left: .38rem;}

.box1 .list21 dd{ width: 100%;}
.box1 .list21{ width: 50%;}

@media(min-width: 1024px){
    .list21 dd:hover .a:before{ background: url(../images/list21_i1_on.png) center no-repeat; ;}
    .list21 dd:hover{ color: #534bb1;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list21 dd .a{ padding: 0 .3rem 0 0;}
    .list21 dd .a:before{ right: 0;top: .15rem;}
    .list21 dt{ font-size: .2rem;}
    .list21 dt:before{ height: .2rem;}
}
@media(max-width: 560px){
    .list21 dd, .box1 .list21{ width: 100% !important;}
    .list21 .con{ padding: .1rem 0;}
} 

.list22 li{ margin-bottom: .2rem;}
.list22 .a{ align-items: center;transition: .5s; background: #fff;padding: .2rem;}
.list22 .txt{ flex: 1; overflow: hidden; padding: 0 .38rem;}
.list22 .img{ width: 3.26rem;}
.list22 .img .imgLi{ padding-bottom: 64%;}
.list22 h4{ font-size: .22rem; color: #222222; line-height: .26rem;}
.list22 p{ margin: .15rem 0 .15rem;font-size: .16rem;color: #999999;line-height: .28rem;max-height: .84rem\0;}
.list22 .more3{ justify-content: flex-end;}
.list22 .bottom{ border-top: #efefef 1px solid; padding: .18rem 0 0; justify-content: space-between;}
.list22 .bottom span{ font-size: .16rem; color: #235cbc; font-weight:600;}

@media(min-width: 1024px){
    .list22 .a:hover{ background: #f5f7fa; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.12);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list22 .a{ padding: 0;}
    .list22 .img{ width: 100%;}
    .list22 .txt{ width: 100%; flex: auto; padding: .25rem 0;}
}
@media(max-width: 560px){
} 


.list202 li{ margin-bottom: .2rem;}
.list202 .a{ align-items: center;transition: .5s; background: #f5f7fa;padding: .2rem;}
.list202 .txt{ flex: 1; overflow: hidden; padding: 0 .38rem;}
.list202 .img{ width: 3.26rem;}
.list202 .img .imgLi{ padding-bottom: 64%;}
.list202 h4{ font-size: .22rem; color: #222222; line-height: .26rem;}
.list202 p{ margin: .15rem 0 .15rem;font-size: .16rem;color: #999999;line-height: .28rem;max-height: .84rem\0;}
.list202 .more3{ justify-content: flex-end;}
.list202 .bottom{ border-top: #efefef 1px solid; padding: .18rem 0 0; justify-content: space-between;}
.list202 .bottom span{ font-size: .16rem; color: #235cbc; font-weight:600;}

@media(min-width: 1024px){
    .list202 .a:hover{ background: #225ab8; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.12);}
	.list202 .a:hover  h4 { color:#fff;}
	.list202 .a:hover  p { color:#fff; opacity:.85;}
	.list202 .a:hover  .bottom span{ color:#fff;}
	.list202 .a:hover  .more4{ color:#fff;}
	.list202 .a:hover  .more4 svg{fill:#fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list202 .a{ padding: 0;}
    .list202 .img{ width: 100%;}
    .list202 .txt{ width: 100%; flex: auto; padding: .25rem 0;}
}
@media(max-width: 560px){
} 



.list212 li{ margin-bottom: .2rem;}
.list212 .a{ align-items: center;transition: .5s; background: #f4f7fa;padding: .32rem;}
.list212 .txt{ flex: 1; overflow: hidden;}
.list212 .img{ width: 3.26rem;}
.list212 .img .imgLi{ padding-bottom: 64%;}
.list212 h4{ font-size: .22rem; color: #222222; line-height: .26rem;}
.list212 p{ margin: .15rem 0 .15rem;font-size: .16rem;color: #999999;line-height: .28rem;max-height: .84rem\0;}
.list212 .more3{ justify-content: flex-end;}
.list212 .bottom{ border-top: #efefef 1px solid; padding: .18rem 0 0; justify-content: space-between;}
.list212 .bottom span{ font-size: .16rem; color: #ab1919; font-weight:600;}

.more4{ display: flex; align-items: center; font-size: .15rem; color: #225cbc;}
.more4 svg{ width: .15rem; height: .15rem; fill: #225cbc; margin: 0 0 0 .1rem;}

@media(min-width: 1024px){
    .list212 .a:hover{ background: #ab1919; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.12);}
	.list212 .a:hover  h4 { color:#fff;}
	.list212 .a:hover  p { color:#fff; opacity:.85;}
	.list212 .a:hover  .bottom span{ color:#fff;}
	.list212 .a:hover  .more4{ color:#fff;}
	.list212 .a:hover  .more4 svg{fill:#fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list212 .a{ padding: 0;}
    .list212 .img{ width: 100%;}
    .list212 .txt{ width: 100%; flex: auto; padding: .25rem 0;}
}
@media(max-width: 560px){
} 


.ar_tit {text-align: center; ;padding: .23rem 13%; margin-bottom: .3rem; border-bottom:1px solid #e3e3e3;}
.ar_tit h3 {font-size: .3rem;color: #000000;line-height: 1.5;font-weight: 600;max-width: 100%;margin: 0 auto;}
.ar_tit h6 {font-size: .16rem;color: #666666;line-height: 1.5;margin: .12rem 0 0;font-weight: normal;}
.ar_tit span{ margin: 0 .2rem ;}
.ar_tit span span { margin: 0px ;}

.detail .ar_article p{ margin-bottom: .1rem;}
.detail .box{padding: 0 0 0 .56rem;position: relative;z-index: 1;flex: 1;overflow: hidden;}
@media(max-width: 800px){
    .ar_tit{ padding: .2rem 0 0; margin-bottom: .3rem;}
    .ar_tit h3{ font-size: .26rem;}
    .ar_tit span{ margin: 0 .05rem;}
}

.tit4{ margin-bottom: .3rem;}
.tit4 h3{ font-size: .32rem; color: #333333; font-weight: bold;}
.tit4 h6{ font-size: .24rem; color: #5d4cb8; margin: .12rem 0 0;}
.ssxm .fl1 .ar_article p img{ margin: .1rem 0 0 .25rem;}
.more2s1{ position: relative;right: 0;transform: translateY(0);margin: .5rem 0 0;}

.ssxm .fl1{ background: url(../images/ssxm_b1.jpg) center no-repeat; ;}
.ssxm .fl2{ position: relative; z-index: 1;}
.ssxm .fl2 .bg{ bottom: 0; height: 4.4rem;position: absolute;z-index: -1;top: 0;left: 0;right: 0;}
.ssxm .fl2 .wp{ justify-content: space-between;}
.ssxm .fl2 .left{ width: 59%;}
.ssxm .fl2 .right{ width: 39.86%;}

.list23 .a{ display: block; position: relative; z-index: 1;}
.list23 .img .imgLi{ padding-bottom: 57.79%;}
.list23 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.list23 .top img{ width: 1.28rem; transition: .5s;}

.list24 li:nth-child(1){ margin-bottom: 1.7%;}
.list24 .a{ display: block; position: relative; z-index: 1;}
.list24 .img .imgLi{ padding-bottom: 41.98%;}
.list24 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; flex-direction: column;padding: 0 .48rem;}
.list24 h4{ font-size: .32rem; color: #fff; font-weight: bold; margin-bottom: 10%;}
.list24 .ico img{ width: .58rem;}

.ssxm .fl3{ padding-top: 0;}
.tit3_c{ text-align: center;}
.list25{ margin: 0 -.1rem;}
.list25 li{ width: 33.33%; text-align: center; padding: 0 .1rem;}
.list25 .ico{ position: relative; z-index: 1; width: 1.5rem; height: 1.5rem;margin: 0 auto;}
.list25 .ico::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(90,67,152,.3) 1px dashed; border-radius: 50vw; -webkit-animation:play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite;}
.list25 .ico img{ width: 100%;}
.list25 h4{ font-size: .22rem; color: #222222; line-height: 1.5; margin: .2rem 0 0;}


@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list24 h4{ font-size: .24rem;}
    .ssxm .fl2 .bg{ height: 3rem;}
}
@media(max-width: 800px){
    .ssxm .fl1 .ar_article p img{ margin: .1rem 0;}
    
    .list25 .ico{ width: 1.2rem; height: 1.2rem;}
    .list25 h4{ font-size: .18rem;word-break: break-all;}
    
    .ssxm .fl2 .left{ width: 100%; margin-bottom: 2%;}
    .ssxm .fl2 .right{ width: 100%;}
    .list23 .top img{ width: .8rem;}

    .tit4 h3{ font-size: .26rem;}
    .tit4 h6{ font-size: .18rem;}
}
@media(max-width: 560px){
    .list25 .ico{ width: .8rem; height: .8rem;}
    .list25 h4{ font-size: .16rem;}
    
    .ssxm .fl2 .bg{ height: 1.5rem;}
    .list24 .txt{ padding: 0 .25rem;}
    .list24 .ico img{ width: .38rem;}
} 

.miso_tab3 .hd{ margin-bottom: .6rem;}
.miso_tab3 .hd ul{ position: relative; z-index: 1;}
.miso_tab3 .hd ul li{ position: relative; z-index: 1; margin: 0 .32rem .2rem 0;}
.miso_tab3 .hd ul li .a{ display: inline-block; position: relative; padding: 0 .2rem; line-height: .60rem;font-size: .2rem;color: #5d5d5d;font-weight: 600;transition: .5s; min-width: 2.4rem; text-align: center; !important;border: #dfdfdf 1px solid;}
.miso_tab3 .hd ul li .a:before{ content: ""; position: absolute; bottom: -.06rem; left: 50%; transform: translateX(-50%); border-left: transparent .06rem solid; border-right: transparent .06rem solid; border-top: #6e88e4 .07rem solid; opacity: 0; transition: .5s;}

.miso_tab3 .hd ul li.on .a{ background: #534bb1 url(../images/miso_tab3.jpg) center no-repeat; color: #fff;}
.miso_tab3 .hd ul li.on .a:before{ opacity: 1;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .miso_tab3 .hd{ margin-bottom: .3rem;}
    .miso_tab3 .hd ul li{ margin: 0 .1rem .1rem 0;}
    .miso_tab3 .hd ul li .a{ padding: 0 .1rem; min-width: inherit; font-size: .16rem; line-height: .5rem;}
}
@media(max-width: 560px){
} 

.list26Box{position: relative;z-index: 1;padding: 0;margin-bottom: .8rem;}
.list26Box .wz1{display: inline-block;line-height: .56rem;background: #C81114;margin: 0 auto;position: relative;z-index: 1;left: 50%;transform: translateX(-50%);font-size: .3rem;color: #fff;padding: 0 .3rem;border-radius: 5px;}
.list26Box .wz1:before{content: "";position: absolute;top:.05rem;right: .05rem;bottom: .05rem;left: .05rem;border: #6179c6 1px solid;border-radius: 5px;}
.list26Box .bg{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;}
.list26Box .bg:before{content: "";position: absolute;background: url(../images/list26_b1.jpg) center no-repeat;width: .18rem;height: .53rem;background-size: 100% 100%;top: 100%;left: 50%;margin-left: -.28rem;}
.list26Box .bg:after{content: "";position: absolute;background: url(../images/list26_b2.jpg) center no-repeat;width: .18rem;height: .53rem;background-size: 100% 100%;top: 100%;right: 50%;margin-right: -.28rem;}

.list26Box::after{content: "";position: absolute;top: 0;bottom: 0;z-index: -1;width: .26rem;background: #C81114;left: 50%;transform: translateX(-50%);}
.list26{display: flex;flex-direction: column;position: relative;z-index: 1;padding: 1rem 0 .5rem;}
.list26::after{width: 0.01rem;height: calc(100% - .5rem);background: #660774;left: 50%;transform: translateX(-50%);top: .05rem;}
.list26 li{width: 50%;margin: 0 0;padding: 0;position: relative;z-index: 1;}
.list26 li .a{align-items:flex-start;position: relative;z-index: 1;padding: 0 0 0 .4rem;}     
.list26 li .box{padding: 0;position: relative;z-index: 1;/* overflow: hidden; */background-size: .38rem auto;}
.list26 li .a::before{content: "";position: absolute;width: .24rem;height: .24rem;left: -.12rem;top: .15rem;background: #fff url(../images/list26_ico.jpg) center no-repeat;box-sizing: border-box;background-size: .04rem .04rem !important;border-radius: 50vw;}
.list26 li h4{font-size: .3rem;color: #614b9b;margin-bottom: .1rem; font-weight: bold;}
.list26 li p{font-size: .17rem;color: #222222;line-height: 1.7;margin-bottom: .1rem;}
.list26 li .img{ margin: 0;width: 1.92rem;}
.list26 li .img img{ width: 100%;}
.list26 li .box::after{top: -.3rem;left: -.2rem;right: -.3rem;bottom: -.2rem;width: auto;box-shadow: 0px 3px 0.16rem 0px rgba(0, 0, 0, 0.18);opacity: 0;height: auto;background: #fff;}
.list26 li .box .txt{padding: .12rem .2rem;flex: 1;overflow: hidden;}

.list26W .list26 li:nth-child(1) .box .txt{ text-align: right;}

@media(min-width: 767px){
	.list26 li:nth-child(2n){align-self: flex-end;}
	.list26 li:nth-child(2n-1):after{ left: auto; right: calc(100% + .35rem);}
	.list26 li:nth-child(2n-1):before{right: 1px;left: auto;}
	.list26 li:nth-child(2n-1) .a{padding: 0 .4rem 0 0;}
	.list26 li:nth-child(2n-1) .box{padding: 0;text-align: left;background-size: auto;background-size: .38rem auto;}
	.list26 li:nth-child(2n-1) .box:before{content: "";position: absolute;left: auto;right: -.92rem;}
	.list26 li:nth-child(2n-1) .a::before{left: auto;right: -.12rem;}
    .list26 li:nth-child(2n) .box .img{ order: 1;}

	.list26Box .wz1{ font-size: .24rem;}
}
  
@media(min-width: 1199px){
	.list26 li:hover:before{ opacity: 1;}
	.list26 li:hover:after{ opacity: 1;}

	.list26 li:hover .box .con::-webkit-scrollbar { background-color: #dce3ed;}
	.list26 li:hover .box .con::-webkit-scrollbar-track { background-color: #dce3ed;}
	.list26 li:hover .box .con::-webkit-scrollbar-thumb { background-color: #754cde;}
}
@media(max-width: 1199px){	
	
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.list26Box{padding: 0 0 0 .1rem;}
	.list26 li{width: 100%;margin: 0 0 .2rem;}
	.list26Box::after{left: .1rem;top: 0;bottom: 0;}
	.list26 li .a::before{transform: scale(.7);top: .5rem;}
	.list26 li .a{padding: 0 0 0 .25rem;}
	.list26 li h4{ font-size: .24rem !important;}
	.list26Box::before{width: .5rem; height: .5rem; left: .1rem;}
	.list26Box .more{width: .7rem; height: .56rem; left: .15rem;}
	.list26 li .box:before{ display: none;}

	.list26Box .bg{ display: none;}
	.list26Box .wz1{font-size: .18rem;}
	.list26{padding: .5rem 0;}
	.list26W .list26 li:nth-child(1) .box .txt{ text-align: left;}
}
@media(max-width: 456px){
	.list26 li .imgBox{ width: 100%;}
    .list26 li .box .txt{ width: 100%; flex: auto;padding: .2rem 0 0;}
}

.st0{
    fill:none;
    stroke:#fff;
    stroke-linecap:round;
    stroke-miterlimit:10;}

.list30 .a{ height: 1.2rem; border: #dcdcdc 1px solid; padding: 0 .5rem; justify-content: space-between; align-items: center; background: #fff; transition: .5s;}
.list30 li{ margin-bottom: .28rem;}
.list30 h4{ font-size: .32rem; color: #873e8d;flex: 1;}
.list30 svg{ width: .28rem; height: .28rem; fill: #873e8d;margin: 0 0 0 .2rem;}

@media(min-width: 1024px){
	.list30 .a:hover{ background: #f9f6fc;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
	.list30 li{ margin-bottom: .15rem;}
	.list30 .a{ height: .7rem; padding: 0 .25rem;}
	.list30 svg{ width: .2rem; height: .2rem;}
}
@media(max-width: 560px){
} 

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

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

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
	.about .list2 { height: auto;   flex-wrap: wrap;}
	.about .list2 li .item { margin-top: 0;padding: 0.3rem 0.2rem;}
	.about .list2 li {	width: 33.33333%;}
}