@charset "utf-8";

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.pcshow{display: inline;}
.wapnone{display: none;}
@media(max-width: 1200px){
.pcshow{display: none;}
.wapnone{display: block;}

.leader_2 {}
.leader_2 li { width:100%; padding:.15rem .15rem .15rem .3rem; border-left:2px solid #215bbc; background:#f2f6fa; margin-bottom:.2rem;}
.leader_2 li h5 {font-size: .18rem; line-height:.32rem; display:inline-block;}
.leader_2 li h6 {font-size: .16rem; color:#215bbc; line-height:.30rem;display:inline-block; padding-left:.2rem;}
.leader_2 li .phone {font-size: .16rem; line-height:.30rem;}
.leader_2 li .email {font-size: .16rem; line-height:.30rem;}
.leader_2 li p {font-size: .16rem; line-height:.30rem;}

}


/*底部切换显示——BEGIN*/

.rgznxy_box {
	width: 100%;
	overflow: hidden;
	height: 6.8rem;
}
.gallery-top {
	height: 6.8rem;
	width: 100%;
	position: relative
}
.gallery-top::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1.5rem;
	left: 0;
	bottom: 0;
	background-color: rgba(0,24,58,.75);
	z-index: 3
}
.gallery-thumbs {
	box-sizing: border-box;
	padding: 0.1rem 0;
	width: 4.6rem;
	margin: 0 auto;
	position: relative;
	top: -1.3rem;
	z-index: 4
}
.rgznxy_box .img, .rgznxy_box .img a, .rgznxy_box .img a span {
	display: block;
	width: 100%;
	height: 100%
}
.rgznxy_box .img a span {
	background-size: cover!important
}
.rgznxy_box .img a span {
	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
}
.rgznxy_box .img a:hover span {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05)
}
.rgznxy_box .gallery-thumbs .swiper-slide {
	height: .97rem;
	transition: .2s ease-out all;
	cursor: pointer;
	top: 0;
	background-size: cover!important;
	border-radius: .12rem;
}
.rgznxy_box .gallery-thumbs .swiper-slide {
	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
}
.rgznxy_box .gallery-thumbs .swiper-slide:hover {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05)
}
.rgznxy_box .swiper-slide .txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1.35rem 0 0 0;
}
.rgznxy_box .swiper-slide .txt a {
	color: #fff;
	font-size: .42rem;
	display: block;
	width: 100%;
	line-height: .45rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	position: relative;
	margin: 0 auto
}

.rgznxy_box .swiper-slide .video a {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 40%;
	display: block;
	background: url(../images/video-icon.png) no-repeat;
	width: .64rem;
	height: .64rem
}
.rgznxy_box .gallery-thumbs .swiper-slide-thumb-active {
	border: solid 3px #007cf3;
	border-radius: 12px;
	top: -5px
}




.zhaopin { position:absolute; left:50%; top:0; margin-left:-7rem;}
.zhaopin h3{font-size: .2rem;color: #ffffff;font-weight: 500;}
.zhaopin p{font-size: .125rem; color: #ffffff;line-height: 1.6;font-weight: 300;background: rgba(0, 0, 0, 0.27);padding: .15rem  .2rem; border-left: .15rem solid #00a3d9/*border-left: .15rem solid rgba(34, 60, 172, 0.68)*/;}

.zhaopin .video-tvc { width:100%; height:100%; position:absolute; left:0 ; z-index:0; object-fit: cover;}
@media screen and (min-width: 991px) {
    .zhaopin h3{font-size: .42rem;color: #ffffff;font-weight: 500; margin-bottom:.5rem;}
    .zhaopin p{font-size: .24rem;}
    .zhaopin {padding: 1.6rem 0;}
}



@media(max-width: 560px){
	.zhaopin {margin-left: 0rem; left:0;}
	
	.zhaopin h3 { font-size: .28rem; line-height:1.4; text-align:center; margin:0.8rem 0 0.3rem;}
	.zhaopin p {font-size: .15rem;}
	.gallery-thumbs { zoom:0.86;}
	.gallery-top::after { height:1.3rem;}
	.rgznxy_box .swiper-slide .txt a { font-size:.28rem;}
	.bfbtn, .bfbtn:before, .bfbtn:after {zoom:0.86;}
        .bfbtn2, .bfbtn2:before, .bfbtn:after {zoom:0.86;}
	
} 

.bfbtn,.bfbtn2{cursor: pointer;
    width: 125px;
    height: 125px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../images/video_icon.png) center no-repeat;}
.bfbtn,.bfbtn2,
.bfbtn:before,.bfbtn2:before,
.bfbtn:after,.bfbtn2:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 85px;
  width: 85px;
  margin-top: -27px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: pulse-animation 3s infinite;
  -khtml-animation: pulse-animation 3s infinite;
  -moz-animation: pulse-animation 3s infinite;
  -ms-animation: pulse-animation 3s infinite;
  -o-animation: pulse-animation 3s infinite;
  animation: pulse-animation 3s infinite;}

.pulse-animation:before {
  -webkit-animation-delay: 0.9s;
  -khtml-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;}

.pulse-animation:after {
  -webkit-animation-delay: 0.6s;
  -khtml-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;}

@-webkit-keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes pulse-animation {
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);}
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

/*底部切换显示——end*/

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
a,label{text-decoration:none; color:inherit; background:transparent; -webkit-tap-highlight-color: transparent;}
input[type="submit"],button {-webkit-appearance:none;}


/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.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;}
#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: 11rem; max-width: 64%; 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: .18rem;height: .18rem; transition: .5s; margin:0 auto;}

.list1 li a.ta{width: .32rem;height:.32rem; line-height:.32rem;border-radius: 50%;text-align: center;margin-right: .1rem;}
.list1 li a.sou{width: .32rem;height:.32rem; line-height:.32rem;border-radius: 50%;text-align: center;}
.list1 li a:nth-child(3){display: block;text-align: center;}
.list1 li a.ta img{margin: 0 auto;height: 16px;width: 16px;}

.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;}

#logo{width: 5.0rem;max-width: 30%;opacity: 1 !important;position: relative;}
#logo img{ width: 100%;transition: .5s;}
#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; height:0.46rem;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; border-bottom:1px solid #ccc;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}

#search1 .wrapper .form1 {display: flex;overflow:hidden;padding-bottom:15px;  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;}
.fr{float:right;}
#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: #fff;*/box-shadow: 0 0 .3rem rgba(0,0,0,.6); background-image: -moz-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 93, 173) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 93, 173) 100%);
background-image: -ms-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 93, 173) 100%);}
.pc_hb.on #header::before{ opacity: 0;}
.pc_hb.on #logo .i2{ opacity: 1;}
/*.pc_hb.on #nav ul li .h3{ color: #333;}
.pc_hb.on #nav ul li .h3 svg{ fill: #333;}
.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: #fff;background: #fff;background-size: auto;background-size: cover;}
.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: #555;}
.m_header_box .list1 li svg.icon, .m_header_box .list1 li .a.btn svg{ fill: #555;}
.m_header_box .search_btn { margin-right: 0.15rem; position: relative; z-index: 10;}
#nav_btn_box.on { background: none;}
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.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: #14428f;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px;}
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible;}
#m_nav .list1 { justify-content: center; 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(.12rem);visibility: hidden;opacity: 0;transition: .5s;transform-origin: center top;min-width: 1.44rem;padding-top: .1rem;}
#nav ul li .sub:before{content: '';  position: absolute; left: 50%;  transform: translateX(-50%);  width: 0.28rem;  height: 0.19rem;  top: -0.09rem;  background: url(../images/nav_icon.png) center no-repeat; background-size: cover;}
/*#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; background-size: cover;border-radius:0 0 .10rem .10rem; border-top:3px solid #025aaf;box-shadow: rgba(0, 0, 0, 0.06) 0px 0px .2rem;padding: 0; padding-top:.06rem; padding-bottom:.06rem;}
#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: #005dad;}
#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: -.3rem;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; background-size: cover;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: #005dad; 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: #005dad;}
.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: #005dad;transition: .5s;}
.more1 span:after{ content: ""; position: absolute; top: 50%; left: 96%; width: .22rem; height: 1px; background: #005dad;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: #005dad; 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: #005dad;transition: .5s;}
.more1 span:after{ content: ""; position: absolute; top: 50%; left: 96%; width: .28rem; height: 1px; background: #005dad;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;}


.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: #005dad;}
.list3 .a svg{ position: absolute; top: .4rem; right: 0; width: .18rem; height: .18rem; fill: #000000;transform: rotate(90deg);transition: .5s;}
.list3 h4{ color: #005dad;}

[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%;}
/*.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: #005dad;}
.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: #005dad; color: #ffffff;}
.notice li:hover .noticeDate span {background: #083580; color: #ffffff;}
.notice li:hover .noticeTag {  color: #005dad;}

*/

.cont-box { display:block; background:#fff;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); padding:0.25rem 0.25rem;}

.cont-box ul { padding-top:4px;}

.cont-box ul li a,
.index-science ul li a {
	display: block;
	padding: 9px 0 9px 20px;
	background: url(../images/index-noice-dian.png) left center no-repeat;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}


.cont-box ul li:hover a,
.index-science ul li:hover a {
	/* 	padding: 10px 0 10px 23px; */
	background: url(../images/index-noice-dianac.png) left center no-repeat;
	 padding-left:24px; color:#005dad;}



.cont-box ul li a p,
.index-science ul li a p {
	font-size: .18rem;
	color: #333;
	line-height: 30px;
	text-align: left;
	float: left;
	width: 78%;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.5s ease;}

.cont-box ul li a span,
.index-science ul li a span {
	display: block;
	font-size: 0.16rem;
	color: #666;
	width: 22%;
	float: left;
	text-align: right;
	opacity: 0.55;
	line-height: 30px;}




.notice {}

.notice ul li{background: #fff;margin-bottom: 0.16rem;position: relative;}
.notice  ul li::after{content: "";display: block;width: 0;height: 0.04rem;background: #005dad;position: absolute;top: 100%;left: 0;transition: 0.4s;}
.notice  ul li a{}
.notice  ul li .box{display: flex;justify-content: space-between;align-items: center;padding: 0.185rem 0.15rem;}
.notice  ul li .sj{width: 0.7rem;}
.notice  ul li .sj .p1{font-size: 0.32rem;font-family: timesbd;color: #01a6db;text-align: center;margin-bottom: 0.07rem;}
.notice  ul li .sj .p2{font-size: 0.14rem;font-family: times;color: #01a6db;text-align: center;}
.notice  ul li .line{width: 1px;height: 0.5rem;background: #005dad; opacity:.3;}
.notice  ul li .con{width: calc(100% - .9rem);padding-left: 0.1rem;}
.notice  ul li .con .bt{font-size: 0.18rem;
	font-weight: normal;overflow: hidden;max-height: 0.54rem;
	line-height: 0.26rem;
	color: #353535;}

.notice  ul li:hover:after{width: 100%;}
.notice  ul li:hover .con .bt{color: #005dad;font-weight: bold;}



@media(min-width: 1440px){

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

}
@media(max-width: 800px){
.home1 .left_z{ width: 100%; margin-top:.05rem;}
}
@media(max-width: 560px){
	.notice ul li {width: 100%; margin-right: 0%;}
} 


.home1 .right{ width: 48%;}



.xsbg_notice { float: right; width: 100%;}
.xsbg_notice li {padding-bottom: 13px; margin-bottom: 13px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.xsbg_notice li:last-child {margin-bottom: 0px; border-bottom: 0px solid #f2f2f2;}
.xsbg_noticeDate { width: 88px; float: left; text-align: center; border:1px solid #f2f2f2;}
.xsbg_noticeDate p { transition: all .5s; font-size: 25px; /*background:#e7e7e7;*/ font-weight: bold; line-height: 63px; color: #005dad;}
.xsbg_noticeDate span { transition: all .5s; display: block; font-size: 14px; color: #5d5d5d;background: #f2f2f2; line-height: 38px; font-size: 14px;}
.xsbg_noticeTag {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top: 6px; transition: all .5s; float: right; width: calc(100% - 110px); font-size: 16px; color: #000000; line-height: 28px;}
.xsbg_noticeTag h3 {font-size: 18px;
    color: #333;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 35px;}
.xsbg_noticeTag .reporter {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
    margin-bottom: 15px;}

.xsbg_noticeTag .time {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    padding-left: 20px;
    background: url(../images/science-time.png) 140px center no-repeat;
    background: url(../images/science-time.png) left center no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.xsbg_noticeTag .adress {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    padding-left: 20px;
    background: url(../images/science-adress.png) 140px center no-repeat;
    background: url(../images/science-adress.png) left center no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.xsbg_notice li:hover .xsbg_noticeDate p {background: #005dad; color: #ffffff;}
.xsbg_notice li:hover .xsbg_noticeDate span {background: #0d71c7; color: #ffffff;}
.xsbg_notice li:hover .xsbg_noticeTag {  color: #005dad;}

#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99999;}
.videoAlt { display: none; z-index: 999999; width:70%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
.closeVideo { cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; width: 40px; height: 40px; display: block; position: absolute; right:-40px; top: -40px; z-index: 99999;}
.videoAlt video { display: block; width: 100%;}
.videoAlt2 { display: none; z-index: 999999; width:70%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 90%;}
.closeVideo2 { cursor: pointer; transition: all .5s; background: url(../images/close.png) center no-repeat; width: 40px; height: 40px; display: block; position: absolute; right:-40px; top: -40px; z-index: 99999;}
.videoAlt2 video { display: block; width: 100%;}


/*原来的学术报告切换*/
.smxy-xshd-img { width:100%; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); background:#fff url(../images/xshd-bg.png) no-repeat right bottom;}

.smxy-xshd-img .img {float: left;width: 38%;}
.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: 62%;	height: 100%; padding-right:.35rem; padding-left:.35rem; padding-top:.20rem;}
.smxy-xshd-img .box .name {	display: block;	margin: 1.05rem 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: #005dad;	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: 8px;	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;}
	
.smxy-xshd-img .box .listInf li .zhuti-icon {
	width: 12px;
	height: 13px;
	display: inline-block;
	background: url(../images/icon4.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(max-width: 1680px){
.smxy-xshd-img .img {width: 45%;}
.smxy-xshd-img .box {width: 50%;}

}

@media(max-width: 1440px){

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

}
@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;position: relative; z-index: 1;}
.home2 .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}



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

.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: #005dad; 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;}


.home1{ position: relative; z-index: 1;}
.home1 .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
/*.home3 .bg .item__img{ background-attachment: fixed !important;}*/
.home1 .tit1_c h4{ color: #fff;opacity: .2;}
.home1 .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: #fff;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: #005dad; 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: #005dad; 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;
align-items: center;color: #333333;line-height: 1.45;   text-align: justify; border-bottom:1px solid #ccc; padding-bottom:.12rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
.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; height:0.52rem;}

.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;
    background-size: cover;
    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%;}



.index_1{background:#fff url(../images/news_bg_left.png) no-repeat top left;
    position: relative;
    overflow: hidden;}
.index_1 .fl1{ justify-content: space-between;}
/*.home4 .left{ width:100%;}
.home4 .left{ width:calc(100% - 444px); float: left;}
.home4 .right{ float: right; width: 384px;}*/

.index_1 .left{ width: 68%;}
.index_1 .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: #005dad;}
.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; background-size: cover;}
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: #005dad;}

    .more1:hover span{ color: #fff;}
    .more1:hover:before{ width: 100%; background: #005dad; 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: #005dad; 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: #005dad;}
    .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: #005dad; transform: rotate(0deg);}

    .list4 .a:hover .ll{ color: #005dad;}
    .list4 .a:hover svg{ fill: #005dad; 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;}
	.homeb .item .txt .tit h4 { -webkit-line-clamp: 3;}
}
@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{}
    
.cont-box { padding:0.25rem 0.1rem;  }

.cont-box ul li a p,
.index-science ul li a p {
	font-size:14px;
	
}
.cont-box ul li a, .index-science ul li a {
    padding: 5px 0 5px 15px;
}


    .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; background-size: cover;}
.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: .3rem;}
.nRight{ width: calc(100% - 2.8rem); padding: .65rem 0 1.1rem .6rem;min-height: 8rem;}
.n_t1{background: #215bbc;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;}
/*.n_t1:before{ content: ""; position: absolute; bottom: 0; left: 0; height: .03rem; background: #0f3e8d;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;	background-size: cover;	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 2rem 0;background: url(../images/left_bg.png) center bottom no-repeat; background-size: 100% auto; border-left:.05rem solid #235cbc;}
.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;background-size: cover;}
.list_ej .a::after{content: "";position: absolute;border-bottom: #bbcfe2 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;background-size: cover;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: #005dad;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;background-size: cover;}
#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; background-size: cover; 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; height: auto !important;}

    .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;}
.list10{ background: url(../images/list10_b1.jpg) center no-repeat; background-size: cover; padding: .45rem .45rem .45rem;}
.list10 li{ min-width: 33.33%;}
.list10 .a{ font-size: .17rem; color: #333333; line-height: .36rem;transition: .5s;}

@media(min-width: 1024px){
    .list10 .a:hover{ color: #005dad;}
}
@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; display: inline-block; }

.list11 h3 em {font-style:normal; width:72px;text-align: justify;text-align-last: justify;display: inline-block;}

.list11 h3::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: .03rem; background: #3d66da;}
.list11 h3 span {  font-size: .18rem; margin-left:20px; }

.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: #005dad 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;}
    .list10{ padding: .3rem .2rem;}
}
@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: #005dad;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; background-size: cover; 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; background-size: cover; 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; background-size: cover; 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: #005dad 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: #005dad; 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; background-size: cover; padding: .3rem;margin-bottom: .5rem;}
.miso_select .fl0 .ll{ width: 1.5rem;font-size: .17rem;color: #005dad;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; background-size: cover; 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; background-size: cover; 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; background-size: cover; 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; background-size: cover; 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; background-size: cover; 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: #005dad; 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: #005dad; 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; width:33.33%;}
.list18 .a{ align-items: flex-start;}
.list18 .img{ width: 2.45rem; margin:0 auto;}
.list18 .img .imgLi{ padding-bottom: 125.33%;}
.list18 .txt{ width:100%; padding: .16rem 0 0; text-align:center;height: 0.9rem;}
.list18 h4{ font-size: .22rem; color: #000; margin-bottom:.15rem;}
.list18 h4 span{ display: block; font-size: .14rem; line-height: 1.375; margin: .1rem 0 0;}
.list18 p{ font-size: .17rem; color: #717171; line-height: .24rem;}
.list18{ min-height: 7rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
	.list18 li { width:100%;}
}
@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){


} 

.list128_tit {
	height: .54rem;
	width:100%;
	clear:both;
	padding: 0 0rem 0 .4rem;
	background: #215bbc;
	font-size: .22rem;
	color: #fff;
	line-height: .54rem;
position: relative;
	font-weight: normal;
	margin-bottom: .2rem;
	border-left:.05rem solid #215bbc;}

.list128_tit::before {	content: "";	position: absolute;	left: .16rem;	top: .14rem;	background: #fff;	width: 4px;height: .26rem;}
	
.list128 li{ padding-bottom: .32rem; margin-bottom: .32rem; border-bottom: #f4f4f4 1px solid; width:18.4%; margin-right:2%;}
.list128 li:nth-child(5n){margin-right:0;}
.list128 .a{ align-items: flex-start;}
.list128 .img{ width:60%; margin:0 auto;}
.list128 .img .imgLi{ padding-bottom: 138.095%;}
.list128 .txt{ width:100%; padding: .16rem 0 0; text-align:center;height: 0.9rem;}
.list128 h4{ font-size: .22rem; color: #000; margin-bottom:.15rem;}
.list128 h4 span{ display: block; font-size: .14rem; line-height: 1.375; margin: .1rem 0 0;}
.list128 p{ font-size: .17rem; color: #717171; line-height: .24rem;}


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


} 




.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: #005dad;}
}
@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; background-size: cover;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; background-size: cover;}
    .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: #235cbc; 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: #245dbc; 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; background-size: cover;padding: .23rem 3%; 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; background-size: cover;}
.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;background-size: cover !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: #005dad;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: #005dad;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){	
	.xsbg_noticeTag { width:100%;}
	.xsbg_noticeDate { display:none;}
}
@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%;}

} 



.w75 { width:100%;max-width: 13rem;margin: 0 auto;}
.m-show{display:none;}
.zsBox{}
.zsBox a{}
.zsBox {
    background-image: url(../images/zsbg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: .1rem 0  .3rem;
    position: relative;
    background-attachment: fixed;}
.zsBox h3{font-size: .2rem;color: #ffffff;font-weight: 500;}
.zsBox p{font-size: .125rem; color: #ffffff;line-height: 1.6;font-weight: 300;background: rgba(0, 0, 0, 0.27);padding: .15rem  .2rem; border-left: .15rem solid #00a3d9/*border-left: .15rem solid rgba(34, 60, 172, 0.68)*/;}

.zsBox .video-tvc { width:100%; height:100%; position:absolute; left:0 ; z-index:0; object-fit: cover;}
@media screen and (min-width: 991px) {
    .zsBox h3{font-size: .42rem;color: #ffffff;font-weight: 500; margin-bottom:.5rem;}
    .zsBox p{font-size: .24rem;}
    .zsBox {padding: 1.6rem 0;}
	.m-show{display:block;}
}



.between{justify-content: space-between;}
.video-button{color: #ffffff; text-align: center; width: 1.6rem; height: 1.6rem; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 2.6rem; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(72, 185, 217, 0.88);}
/*.video-button{height: 28px; width: 48px; line-height: 28px}*/
.video-button.large .iconfont{font-size: 1.68rem!important;}
.video-button.large{height: 1.6rem; width: 1.6rem; line-height:1.6rem; text-align:center; font-size: .28rem!important; font-weight: 600; margin-top:1rem; display:block;}
/*.video-button i{line-height: 28px; font-size: 18px; margin-left: 4px}*/
/*.video-button.large i{line-height: 48px; font-size: 20px; margin-left: 8px}*/
.video-button:hover{color: #ffffff; background-image: -moz-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 167, 219) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 167, 219) 100%);
background-image: -ms-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 167, 219) 100%);}
.video-button::after,.video-button::before{position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%;  background-image: -moz-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 167, 219) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 167, 219) 100%);
background-image: -ms-linear-gradient(0deg, rgb(80, 18, 166) 0%, rgb(4, 89, 176) 43%, rgb(0, 167, 219) 100%); opacity: .15; z-index: -10;}
.video-button::before{z-index: -10; -webkit-animation: inner-ripple 2000ms linear infinite; -moz-animation: inner-ripple 2000ms linear infinite; animation: inner-ripple 2000ms linear infinite;}
.video-button::after{z-index: -10; -webkit-animation: outer-ripple 2000ms linear infinite; -moz-animation: outer-ripple 2000ms linear infinite; animation: outer-ripple 2000ms linear infinite;}


@media(max-width: 560px){
	
	.zsBox h3 { font-size: .28rem; line-height:1.4; text-align:center; margin:0.8rem 0 0.3rem;}
	.zsBox p {font-size: .15rem;}
	.video-button.large {height: 1.2rem; width: 1.2rem; line-height: 1.2rem; margin-left: 180%;}
} 



@keyframes outer-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-filter: alpha(opacity=50);} 80%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5);} 100%{transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5);}}
@-webkit-keyframes outer-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 80%{transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5);} 100%{transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5);}}
@-moz-keyframes outer-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 80%{transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5);} 100%{transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5);}}
@keyframes inner-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 30%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 100%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5);}}
@-webkit-keyframes inner-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 30%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 100%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5);}}
@-moz-keyframes inner-ripple{0%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 30%{transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);} 100%{transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5);}}