* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.about .lft{ display:none;}

.remen{
	position:absolute;
	width:100%;
	bottom:20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	z-index:9;
	background:rgba(0,0,0,.18);
	padding:20px 4% 15px;
	display:none;
}
.remen ul{
	display:flex;
	width:60%;
	justify-content:space-between;
}
.remen ul li a{
	display:block;
	color:#fff;
}
.remen ul li a big{
	display:flex;
	width:68px;
	height:68px;
	margin:10px auto;
	justify-content:center;
	align-items:center;
	transition:.5s;
	border:2px #fff dashed;
	border-radius:50%;
}
.remen ul li a:hover big{
	margin:0px auto;
	width:88px;
	height:88px;
	border:2px #fff solid;
}
.remen ul li a small{
	display:block;
	text-align:center;
	font-size:18px;
	line-height:24px;
	padding:15px 0px 0px;
}
.remen span{
	display:block;
	width:15%;
}
.remen span p{
	color:#fff;
	font-size:24px;
	margin:0px 0px 30px;
}
.remen section{
	width:25%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.remen section form{
	width:70%;
	display:flex;
	margin-left:30%;
}
.remen section form input{
	width:75%;
	line-height:20px;
	background:#fff;
	border:0;
	padding:10px;
}
.remen section form button{
	width:25%;
	background:#4b7ee3;
	border:0;
	color:#fff;
	font-size:16px;
}
.remen section a{
	display:block;
	color:#fff;
	font-size:20px;
	margin:30px 0px 0px;
	background:url(../images/mrjt.png) right center no-repeat;
	padding-right:25px;
}
@media (max-width:1400px) {
	.remen span p{
		font-size:1.6rem;
		margin:0px 0px 20px;
	}
	.remen span i img{
		max-width:35%;
	}
	.remen ul li a big{
		width:58px;
		margin:5px;
		height:58px;
		border:1px #fff dashed;
	}
	.remen ul li a:hover big{
		width:68px;
		margin:0;
		height:68px;
		border:1px #fff solid;
	}
	.remen ul li a big img{
		max-height:45%;
		width:auto;
	}
	.remen ul li a small{
		font-size:1.4rem;
		margin:0px 0px 0px;
	}
	.remen section form input{
		padding:8px 10px;
	}
	.remen section form button{
		font-size:1.4rem;
	}
	.remen section a{
		font-size:1.4rem;
		margin:20px 0px 0px;
		padding-right:20px;
		line-height:26px;
	}
}




.give-content {
	max-width: 1200px;
  margin: 0 auto;
 display:flex;
 justify-content:space-between
}
.give-content .left_section {
 width:calc(50% - 10px);
 background:#0263b5;
 position:relative;
 min-height:660px;
 color:#fff;
 text-align:center;
 overflow:hidden;
 transition:all 1s
}
.give-content .left_section:hover {
 box-shadow:0 5px 15px 0 rgba(19,30,33,.1)
}
.give-content .left_section:hover img {
 transform:scale(1.1)
}
.give-content .left_section .title {
 font-size:18px;
 margin-top:68px;
 
}
.give-content .left_section .dec {
 width:400px;
 line-height:24px;
 margin:30px auto 85px;
 
}
.give-content .left_section img {
 width:37.35%;
 position:absolute;
 margin-left:29.3%;
 left:0;
 bottom:55px;
 transition:all 1s
}
.give-content .right_section {
 width:calc(50% - 10px)
}
.give-content .right_section .row_section {
 display:flex;
 justify-content:flex-end;
 padding: 27px 0 20px;
 overflow:hidden;
 transition:all 1s
}
.give-content .right_section .row_section:first-child {
 margin-bottom:20px;
 background:url(../images/inprobg1.png) no-repeat;
 background-size:cover;
 background-position:50%
}
.give-content .right_section .row_section:nth-child(2) {
 background:url(../images/inprobg2.png) no-repeat;
 background-size:cover;
 background-position:50%
}
.give-content .right_section .row_section img {
 height:275px;
 margin:0 50px;
 transition:all 1s
}
.give-content .right_section .row_section:hover {
 box-shadow:0 5px 15px 0 rgba(19,30,33,.1)
}
.give-content .right_section .row_section:hover img {
 transform:scale(1.1)
}
.give-content .right_section .row_section .inner_right {
 color:#212223;
 margin-right:66px
}
.give-content .right_section .row_section .inner_right .title {
 font-size:18px;
 margin:30px 0 30px;
 
}
.give-content .right_section .row_section .inner_right .dec {
 line-height:24px;
 
}




.about{
	background:#e9e9e9;
	padding:60px 0 100px;
}
.about .title{
	text-align:center;
}
.about ul{
	display:flex;
	width:1680px;
	height:550px;
	margin:45px auto 0px;
	background:#fff;
}
.about ul li{
	width:235px;
	border-right:1px #e9e9e9 solid;
	text-align:center;
	overflow:hidden;
	background:#fff;
	display:block;
	cursor:pointer;
	position:relative;
	transition:width .3s;
	margin:0 auto;
}
.about ul li:last-child{
	border-right:0;
}
.about ul li.cur{
	width:740px;
}
.about ul li .zhank{
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	align-content:center;
	flex-wrap:wrap;
	transform:scale(0);
	position:absolute;
	width:740px;
	height:100%;
	top:0;
	left:0;
}
.about ul li.cur .zhank{
	transform:scale(1);
}
.about ul li .zhank h3{
	width:100%;
	position:relative;
}
.about ul li .zhank h3 big{
	display:block;
	padding:0px 0px 10px;
}
.about ul li .zhank h3 span{
	display:block;
	font-size:22px;
	color:#fff;
	line-height:30px;
	font-weight: normal;
}
.about ul li .zhank h3 small{
	display:block;
	font-size:12px;
	font-family:arial;
	color:#fff;
	line-height:26px;
	font-weight: normal;
	text-transform: uppercase;
}
.about ul li .zhank h3 i{
	font-style:normal;
	font-size:120px;
	color:rgba(255,255,255,.2);
	font-family:Fontthree;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	text-align:center;
	line-height:110px;
}
.about ul li .zhank section{
	line-height:24px;
	color:#fff;
	padding:0px 15%;
	width:100%;
	margin:5% 0px 0px;
	font-size: 14px;
}
.about ul li .zhank>a{
	display:block;
	display:block;
	width:110px;
	border:1px #fff solid;
	line-height:36px;
	text-align:center;
	color:#fff;
	font-size:14px;
	transition:.3s;
	margin:5% auto 0px;
}
.about ul li .zhank>a:hover{
	background:#fff;
	color:#000;
}
@media (max-width:1400px){
	.about ul li .zhank h3 span{
		font-size:1.6rem;
		line-height:22px;
	}
	.about ul li .zhank section{
		line-height:22px;
		font-size:1.2rem;
	}
}
.about ul li .sous{
	position:relative;
	height:100%;
	overflow:hidden;
	width:235px;
	padding:25% 0px 0px;
	transform:scale(1);
	transition:background .3s;
}
.about ul li:hover .sous{
	background:#4b7ee3;
}
.about ul li.cur .sous{
	transform:scale(0);
}
.about ul li .sous h2{
	width:100%;
	margin:0px 0px 20%;
}
.about ul li .sous h2 big{
	display:block;
	width:100%;
	position:relative;
	height:60px;
	overflow:hidden;
}
.about ul li .sous h2 big img{
	transition:.3s;
}
.about ul li:hover .sous h2 big img{
	margin-top:-50px;
}
.about ul li .sous h2 big:after{
	content:"";
	display:block;
	width:46px;
	height:46px;
	border-radius:50%;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-23px;
	background:rgba(75,126,227,.08);
}
.about ul li .sous h2 span{
	display:block;
	font-size:16px;
	color:#000;
	line-height:28px;
	font-weight: normal;
}
.about ul li:hover .sous h2 span{
	color:#fff;
}
.about ul li .sous h2 small{
	display:block;
	color:#c0c0c0;
	font-size:12px;
	font-family:arial;
	line-height:22px;
	font-weight: normal;
	text-transform: uppercase;
}
.about ul li:hover .sous h2 small{
	color:#fff;
}
.about ul li .sous section{
	color:#6d6d6d;
	line-height:30px;
	font-size:14px;
}
.about ul li:hover .sous section{
	color:#fff;
}
.about ul li .sous i{
	display:block;
	font-style:normal;
	position:absolute;
	right:-4px;
	bottom:15px;
	color:#e0e0e0;
	font-size:60px;
	font-family:Fontthree;
}
.about ul li:hover .sous i{
	color:#fff;
}
@media (max-width:1700px){
	.about ul{
		width:1480px;
	}
	.about ul li{
		width:200px;
	}
	.about ul li .sous{
		width:200px;
	}
	.about ul li a{
		width:200px;
	}
	.about ul li.cur{
		width:680px;
	}
	.about ul li .zhank{
		width:680px;
	}
}
@media (max-width:1500px){
	.about ul{
		width:1280px;
		height:450px;
	}
	.about ul li{
		width:180px;
	}
	.about ul li .sous{
		width:180px;
	}
	.about ul li a{
		width:180px;
	}
	.about ul li.cur{
		width:560px;
	}
	.about ul li .zhank{
		width:560px;
	}
}
@media (max-width:1400px){
	.about ul{
		width:1080px;
	}
	.about ul li .sous{
		width:150px;
	}
	.about ul li{
		width:150px;
	}
	.about ul li a{
		width:150px;
	}
	.about ul li.cur{
		width:480px;
	}
	.about ul li .zhank{
		width:480px;
	}
}
@media (max-width:1400px){
	.about ul li .sous h2 span{
		font-size:1.4rem;
	}
	.about ul li .sous section{
		font-size:1.2rem;
		line-height:26px;
	}
	.about ul li .sous i{
		font-size:5.0rem;
	}
}



.jiejue{
	background:url(../images/fabg.jpg) center no-repeat;
	padding:116px 7%;
	display:flex;
	justify-content:space-between;
}
.jiejue .jjtext{
	width:26%;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
	padding:10px 0px 3%;
}
.jiejue .jjimg{
	width:38%;
}
.jiejue .jjchan{
	width:26%;
	position:relative;
}
.jiejue .jjimg .wyuan{
	position:relative;
	width:100%;
}
.jiejue .jjimg .nyuan{
	padding:26px;
	height:100%;
	width:100%;
}
.jiejue .jjimg .nyuan span{
	display:block;
	background:#fff;
	border-radius:50%;
	height:100%;
	width:100%;
	position:relative;
}
.jiejue .jjimg .nyuan span img{
	width:calc(100% - 80px);
	height:calc(100% - 80px);
	border-radius:50%;
	position:absolute;
	top:40px;
	left:40px;
	display:block;
	opacity:0;
	transition:.3s;
}
.jiejue .jjimg .nyuan span img.xs{
	opacity:1;
	z-index:9;
}
.jiejue .jjimg .wyuan .rote{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:1px #fff solid;
	border-radius:50%;
}
.jiejue .jjimg .wyuan .rote big{
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	position:relative;
	-webkit-animation:rotate 18s infinite linear;
	-o-animation:rotate 18s infinite linear;
	animation:rotate 18s infinite linear;
}
.jiejue .jjimg .wyuan .rote big i{
	display:block;
	width:16px;
	height:16px;
	background:#fff;
	border-radius:50%;
	position:absolute;
	top:-8px;
	left:50%;
}
@media (max-width:1400px) {
	.jiejue .jjimg .nyuan span img{
		width:calc(100% - 30px);
		height:calc(100% - 30px);
		top:15px;
		left:15px;
	}
	.jiejue .jjchan{
		width:30%;
	}
}
@keyframes rotate {
	0%{
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
    }
	100%{
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
.jiejue .title{
	color:#000;
	width:100%;
	font-size:40px;
}
.jiejue .title:after{
	content:"";
	display:block;
	height:1px;
	width:45px;
	background:#000;
	margin:60px 0px 0px;
}
.jiejue .jjtext .jjttc{
	width:100%;
}
.jiejue .jjtext section{
	color:#000;
	display:none;
}
.jiejue .jjtext section h3{
	font-size:22px;
	margin-bottom:20px;
}
.jiejue .jjtext section span{
	display:block;
	line-height:29px;
	font-size: 14px;
}
.jiejue .jjtext .jjmore span{
	display:none;
}
.jiejue .jjtext .jjmore a{
	display:flex;
	width:146px;
	line-height:43px;
	justify-content:space-between;
	padding:0px 15px;
	background:#fff;
	transition:.3s;
	border-radius:3px;
}
.jiejue .jjtext .jjmore a p{
	color:#000;
}
.jiejue .jjtext .jjmore a:after{
	content:"";
	display:block;
	width:8px;
	background:url(../images/gdjt.png) center no-repeat;
}
.jiejue .jjtext .jjmore a:hover{
	padding:0px 25px;
}
.jiejue .jjchan ul{
	height:100%;
	padding:8% 0px 0px;
	width:87%;
	margin:0px 0px 0px auto;
}
.jiejue .jjchan ul li{
	display:flex;
	cursor:pointer;
	align-items:center;
	position:relative;
	margin-bottom:15%;
}
.jiejue .jjchan ul li i{
	display:block;
	margin-right:6px;
}
.jiejue .jjchan ul li section{
	color:#fff;
}
.jiejue .jjchan ul li section span{
	display:block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
}
.jiejue .jjchan ul li section small{
	display:block;
	font-family:arial;
	font-size:1.2rem;
}
.jiejue .jjchan ul li big{
	display:block;
	position:absolute;
	width:21px;
	height:21px;
	border:2px #fff solid;
	border-radius:50%;
	background:#0e7dcc;
	z-index:3;
	right:0px;
	padding:4px;
	top:50%;
	margin-top:-11px;
}
.jiejue .jjchan ul li big:after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	border-radius:50%;
	background:#fff;
	transform:scale(0);
	transition:.3s;
}
.jiejue .jjchan ul li.cur big:after,.jiejue .jjchan ul li:hover big:after{
	transform:scale(1);
}
.jiejue .jjchan:after{
	content:"";
	display:block;
	border-right:1px #fff dashed;
	position:absolute;
	right:10px;
	top:0;
	height:100%;
	width:0;
}
@media (max-width:1400px) {
	.jiejue .jjchan ul li section span{
		font-size:1.4rem;
	}
}



.news{
	background:url(../images/nsbg.jpg) center no-repeat;
	padding:60px 0px;
}
.nstit{
	display:flex;
	justify-content:space-between;
}
.nstit p{
	font-size:3.8rem;
	color:#16202a;
}
.nstit p:after{
	content:"";
	display:block;
	width:100px;
	height:3px;
	background:#5073e3;
	margin:15px 0px 0px;
}
.nstit a{
	color:#666;
	line-height:72px;
	font-size:1.6rem;
}
.nstit a:hover{
	color:#f00;
}
.ns-ct{
	margin:55px 0px 0px;
	display:flex;
	justify-content:space-between;
}
.nsimg{
	width:65%;
}
.nstext{
	width:32%;
}
.nsimg a{
	display:block;
	border:1px rgba(0,0,0,.08) solid;
	border-radius:8px;
	transition:.3s;
	overflow:hidden;
}
.nsimg a big{
	display:block;
	max-height:335px;
	overflow:hidden;
}
.nsimg a big img{
	width:100%;
}
.nsimg a section{
	background:#f7f8ff;
	transition:.3s;
	padding:30px 35px;
}
.nsimg a section h3{
	color:#000000;
	font-size:22px;
}
.nsimg a section span{
	display:block;
	color:#333;
	border-bottom:1px rgba(0,0,0,.1) dashed;
	line-height:28px;
	margin:20px 10% 0px 0px;
	padding-bottom:25px;
	font-family:simsun;
	font-size:14px;
}
.nsimg a section h4{
	display:flex;
	justify-content:space-between;
	margin:20px 0px 0px;
}
.nsimg a section h4 small{
	display:block;
	color:#333;
	font-size:14px;
	line-height:28px;
	font-family:arial;
}
.nsimg a section h4 p{
	display:flex;
	line-height:28px;
	padding:0px 10px;
	color:#5a5f63;
	font-size:14px;
	background:#dadfe5;
	border-radius:3px;
}
.nsimg a section h4 p:after{
	content:"";
	display:block;
	margin-left:25px;
	width:7px;
	background:url(../images/nsjt.png) center no-repeat;
}
.nsimg a:hover{
	background:#1398ea;
	color:#fff;
}
.nsimg a:hover section{
	background:#1398ea;
}
.nsimg a:hover h3,.nsimg a:hover span,.nsimg a:hover  h4 small{
	color:#fff;
}
.nsimg a:hover section span{
	border-bottom:1px #fff dashed;
}
.nsimg a:hover section h4 p{
	background:#fff;
}
@media (max-width:1400px) {
	.nsimg a section h3{
		font-size:18px;
	}
	.nsimg a section span{
		font-size:14px;
	}
	.nsimg a section h4 small{
		font-size:14px;
	}
	.nsimg a section h4 p{
		font-size:14px;
	}
}
.nstext ul{
	display:flex;
	height:100%;
	flex-wrap:wrap;
	align-content:space-between;
}
.nstext ul li{
	width:100%;
}
.nstext ul li a{
	display:block;
	background:#f7f8ff;
	padding:30px;
	transition:.3s;
	border:1px rgba(0,0,0,.08) solid;
	border-radius:8px;
}
.nstext ul li a h3{
	color:#000000;
	font-size:20px;
	margin:0px 0px 20px;
}
.nstext ul li a:hover h3{
	color:#fff;
}
.nstext ul li a section{
	line-height:24px;
	color:rgba(0,0,0,.44);
	border-bottom:1px rgba(0,0,0,.1) dashed;
	padding-bottom:25px;
}
.nstext ul li a:hover section{
	color:#fff;
	border-bottom:1px #fff dashed;
}
.nstext ul li a span{
	display:flex;
	justify-content:space-between;
	margin:25px 0px 0px;
}
.nstext ul li a span small{
	color:#5a5f63;
	font-size:14px;
	font-family:arial;
	line-height:28px;
}
.nstext ul li a:hover small{
	color:#fff;
}
.nstext ul li a span p{
	display:flex;
	line-height:28px;
	color:#5a5f63;
	font-size:14px;
	border-radius:3px;
}
.nstext ul li a:hover span p{
	color:#fff;
}
.nstext ul li a span p:after{
	content:"";
	display:block;
	margin-left:25px;
	width:7px;
	background:url(../images/nsjt.png) center no-repeat;
}
.nstext ul li a:hover span p:after{
	background:url(../images/nsjtn.png) center no-repeat;
}
.nstext ul li a:hover{
	background:#1398ea;
}
@media (max-width:1400px) {
	.nstext ul li a h3{
		font-size:18px;
	}
	.nstext ul li a section{
		font-size:14px;
	}
}








@media screen and (min-width:320px) and (max-width:767px){
	
.remen{ display:none;}
.banner .swiper-pagination-bullets {
  bottom: 80px;
}

.give-content {
  display: block !important;
}
.give-content .left_section .dec {
  width: 90%;
  margin: 30px auto 5px;
}
.give-content .left_section {
  display: block;
  width: 100% !important;
  min-height: auto !important;
  margin-bottom: 20px;
}
.give-content .left_section img {
  position: relative !important;
  margin-left: 0 !important;
  bottom: -5px !important;
}
.give-content .right_section {
  display: block !important;
  width: 100% !important;
}
.give-content .right_section .row_section {
  text-align: center;
  min-height: auto !important;
  flex-wrap: wrap-reverse;
  padding-top: 35px !important;
}
.give-content .right_section .row_section img {
  margin: 0 auto !important;
}
.give-content .right_section .row_section .inner_right {
  width: calc(100% - 40px);
  margin: 0 20px 35px !important;
}
.give-content .right_section .row_section .inner_right .title {
  margin: 30px 0 !important;
}

.about ul{ display:none;}

.about .lft{ display:block;width: 86%;margin: 0 auto;}
.jiejue{ display:none;}

.ns-ct {margin: 35px 0px 0px;display: block;}
.nsimg {
  width: 100%;display: none;
}
.nstext {
  width: 100%;
}
.nstext ul li {
  width: 100%;
  margin: 15px 0;
}

}