@charset "utf-8";

/* */
@font-face {
  font-family: "geo";src:url("../font/georgia.ttf");
}
@font-face {
  font-family: sy;src:url("../font/sySong.woff");
}

.a_body { position: relative; z-index: 0; }
.section { overflow: hidden; }
.wap {
	display: none !important;
}
.search-con {
	margin-left: 0.2rem;
	display: block;
	font-size: 0;
	position: relative;
}

.search-con button {
	cursor: pointer;
	font-size: 0.16rem;
	font-weight: 500;
	color: #fff;
	background: none;
}
.flex1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.search-con button img {
	vertical-align: -0.02rem;
	width: 0.16rem;
	height: 0.16rem;
	margin-right: 0.1rem;
	transition: all 0.5s;
}

.search-con button:hover {
	opacity: 0.8;
}

.search {
	width: 500px;
	height: 50px;
	background: #fff;
	margin-top: 20px;
	position: absolute;
	right: 0;
	top: 24px;
	z-index: 1;
	display: none;
}

input,
button {
	border: none;
	outline: none;
}

.search .text {
	width: 500px;
	padding-left: 15px;
	padding-right: 80px;
	height: 50px;
	font-size: 14px;
	background: none;
	color: #333;
}

.search .button {
	width: 80px;
	height: 50px;
	background: #144DAC url(../images/fdj.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	text-align: center;
}

input::-webkit-input-placeholder {
	color: #999;
}

input::-moz-input-placeholder {
	color: #999;
}

input::-ms-input-placeholder {
	color: #999;
}

/* 定位搜索框 */

.yc-search {
	line-height: 40px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: none;
}

.yc-search-bg {
	position: fixed;
	z-index: 99998;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
}

.search {
	display: block;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 99999;
	
}

/*头部*/
.pc {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99991;
	background:url("../images/hand_bg.png") repeat-x;
}

.pc.on {
	background: rgba(31, 101, 177, 0.9);
}

.head {
	padding: 0.24rem 5.2%;
	transition: all 0.5s;
	position: relative;
	z-index: 999;
}

.pc.on .head {
	padding: 0.15rem 5.2%;
}

.logo {
	width: 5.85rem;
}

.logo a {
	display: block;
	font-size: 0;
	transition: all 0.3s;
}

.logo img {
	display: block;
	max-width: 100%;
}

.head-r {
	flex: 1;
	min-width: 0;
	padding-left: 9.7%;
}

.head-rt {
	display: flex;
	justify-content: flex-end;
}

.head-en {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: 0.4rem;
}

.head-en a {
	display: block;
	font-size: 0.16rem;
	font-weight: 500;
	color: #fff;
	background: url(../images/home.png) no-repeat left center;
	background-size: 0.16rem 0.14rem;
	padding-left: 0.26rem;
	transition: all 0.5s;
}

.head-en a:hover {
	opacity: 0.8;
}

.head-a {
	font-size: 0.16rem;
	margin-right: 0.36rem;
	color: rgba(255, 255, 255, 0.6);
}

.head-a a {
	display: inline-block;
	color: rgba(255, 255, 255, 0.6);
	margin: 0 0.1rem;
}

/* nav */
.nav {
	line-height: 0.4rem;
	margin-top: 0.1rem;
}

.nav>ul {
	font-size: 0;
	text-align: right;
}

.nav>ul>li {
	display: inline-block;
	text-align: center;
	position: relative;
}

.nav>ul>li:first-child {
	margin-left: 0;
}

.nav>ul>li>a {
	display: block;
	font-size: 0.2rem;
	font-weight: bold;
	color: #fff;
	position: relative;
}

.nav>ul>li>a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 0.02rem solid #fff;
	transform: scaleX(0);
	transition: all 0.3s;
}

.nav>ul>li.on>a::after,
.nav>ul>li:hover>a::after,
.nav>ul>li.active>a::after {
	transform: none;
}

.nav>ul>li.active>a {
	font-weight: bold;
}

.nav>ul>li:hover>a {
	font-weight: bold;
}

.nav>ul>li>div {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(0.3rem);
	width: 100%;
	min-width: 1.3rem;
	z-index: 9999;
	line-height: normal;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}

.nav>ul>li>div>ul {
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);
	margin-top: 0.14rem;
}

.nav>ul>li>div>ul>li a {
	display: block;
	font-size: 0.15rem;
	line-height: 0.45rem;
	transition: all 0.3s;
	color: #333;
}

.nav>ul>li>div>ul>li a:hover {
	background: #144DAC;
	color: #fff;
}

.nav>ul>li:hover>div {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

.nav-r {
	float: left;
	position: relative;
}

.nav-r a {
	float: left;
	margin-left: 20px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #fff;
	line-height: 40px;
	font-size: 0;
}

.nav-r a img {
	vertical-align: middle;
	display: none;
}

.nav-r a img:first-child {
	display: inline-block;
}

.nav-r a span {
	display: block;
	font-size: 18px;
}


@keyframes spin { 
  100% { transform: rotate(1turn); }
}
@keyframes spin2 { 
  100% { transform: rotate(-1turn); }
}
@keyframes spin-reverse { 
  0% { transform: rotate(1turn); }
}
@keyframes spin-reverse2 { 
  0% { transform: rotate(-1turn); }
}


/* banner */
.main-visual-wrapper { width: 100%; overflow: hidden; position: relative; }
.main-visual-slider { overflow: hidden; position: relative; }
.main-visual-slider .swiper-slide { overflow: hidden;}
.swiper-box1 .imged{padding-bottom: 30%;}
.slide-inner{overflow: hidden;}
.main-visual-slider .imged{transform: translate3d(0px, 0px, 0px) scale(1.05); transition: opacity 0.5s}
.main-visual-slider .swiper-slide-active .imged{transform: scale(1); transition: all 6s ; }
.main-visual-slider video{transform: scale(1.1)\0;}
.main-visual-slider a p{color: #fff;font-size: 0.28rem;line-height: 1.5;position: absolute;left: 15%;bottom: 4%;width: 70%;z-index: 10;}
.banner .dot{position: absolute;bottom: 0.2rem;width: 100%;z-index: 1000;justify-content: flex-end;}
.banner .btn{bottom: .3rem;display: flex;align-items: center;justify-content: center;right: 10%;padding-bottom: 0.23rem;position: relative;}
.banner .btn::after{content: "";position: absolute;height: 1px;background: #fff;width: calc(100% - .55rem);opacity: .42;left: 50%;bottom: 0;transform: translateX(-50%);}
.banner .btn span{
  position: relative;
  width: 0.26rem;
  height: 0.26rem;
  margin: 0 0.15rem !important;
  opacity: 1;
  background: rgba(3,36,87,.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0;
  color: #fff;
  font-size: 0.14rem;
  text-align: center;
  line-height: 0.26rem;
  transition: 0.5s;
}
.banner .btn span::after{width: 1px;height: 0.23rem;left: 50%;top: 100%;transform: translateX(-50%);opacity: .42;content: "";position: absolute;z-index: -1;background: #fff;}
.banner .btn .swiper-pagination-bullet-active{background: rgba(191,21,58,.94);border: 1px solid #fff;transform: translateY(-.15rem);}
.banner .btn .swiper-pagination-bullet-active::after{height: .38rem;}



/* home1 */
.title{margin-bottom: .55rem;align-items: center;position: relative;justify-content: space-between;}
.title .line{width: calc((100% - 3.15rem)/2);}
.title .line2{transform: rotateY(180deg);}
.title .h3{align-items: center;width: 3.15rem;height: 0.88rem;align-items: center;padding: 0 .2rem;cursor: pointer;}
.title h3{color: #000;font-size: 0.4rem;font-weight: bold;line-height: 1.6;padding-left: .15rem;flex-direction: column;font-family: sy;}
.title h3 span{font-size: 0.17rem;display: inline-block;color: #97aac6;font-family: 'geo';text-transform: uppercase;}
.title .h3 .ico{width: 0.94rem;height: 100%;display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.title .h3 .ico img{max-height:100%;}
.title .more{position: absolute;right: .2rem;bottom: 0.4rem;top: auto;}
.more a{font-size: 0.16rem;line-height: 0.22rem;color: #21406d;border-radius: 0;}
.home11{width: 100%;background: url(../images/hbg1.jpg) no-repeat center/cover;overflow: hidden;}
.home1{padding: 0.8rem 0 0.5rem;}
.home1 .title{justify-content: flex-start;}
.home1 .title .h3{padding: 0 .25rem 0 0;width: auto;}
.home1 .title .h3 h3{color: #808ea3;}
.home1 .title .h3 .ico{display:none}
.home1 .more a{display: none;}
.home1 .title .h3.on h3{color: #21406d;}
.home1 .title .h3.on .ico{display: block;}
.home1 .more a.on{display: block;}
.home1 .more{right:0;bottom:auto;}
.home1-t{align-items:flex-start;}
.home1-t .left{width: 50%;position: relative;}
.home1-t .right{width: 50%;padding-left: .6rem;}
.home1-t .left a{display: block;position: relative;}
.home1-t .left .con{width: 100%;padding: .2rem ;z-index: 10;height: 1.1rem;background: #fff;}

.home1-t .left .h1-t h3{font-size: 0.24rem;color: #000;line-height: 0.3rem;transition: 0.5s;}
.home1-t .left .h1-t p{font-size: 0.16rem;	color: #1f65b1;line-height: 0.3rem;margin-bottom: .1rem;}
.home1-t .left .imged{padding-bottom: 4.7rem;}
.home1-t .left ul{position: absolute;left: 0;bottom: 1.1rem;width: 100%;z-index: 100;}
.home1-t .left ul li{width: 1.08rem;height: 1.02rem;margin-right: 0.05rem;background: rgba(3,36,87,.9);transition: 0.5s;}
.home1-t .left ul li:nth-child(2){background: rgba(3,36,87,.8);}
.home1-t .left ul li:nth-child(3){background: rgba(3,36,87,.6);}
.home1-t .left ul li:nth-child(4){background: rgba(3,36,87,.5);}
.home1-t .left ul li:nth-child(5){background: rgba(3,36,87,.3);}

.home1-t .left ul li a{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;}
.home1-t .left ul li span{font-size: 0.36rem;color: #fff;}
.home1-t .left ul li p{font-size: 0.16rem;color: #fff;margin-top: .1rem;}
.home1-t .left ul li.on{background: #fff;}
.home1-t .left ul li.on span,.home1-t .left ul li.on p{color: #1f65b1;}
.home1-t .right li a{padding: .23rem 0;border-bottom: 1px solid #ddd;align-items: center;}
.home1-t .right li a::after{height: 0.02rem;bottom: -1px;background: #1f65b1;}
.home1-t .right li h3{width: calc(100% - 1.5rem);font-size: 0.2rem;color: #000;line-height: 1.3;}
.home1-t .right li p{width: 1.5rem;text-align: right;font-size: 0.16rem;color: #89909b;font-family: sy;}
/* home2 */
.home2{padding-bottom:0px;padding: 0rem 0 0.55rem;position: relative;z-index: 2;}
.home2-t li a{display: block;width: 100%;height: 2rem;background: url(../images/h2bg.jpg) no-repeat center/cover;position: relative;padding: .25rem .25rem .3rem;transition: 0.5s;}
.home2-t li .p{justify-content: space-between;align-items: center;}
.home2-t li .p span{display: block;width: 1.4rem;height: 0.31rem;color: #fff;font-size: 0.16rem;font-family: sy;line-height: 0.31rem;padding: 0 0 0 .15rem;transform: translateX(-.35rem);}
.home2-t li .p span::after{width: 100%;height: 100%;background: url(../images/h2-i.png) no-repeat;background-size: 100% 100%;}
.home2-t li .p p{font-size: 0.18rem;color: #1f65b1;}
.home2-t li h3{font-size: 0.2rem;color: #000;line-height: 0.33rem;max-height: 0.66rem\0;margin: 0.2rem 0 0.3rem;transition: 0.5s;}
.home2-t li h4{width: 100%;height: 1px;background: #ddd;}
.home2-t .dot{bottom: 0;}
.home2-t .dot span{width: 0.48rem;height: 0.07rem;border-radius: 0.035rem;background: #b3bac1;margin: 0 0.1rem;}
.home2-t .dot span.swiper-pagination-bullet-active{background: #1f65b1;}
.home2-t li a:hover{ box-shadow: 0px 21px 35px 0px rgba(209, 213, 217, 0.85);transform: scaleY(1.05);}
.home2-t .swiper-container{padding-bottom: 0.55rem;}

/* home3 */
.home3{padding:.7rem 0 0.4rem;z-index: 10;position: relative;background: url(../images/hbg3.jpg) no-repeat center/cover;overflow: hidden;}
.home3::after{width: 70%;height: 100%;background: url(../images/h3bg.jpg) no-repeat center/cover;left: auto;right: 0;}

.home3 .title .h3{width: auto;}
.home3 .title .more{bottom: auto;right: 0;}
.home3 .more a{display: inline-block;padding: .15rem 0;border-top: 1px solid #04a1d6;border-bottom: 1px solid #04a1d6;color: #fff;}
.home3 .left{width: 56%;}
.home3 .right{width: 44%;padding-left: 0.3rem;margin-top: .5rem;}
.home3 .left .imged{padding-bottom: 5.4rem;}
.home3 .left a{position: relative;display: block;}
.home3 .left .imged::after{width: 0.97rem;height: 0.97rem;background: url(../images/bf.png) no-repeat;background-size: 100%;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
.home3 .left .imged1::after{width: 0.97rem;height: 0.97rem;background-size: 100%;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
.home3 .left li h3{width: 100%;text-align: center;color: #fff;font-size: 0.24rem;line-height: 1.5;bottom: 30%;z-index: 100;position: absolute;}
.home3 .left .arrow{position: relative;left: 50%;transform:translate(-50%);width:142px;}
.home3 .left .arror{width: 0.71rem;height: 0.71rem;display: flex;align-items: center;justify-content: center;background: #1f65b1;position: relative;top: auto;left: auto;right: auto !important;margin: 0;}
.home3 .left .arror img{width: 0.29rem;}
.home3 .left .swiper-button-next{background: #fff;}
.home3 .left .arror::after{display: none;}
.home3 .right li{margin-bottom: 0.6rem;}
.home3 .right li a{align-items: center;}
.home3 .right li .h3-l{width: 66%;}
.home3 .right li .con{width: 34%;border: 1px solid rgba(255, 255, 255, 0.5);height: 2.48rem;padding: .2rem .3rem;}
.home3 .right li .h3-l::after{width: 100%;height: calc(100% - 0.16rem);bottom: auto;top: 0.08rem;left: auto;right: -0.1rem;background: url(../images/h3bg2.png) no-repeat;background-size: 100% 100%;}
.home3 .right li .imged{padding-bottom: 2.85rem;}
.home3 .right li .con span{display: inline-block;width: 0.65rem;height: 0.3rem;text-align: center;line-height: 0.3rem;font-size: 0.17rem;color: #fff;}

.home3 .right li .con span::before{width: 100%;border-radius: 0.06rem;border: 1px solid #fff;bottom: -0.05rem;left: auto;right: -0.05rem;content: "";position: absolute;z-index: -1;height: 100%;}
.home3 .right li .con span::after{background: #1f65b1;width: 100%;border-radius: 0.06rem;}

.home3 .right li h3{color: #fff;font-size: 0.2rem;line-height: 0.35rem;max-height: 1.05rem\0;margin: 0.2rem 0;}
.home3 .right li p{justify-content: flex-end;}
.home3 .right li p img{width: 0.13rem;}
.home3 .right li:nth-child(2) .con{order: -1;}
.home3 .right li:nth-child(2) .h3-l::after{left: -0.1rem;right: auto;transform: rotateY(180deg);}


/* home4 */
.home4{width: 100%;background: url(../images/hbg4.jpg) no-repeat center/cover;padding: 0.65rem 0 1rem;position: relative;overflow: hidden;}
.home4-t::after{width: 100vw;height: 1px;background: #032457;opacity: .24;bottom: 0.125rem;left: calc((-100vw + 15rem)/2);}
.home4-t .swiper-container{padding-top: 0.55rem;}
.home4-t li{transition: 0.5s;padding-bottom: 0.8rem;}
.home4-t li.swiper-slide-active a,.home4-t li.swiper-slide-active+li+li a{transform: translateY(-0.55rem);}
.home4-t li::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);height: 1.5rem;background: #032457;opacity: .24;bottom: 0;z-index: -1;width: 1px;}
.home4-t li::after{width: 0.25rem;height: 0.25rem;background: url(../images/h4-c1.png) no-repeat;background-size: 100% !important;left: 50%;/* transform: translateX(-50%); */margin-left: -.125rem;}
.home4-t li a{height: 4.85rem;padding: .3rem;display: block;transition: 0.5s;}
.home4-t li a::after{width: 100%;background: url(../images/h4bg1.jpg) no-repeat #fff;background-size: 100% !important;border-bottom: 0.04rem solid #032457;}
.home4-t li .date span{color: #21406d;font-size: 0.36rem;line-height: 1.5;display: inline-block;}
.home4-t li .date p{color: #21406d;font-size: 0.16rem;}
.home4-t li h3{font-size: 0.22rem;color: #21406d;line-height: 0.3rem;max-height: 0.6rem\0;margin: .3rem 0;transition: 0.5s;}
.home4-t li h4{font-size: 0.16rem;color: #888;line-height: 0.3rem;max-height: 2.1rem\0;margin: 0rem 0 .25rem;}
.home4-t li>p{justify-content: flex-end;}
.home4-t li>p i{font-style: normal;width: 0.21rem;height: 0.12rem;background: url(../images/h4-i1.png) no-repeat;background-size: 100% !important;}
.home4-t .arror{top: auto;margin: 0;bottom: 0;left: 0;width: .2rem;height: .25rem;}
.home4-t .swiper-button-next{left: auto;right: 0;}
.home4-t .arror::after{font-weight: bold;font-size: 0.22rem;color: #000;}


/* link */
.link{width: 100%;padding: 0.3rem .2rem 0;position: absolute;top: 0rem;}
.link::after{width: calc((100vw - 15rem)/2 + 100%);height: 100%;background: #fff;border-radius: 0.44rem 0 0 .44rem;}
.link p{font-size: 0.24rem;color: #000;font-weight: bold;font-family: sy;padding-left: .25rem;}
.link p::after{width: 0.71rem;height: 0.42rem;background: url(../images/link-i.png) no-repeat;background-size: 100%;bottom: 0.3rem;}
.link li{color: #000;margin-bottom: .3rem;}
.link li a{display: block;padding: 0 .3rem;display: inline-block;font-size: 0.18rem;color: #000;line-height:1.3;transition: 0.5s;}


/* foot */
.footer{width: 100%;background:#1f65b1;padding: 0.9rem 0 0.5rem;position: relative;overflow: hidden;}
.foot-t p{text-align: center;color: #fff;font-size: 0.16rem;line-height: 0.3rem;}
.foot-t p span{display: inline-block;padding: 0 0.1rem;}


@media screen and (min-width: 1200px) {
 .home1-t .right li a:hover h3,.home1-t .left a:hover h3,.home2-t li a:hover h3,.link li a:hover{color: #1f65b1;}
 .home1-t .right li a:hover::after{width: 100%;}
 .home4-t li:hover a::after{background: url(../images/h4bg2.jpg) no-repeat #fff;border-bottom: 0.04rem solid #1f65b1;}
 .home4-t li:hover p i{background: url(../images/h4-i2.png) no-repeat;}
 .home4-t li:hover h3,.home4-t li:hover .date span,.home4-t li:hover .date p{color: #1f65b1;}
 .home4-t li:hover::after{background: url(../images/h4-c2.png) no-repeat;animation: play 10s linear infinite;}

}




@media screen and (max-width: 1600px) {
  #logo{width:4rem;}
  #header .right{padding-left:5%;}


}
@media screen and (max-width: 1400px) {
  #header .right { padding-left: 5%; }
  #nav ul li h3 { font-size: 0.18rem; }
  .list_box0 .li {padding-right: 0.05rem;}
  .list_box0 .li > a .top_ico { margin-right: 0.05rem; }
 

}
@media screen and (max-width: 1200px) {
  .header_box,.banner #logo,.nav{ display: none; }
  .m_header_box {display: block;height: .53rem;}
  .home4-t::after{left: -15px;}
  .link::after{width: calc(100% + 15px);}
}
@media screen and (max-width: 1024px) {

  .home1,.home3,.home4{padding: 0.4rem 0;}
  .home2{padding: 0 0 .4rem 0;}
  .title .h3 .ico{width: .6rem;}
  .title .h3{height: auto;}
  .title h3{font-size: .34rem;}
  .footer{padding: 0rem 0 .3rem;}
  .link{position: relative;top: 0;margin-bottom: .3rem;}
	
	body {
		padding-top: 60px !important;
	}

	.pc {
		display: none !important;
	}

	.banner .slick-slide a:before {
		display: none;
	}

	.m-top {
		max-width: 19.2rem;
		margin: 0 auto;
		position: fixed;
		right: 20px;
		top: 18px;
		width: 25px;
		height: 25px;
		z-index: 9999;
	}

	.wap {
		display: block !important;
	}

	.wap-menu {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99999;
		font-size: 0;
	}

	.wap-menu img {
		height: 25px;
	}

	.close-menu {
		display: none;
		position: absolute;
		right: 0;
		top: 0;
	}

	.m-head {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #144DAC;
		z-index: 999;
		padding: 10px 20px;
	}

	.m-logo {
		font-size: 0;
	}

	.m-logo a {
		font-size: 0;
		line-height: 40px;
		display: block;
	}

	.m-logo img {
		max-height: 40px;
		max-width: 80%;
		vertical-align: middle;
	}

	.m-tlink {
		font-size: 12px;
		padding: 10px 15px 0 15px;
		color: rgba(255, 255, 255, 0.5);
	}

	.m-tlink a {
		font-size: 12px;
		color: #fff;
		display: inline-block;
		line-height: 24px;
		margin: 0 12px;
		/*background: #fff;*/
		border-radius: 5px;
	}

	.m-tlink a:first-child {
		margin-left: 0;
	}

	.m-tlink a img {
		vertical-align: -2px;
		padding-right: 5px;
		height: 14px;
	}

	.m-search {
		margin: 0 15px;
		padding-right: 50px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		position: relative;
		line-height: 35px;
		/* background: #fff; */
		margin-top: 15px;
		margin-bottom: 15px;
		border: 1px solid #fff;
	}

	.m-search input[type="text"] {
		display: block;
		width: 100%;
		line-height: 25px;
		background: none;
		color: #fff;
		font-size: 12px;
	}

	.m-search input[type="text"]::placeholder {
		color: #fff;
	}

	.m-search input[type="image"] {
		position: absolute;
		right: 10px;
		top: 10px;
		height: 15px;
	}

	.m-nav {
		position: fixed;
		top: 60px;
		right: -100%;
		bottom: 0;
		z-index: 999;
		background: #144DAC;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		overflow-y: scroll;
		width: 100%;
		max-width: 375px;
	}

	.m-nav .top-r {
		color: #fff;
		padding-left: 15px;
	}

	.m-nav ul {
		padding: 0 15px;
		/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
	}

	.m-nav ul li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		position: relative;
	}

	.m-nav ul li>span.on {
		transform: rotateZ(90deg);
	}

	.m-nav ul li ul {
		display: none;
	}

	.m-nav ul li ul li {
		border: none;
	}

	.m-nav>ul>li a {
		display: block;
		font-size: 15px;
		line-height: 20px;
		padding: 15px 0;
		position: relative;
		color: #fff;
	}

	.m-nav>ul>li ul li a {
		font-size: 14px;
		padding: 10px 0;
	}

	.m-nav>ul>li>span {
		position: absolute;
		width: 20px;
		height: 20px;
		background: url(../images/m-nav_down.png) no-repeat;
		background-size: 14px 14px;
		background-position: center center;
		right: 0;
		top: 15px;
		cursor: pointer;
		display: block;
		color: #fff;
		transition: all 0.3s;
	}
}
@media screen and (max-width: 980px) {
  
}
@media screen and (max-width: 768px) {
.home3 .left .arrow {width:80px;}
  .txt1 { font-size: 0.2rem !important; }
  .p1 {line-height: 1.6 !important;font-size: 0.16rem !important;}
  .title{margin-bottom: .3rem;}
  .title h3{font-size: .24rem;}
  .title h3 span{font-size: 0.16rem;}
  .banner .arror{ width: 0.45rem;height: 0.45rem ;}
  .home1-t .left{width: 100%;margin-bottom:.3rem;}
  .home1-t .right{width: 100%;padding-left: 0rem;}
  .home1-t .left .imged{padding-bottom: 60%;}
  .home1-t .right li{margin-bottom: .25rem;}
  .home1-t .left ul li{width: .8rem;height: .7rem;}
  .home1-t .left ul li span{font-size: .22rem;}
  .home2-t li .p span{transform: translateX(0);}
  .home2-t li a{padding: .15rem;}
  .home3 .left{width: 100%;}
  .home3 .right{width: 100%;padding-left: 0rem;margin-top: .3rem;}
  .home3 .left .imged{padding-bottom:60%;height:216px;background-size:100% 100%;}
  .home3 .left .imged img {height:100%;}
  .home3::after{width: 100%;height: 60%;left: 0;}
  .home3 .more a{color: #333;}
  .home3 .right li .imged{padding-bottom: 55%;}
  .home3 .right li{margin-bottom:.3rem;}
  .home3 .left .imged::after{width: 0.45rem;height: 0.45rem;}
  .home3 .left .arror{width: 0.5rem;height: 0.5rem;}
  .home3 .left li h3{bottom: 20%;}
  .home4-t li a{padding: .2rem;}
  .home4-t li h3{margin: .15rem 0;}
  .link li a{padding: 0 .1rem;}
}

@media screen and (max-width: 640px) {
  .home3 .right li .h3-l{width: 100%;}
  .home3 .right li .con{width: 100%;height:auto;}
  .home3 .right li .h3-l:after{display:none;}
  .home3 .right li:nth-child(2) .con{order:2;}
  .home4-t li a{height: 4rem;}
}
@media screen and (max-width: 420px) {
  .home2-t li a{height: auto;padding: .2rem .2rem .3rem;}
}
@media (min-width: 200px) {
  [aos="zoom-in"] { transform: scale(0.5); }
  html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}
  html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}
  html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(-150px,-150px,0);transform:translate3d(-150px,-150px,0)}
}