.container {
	position: relative;
	width: 100%;
	/* height: 8.78rem; */
	margin: 0 auto;
	overflow: hidden;
}

.imgs {
	width: 100%;

}

.imgs .swiper-slide {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size:100% auto;
    /* padding-bottom: 31%; */
}

.imgs .main_box {
	padding-top: 180px;
}

.imgs .main_box h5 {
	font-size: 90px;
	color: #17499d;
}

.imgs .main_box p {
	font-size: 70px;
	color: #2d5265;
}

.imgs .main_box .line {
	width: 90px;
	height: 10px;
	background-color: #17499d;
	margin-top: 36px;
	margin-bottom: 40px;
}

.imgs .main_box .en {
	color: #2d5265;
	font-size: .18rem;
}

.imgs .main_box .en:nth-of-type(1) {}

.imgs .main_box .btn {
	width: 190px;
	height: 60px;

	margin-top: 80px;
}

.imgs .main_box .btn a {
	display: block;
	width: 100%;
	line-height: 60px;
	font-size: 28px;
	color: #17499d;
	background-color: #fff;
	/* border: 1px solid #17499d; */
	border-radius: 60px;
	text-align: center;
}

/* .imgs img{
    position: absolute;
    cursor: pointer;
    top: 0;
} */
/* .imgs img{
    width: 19.2rem;
    height: 8.78rem;
    display: block;
} */
.circle {
	width: 1.2rem;
	height: .05rem;
	position: absolute;
	bottom: .4rem;
	left: 50%;
	text-align: center;
	cursor: pointer;
	margin-left: -.59rem;
}

.imgs .swiper-pagination {
	text-align: center;
}

.imgs .swiper-pagination-bullet {
	display: inline-block;
	width: .3rem;
	height: .05rem;
	background-color: #ffffff;
	/* float: left; */
	margin-right: .14rem;
	border-radius: 0;
	opacity: 1;
}

.imgs .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: .3rem;
}

.imgs .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #062D7D;
}

.circle b:last-child {
	margin: 0;
}

.imgs .current {
	background-color: #062D7D;
}

.index-one {
	width: 19.2rem;
	height: 3.84rem;
	margin: auto;
	overflow: hidden;
	background-color: #999999;
}

.index-one ul {
	overflow: hidden;
}

.index-one ul li {
	width: 6.395rem;
	height: 3.84rem;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: .8;
	-webkit-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.index-one ul li:hover {
	opacity: 1;
	background-size: 120%;

}

.index-one-oa {
	margin-top: 2.34rem;
	background: #333333;
	opacity: 0.7;
	height: 1.5rem;
	padding: 0 0.48rem;
}

.index-one-da {
	width: 5.2rem;
	height: auto;
	font-size: .16rem;
	/* font-family: "PingFang Regular"; */
	color: #FFFFFF;
	line-height: .3rem;
	margin-bottom: 0.16rem;
	padding-top: .19rem;
	/* padding: 4rem 0 .15rem 0;
    margin: auto; */
}

.index-one-x {
	width: 5.2rem;
	height: auto;
	font-size: .16rem;
	/* font-family: "PingFang Regular"; */
	font-weight: 500;
	color: #D5D5D5;
	line-height: 1.8;
	/* margin: auto; */
}

.index-one ul li:hover .index-one-da {
	color: #ffffff;
}

.index-one ul li:hover .index-one-x {
	color: #ffffff;
}

.index-title {
	width: 1200px;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 0 auto 45px auto;
	/* margin-top: 0.36rem; */
}

.index-title-en {
	font-size: .16rem;
	/* font-family: "PingFang Regular"; */
	font-weight: 400;
	color: #B9B7B8;
	line-height: 1;
	margin-top:0.5rem;
	margin-bottom: .25rem;
	text-transform: uppercase;
}

.index-title-cn {
	font-size: .4rem;
	/* font-family: "PingFang Medium"; */
	color: #17499D;
	line-height: 1;
}

.index-title-cns {
	font-size: 40px;
	/*font-family: "PingFang Medium" !important;*/
	color: #002955;
	text-align: left;
	line-height: 1;
}

.index-ms {
	width: 11rem;
	height: auto;
	font-size: .16rem;
	/* font-family: "PingFang Regular"; */
	color: #717171;
	line-height: 1.8;
	margin: .5rem auto auto auto;
}

.index-two {
	margin: 1rem auto;
}

.index-two {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 100px auto;
}

.index-two ul {
	overflow: hidden;
}

.index-two ul li {
	height: auto;
	overflow: hidden;
	float: left;
}

.index-two-img {
	width: 102px;
	height: 102px;
	margin: auto;
}

.index-two-img img {
	width: 102px;
	height: 102px;
	margin: 0 auto;
	display: block;
}

.index-two-z {
	width: 100%;
	/* height: .23rem; */
	font-size: .18rem;
	/* line-height: .23rem; */
	/* font-family: "PingFang Regular"; */
	color: #17499D;
	font-weight: bold;
	padding: .22rem 0 .4rem 0;
	text-align: center;
}

.index-two-p {
	width: 11rem;
	height: auto;
	font-size: .16rem;
	/* font-family: "PingFang Regular"; */
	color: #717171;
	line-height: 1.8;
	text-align: center;
	margin: auto;
}

.aa {
	clear: both;
	width: 180px;
	height: 50px;
	
	margin: 0 auto 1rem auto;
}

.aa a {
	width: 180px;
	height: 50px;
	border: 1px solid #cccccc;
	border-radius: 50px;
	opacity: 1;
	border-radius: .25rem;
	background-color: #062D7D;
	display: block;
	font-size: 24px;
	/* font-family: "PingFang Regular"; */
	color: #FFFFFF;
	margin: auto;
	text-align: center;
	line-height: 50px;
}

.aa a:hover {
	background-color: #FFFFFF;
	color: #17499D;
}

.index-two-a {
	width: 180px;
	height: 50px;
	margin: .5rem auto auto auto;
}

.index-two-a a {
	width: 180px;
	height: 50px;
	border: 1px solid #cccccc;
	border-radius: 50px;
	opacity: 1;
	border-radius: .25rem;
	background-color: #062D7D;
	display: block;
	font-size: 24px;
	/* font-family: "PingFang Regular"; */
	color: #FFFFFF;
	margin: auto;
	text-align: center;
	line-height: 50px;
}

.index-two-a a:hover {
	background-color: #FFFFFF;
	color: #17499D;
}

.index-three {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #F8F8F8;
	padding-bottom: .5rem;
	/* padding: .4rem 0; */
}

.index-three ul {
	overflow: hidden;
	width: 1200px;
	height: auto;
	margin: auto;
	margin: 0 auto;
}

.index-three ul li {
	width: 100%;
	height: 4.63rem;
	position: relative;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
	-webkit-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.index-three ul li:hover {
	opacity: 1;
	background-size: 120%;
}
.index-three ul li:nth-child(2):hover{
	opacity: 1;
	background-size: 200%;
	
	-webkit-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
}
.index-three ul li:nth-child(3):hover{
	opacity: 1;
	background-size: 200%;
	
	-webkit-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
}
.index-three ul li .index-three-li {
	position: absolute;
	bottom: .59rem;
	width: 100%;
	background: #062D7D;
	opacity: 0.9;
    padding:20px 20px 20px 20px;
}

.index-three ul li .index-three-da {
	/* height: 28px; */
	font-size: 24px;
	/* font-family: "PingFang Medium"; */
	color: #FFFFFF;
	padding: 0px 20px 10px 0px;
	text-align: left;
}

.index-three ul li .index-three-x {
	/* padding:0 .45rem; */
	text-align: left;
	padding: 0;
	font-size: .12rem;
	/* font-family: "PingFang Regular"; */
	color: #D5D5D5;
	line-height: 1.8;
}

.sss {
	color: #d5d5d5 !important;
}

.index-three ul li:nth-child(2) {
	width: 387px;
	height: 305px;
	overflow: hidden;
	float: left;
	margin-top: 40px;
/* 	background: #cccccc; */
/* opacity: 1; */
	/* -webkit-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out; */
}

.index-three ul li:nth-child(3) {
	width: 790px;
	float: right;
	margin-top: 40px;
	height: 305px;
	overflow: hidden;
	/* background: #cccccc; */
	/* opacity: 1; */
	/* -webkit-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out; */
}

.index-three ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.index-three ul li:hover .index-three-x {
	color: #FFFFFF;
}

.index-five {
	max-width: 100% !important;
	width: 100% !important;
	height: auto;
	overflow: hidden;
	background: #4CBBEC;
	margin: 1rem auto;
}

.index-five-main {
	width: 1200px;
	height: 360px;
	margin: auto;
	padding-bottom: 80px;
}

.index-five-main-l {
	width: 400px;
	height: auto;
	float: left;
}

.index-five-main-l-da {
	font-size: .16rem;
	/* font-family: "PingFang Regular"; */
	color: #002955;
	line-height: 2;
}

.index-five-main-l-x {
	width: 400px;
	height: auto;
	overflow: hidden;
	font-size: 40px;
	/*font-family: Arial !important;*/
	color: #062D7D;
	padding-top: 80px;
	font-weight: bold;
}

.index-five-main-l-x span {
	font-size: 24px;
	line-height: 40px;
	/* font-family: "PingFang Regular"; */
	color: #002955;
	display: block;

}

.index-five-main-r {
	width: 520px;
	height: auto;
	overflow: hidden;
	margin-top: -80px;
	float: right;

}

.index-input {
	display: block;
	width: 100%;
	height: 50px;
	background: #4CBBEC;
	border: none;
	border-bottom: 1px solid #002955;
	padding: 0;
	box-sizing: border-box;
	font-size: 20px;
	/* font-family: "PingFang Regular"; */
	color: #002955;
	margin-top: 30px;
}

.index-input::-webkit-input-placeholder {
	color: #002955;
}

.index-fa {
	text-indent: 8px;
	font-size: 20px;
	line-height: 48px;
}
.index-sub{
	cursor: pointer;
	position: relative;
}
.index-sub:hover .send_index_btn {
    position: absolute;
	right: 10px;
    animation: animatedBackground 1s linear infinite;
    -moz-animation: animatedBackground 1s linear infinite;
    -o-animation: animatedBackground 1s linear infinite;
}
@-webkit-keyframes animatedBackground {
    0% { right: 10px; }
    12% {  right: 20px; }
    25% {  right: 10px; }
    38% { right: 20px; }
    50% { right: 10px; }
    62% { right: 20px; }
    75% { right: 10px; }
    88% { right: 20px;  }
    100% { right: 10px;  }
}
@-moz-keyframes animatedBackground {
 0% { right: 10px; }
    12% {  right: 20px; }
    25% {  right: 10px; }
    38% { right: 20px; }
    50% { right: 10px; }
    62% { right: 20px; }
    75% { right: 10px; }
    88% { right: 20px;  }
    100% { right: 10px;  }
}
@-o-keyframes animatedBackground {
  0% { right: 10px; }
  12% {  right: 20px; }
  25% {  right: 10px; }
  38% { right: 20px; }
  50% { right: 10px; }
  62% { right: 20px; }
  75% { right: 10px; }
  88% { right: 20px;  }
  100% { right: 10px;  }
}
@keyframes animatedBackground {
 0% { right: 10px; }
 12% {  right: 20px; }
 25% {  right: 10px; }
 38% { right: 20px; }
 50% { right: 10px; }
 62% { right: 20px; }
 75% { right: 10px; }
 88% { right: 20px;  }
 100% { right: 10px;  }
}
.index-two {
	padding-bottom: 50px;
}
.index-sub {
	display: block;
	width: 30%;
	background-color: #4CBBEC;
	border: 1px solid #002955;
	border-radius: 32px;
	height: 60px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	padding-top: 0.06rem;
	box-sizing: border-box;
	font-size: 24px;
	color: #002955;
	margin-top: 30px;
}

@media(max-width:1024px) {
	.index-two-img {
		width: 1.3rem;
		height: 1.3rem;
		margin: auto;
	}
	.imgs .swiper-slide{
		height: 8.8rem;;
		background-size: 7.5rem 8.8rem;
	}
	.index_news_four .news-main-li-h {
		width: auto;
		height: auto;
	}

	.container {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.imgs {
		width: 100%;
		height: auto;
	}

	.imgs img {
		width: 100%;
		height: auto;
		display: block;
	}

	.circle {
		bottom: .2rem;
	}

	.index-one {
		width: 100%;
		height: auto;
		margin-top: .1rem;
	}

	.index-one ul li {
		width: 100%;
		height: 4.58rem;
		float: none;
		margin-bottom: 0.15rem;
		background-size: cover;
		position: relative;
		/* padding: 0 0.5rem; */
		padding-top: 2.74rem;
		background-color: #fff;
	}
.index-one ul li .grey_color{
	width: 100%;
	height: 1.76rem;
	background: rgba(0,0,0,.5);
	padding: .16rem .5rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
	.index-one-da {
		width: 100%;
		font-size: .24rem;
		padding: 0;
	}

	.index-one-x {
		width: 100%;
		font-size: .18rem;
		color: #d5d5d5;
	}

	.index-title {
		margin-bottom: .5rem;
		width: 100%;
	}

	.index-title-en {
		font-size: .16rem;
		margin-top: .2rem;
	}

	.index-title-cn {
		font-size: .4rem;
	}

	.index-ms {
		width: 100%;
		font-size: .24rem;
		text-align: left;
		padding: 0 .3rem;
	}

	.main_box.index-two {
		padding: 0;
		margin: .5rem auto;
	}

	.index-two {
		width: 100%;
		margin: .5rem auto 0 auto;
		padding: 0 .3rem;
	}

	.index-two ul li {
		width: 33.3%;
		height: auto;
		overflow: hidden;
		/* float: left;
        margin-right: .1rem; */
	}
	.imgs .main_box h5{
		font-size: 0.9rem;
	}
	.imgs .main_box p{
		font-size: 0.7rem;
	}
	.imgs .main_box .line{
		width: 0.9rem;
		    height: .1rem;
		    background-color: #17499d;
		    margin-top: .36rem;
		    margin-bottom: .4rem;
	}
	.imgs .main_box .btn{
		width: 1.9rem;
		    height: .6rem;
		    margin-top:.8rem;
	}
	.imgs .main_box .btn a{
		display: block;
	    width: 100%;
	    line-height: .6rem;
	    font-size: .28rem;
	    color: #17499d;
	    background-color: #fff;
	    /* border: 1px solid #17499d; */
	    border-radius: .6rem;
	    text-align: center;
	}
	/*    .index-two ul li:nth-child(4){
        margin-right: 0;
    }
    .index-two ul li:nth-child(5){
        margin-left: .825rem;
    } */
	.zqj {
		/* padding: 0.2rem 0.6rem 0.3rem 0.6rem !important; */
	}

	.zf {
		padding: 0.2rem 0.5rem !important;
	}

	.gw {
		padding: 0.2rem 0.5rem !important;
	}

	.ry {
		padding: 0.2rem 0.3rem !important;
	}

	.sl {
		padding: 0.2rem 0.7rem !important;
	}

	.kt {
		padding: 0.2rem 0.5rem !important;
	}

	.yd {
		padding: 0.2rem 0.57rem !important;
	}

	.index-two-z {
		width: 100%;
		height: 0.69rem;
		font-size: .2381rem;
		/* line-height: 1.8; */
		/* padding: 0.2rem 0.4rem; */
		margin: auto;
		height: auto;
	}

	.index-two-img {
		width: 1.28rem;
		height: 1.28rem;
	}
.index-two-img img{
		width: 1.28rem;
		height: 1.28rem;
	}
	.index-two-z {
		color: #062d7d;
		width: 100%;
		padding: 0.2rem 0.7rem 0.6rem 0.7rem;
	}
.index-two ul li:nth-of-type(2) .index-two-z{
	padding-left: .5rem;
	padding-right: .5rem;
}
.index-two ul li:nth-of-type(4) .index-two-z{
	padding-left: .4rem;
	padding-right: .4rem;
}
.index-two ul li:nth-of-type(5) .index-two-z{
	padding-left: .5rem;
	padding-right: .5rem;
}
.index-two ul li:nth-of-type(6) .index-two-z{
	padding-left: .4rem;
	padding-right: .4rem;
}
	.index-two-p {
		width: 100%;
		font-size: .24rem;
		margin-top: .3rem;
		text-align: left;
		padding: 0 .5rem;
	}

	.index-three {
		margin: .5rem auto;
		padding: .5rem .2rem;
	}

	.index-three ul {
		overflow: hidden;
		width: 100%;
		height: auto;
		margin: auto;
	}

	.index-three ul li {
		width: 100%;
		height: 5.75rem;
		background-size: cover;
	}
	/* .index-three ul li:hover{
		background-size: 100%;
	} */

	.index-three ul li .index-three-li {
		position: absolute;
		bottom: .2rem;
		
	}
	.index-three ul.ul_li{
		justify-content: space-around;
	}

	/* .index-three ul.ul_li li .index-three-li {
		position: inherit;
		background: none;
		padding: 0.1rem 0;
	} */

	.index-three ul.ul_li li .index-three-li .index-three-da {
		/* color: #1b1b1b; */
		padding: 0;
        font-weight: bold;
	}

	/* .index-three ul.ul_li li .index-three-li .index-three-da {
		color: #1b1b1b;
		padding: 0;
		font-weight: bold;
	} */

	.index-three ul.ul_li li .index-three-li.index-three-x {
		color: #878787;
	}

	.index-three ul.ul_li li .index-three-li.index-three-x {
		color: #878787;
	}

	/* .index-three .ul_li li .index-three-li {
		position: inherit;
		background: none;
		padding: 0.1rem 0;
	} */

	.index-three ul li .index-three-da {
		/* height: .3rem; */
		font-size: .3rem;
		padding: .1rem 0.3rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
		font-weight: bold;
	}
.index-three ul li:nth-of-type(1) .index-three-x{
	color: #d5d5d5;
}
.index-three ul li:nth-of-type(2) .index-three-x{
	color: #d5d5d5;
}
	.index-three ul li .index-three-x {
		padding: 0 .3rem;
		font-size: .24rem;
		line-height: 1.8;
		height: .36rem;
		overflow: hidden;
		color: #878787;
	}

	.index-three ul.ul_li li {
		width: 44%;
		height: auto;
		float: none;
		margin-top: 0.3rem;
		/* margin-left: 0.3rem; */
		background: none;
	}



	.index-five {
		width: 100%;
		margin: .3rem auto;
	}

	.index-five-main {
		width: 100%;
	}

	.index-five-main-l {
		width: 100%;
		float: none;
	}

	.index-five-main-l-da {
		font-size: .3rem;
	}

	.index-five-main-l-x {
		width: 100%;
		font-size: .4rem;
		padding-top: 0;
	}

	.index-five-main-l-x span {
		font-size: .3rem;
		/* font-family: "PingFang Regular"; */
		color: #333333;
	}

	.index-five-main-r {
		width: 100%;
		padding: .5rem 0;
		background: #ffffff;
		float: none;
	}

	.index-input {
		display: block;
		width: 100%;
		height: .66rem;
	}

	.index-sub {
		display: block;
		width: 100%;
		height: .66rem;
	}
	.index-two-a a {
		    margin-bottom: 1rem;
		    width: 1.82rem;
		    height: 0.5rem;
		    line-height: .5rem;
		    background-color: #062d7d;
		    font-size: .24rem;
	}
    .aa a{
		margin-bottom: 1rem;
		width: 1.82rem;
		height: 0.5rem;
		line-height: .5rem;
		background-color: #062d7d;
		font-size: .24rem;
	}
	.index-one {
		background-color: #fff;
	}

	.index-two ul {
		justify-content: left;
		flex-wrap: wrap;
		border-bottom: 1px dotted #8e9091;
	}
	/* service */
	.service{
		padding: .8rem .5rem 1rem .5rem;
		background-color: #4cbbec;
	}
	.des{
		color: #002955;
		font-size: .2rem;
	}
	.d_arrow{
		margin: .3rem 0;
		text-align: center;
	}
	.contact_tel{
		width: 4.2rem;
		border: 1px solid #062d7d;
		height: .5rem;
		line-height: .5rem;
		border-radius: .5rem;
		margin: 0 auto;
	}
	.contact_tel span{
		display: block;
		width:30%;
		background-color: #062d7d;
		font-size: .24rem;
		text-align: center;
		color: #fff;
		border-radius: .5rem;
	}
	.contact_tel  .tel_contact{
		font-size: .3rem;
		color: #002955;
		width:70%;
		padding-left: .2rem;
	}
	.contact_input{
		margin-top: .3rem;
	}
	.contact_input .input{
		margin-bottom: .2rem;
	}
	.contact_input .input input{
		width: 100%;
		height: .54rem;
		border: none;
		background: transparent;
		border-bottom: 1px solid #062d7d;
	}
	.contact_input .input input::-webkit-input-placeholder{
		color:#062d7d;
	}
	.send input{
		display: block;
		width: 1.6rem;
		height: .6rem;
		border-radius: .6rem;
		border: 1px solid #002955;
		padding: 0 .1rem 0 .3rem;
		font-size: .2rem;
		background: url(/style/images/index/right_arrow.png) no-repeat 90% center;
		background-size: .4rem;
		margin: 0 auto;
		color: #002955;
		text-align: left;
	}
	.contact_input .send{
		margin-top: .5rem;
	}
}

.myBtn {
	display: none;
	position: fixed;
	width: .35rem;
	height: .4rem;
	bottom: 100px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
}