@charset "UTF-8";
.index-banner {
	width:100%;
	height:calc(100vh - 20px);
	overflow:hidden
}
.index-banner .swiper-slide {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover
}
.index-banner .swiper-slide:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:0;
	background-color:#000;
	opacity:.15
}
.index-banner .swiper-slide.swiper-slide-active .text,.index-banner .swiper-slide.swiper-slide-active .tit {
	opacity:1;
	transform:translateX(0)
}
.index-banner .swiper-pagination {
	display:block
}
.index-banner .swiper-pagination.typea {
	margin-top:0;
	bottom:16px
}
.index-banner .img-m {
	display:none;
	width:100%
}
.index-banner .main {
	color:#fff;
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	width:100%;
	transform:translateY(-50%);
	padding:0 3%;
	text-align:center;
	font-family:OpenSans,Arial,Helvetica,sans-serif
}
.index-banner .text,.index-banner .tit {
	opacity:0;
	transform:translateX(100px);
	transition:transform 1s,opacity 1s
}
.index-banner .tit {
	font-size:110px;
	line-height:1.2;
	font-weight:500
}
.index-banner .text {
	font-size:110px;
	line-height:1.2;
	color:#fff;
	margin-top:8px;
	font-weight:500;
	transition-delay:.2s;
}
.index-banner-bottom {
	position:absolute;
	left:50%;
	bottom:60px;
	z-index:1;
	font-size:12px;
	color:#fff;
	transform:translateX(-50%)
}
.index-banner-bottom:after {
	content:"";
	width:1px;
	height:50px;
	background-color:#fff;
	position:absolute;
	left:50%;
	bottom:-60px;
	-webkit-animation:index-banner-bottom 2s linear infinite;
	animation:index-banner-bottom 2s linear infinite;
	transform-origin:center top;
	transform:scaleY(0)
}
.c-btna-next,.c-btna-prev {
	width:50px;
	height:50px;
	border-radius:50%;
	border:1px solid #fff;
	position:absolute;
	top:50%;
	z-index:2;
	margin-top:-25px;
	outline:none;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.c-btna-prev {
	left:3%
}
.c-btna-next {
	right:3%;
	transform:rotate(180deg)
}
.c-btna-arrow {
	height:11px;
	background:url(../images/icon-arrow-w.png) no-repeat 0/6px 11px;
	position:relative
}
.c-btna-arrow:after {
	content:"";
	display:block;
	position:relative;
	left:0;
	top:5px;
	width:6px;
	height:1px;
	background-color:#fff;
	opacity:0;
	transition:opacity .3s,width .3s
}

.index-page01 {
	background: url(../images/bg-about.jpg)  center no-repeat;
	background-size:cover;
	overflow:hidden
}
.index-page01 .index-title-tit{ margin-bottom:40px; display:block;}
.index-page01 .item {
	align-items:stretch
}
.index-page01 .item .wrap {
	order:1
}
.index-page01 .picture {
	width:50%
}
.index-page01 .wrap {
	width:50%;
}
.index-page01 .picture .v-box{
	position:relative;
	width:100%;
	max-width:700px;
	cursor:pointer;
	overflow:hidden
}
.index-page01 .picture .v-box img{transition:all 1s;}
.index-page01 .picture .v-box:hover img{transform: scale(1.1);}
.index-page01 .picture .v-box a{ position:absolute; top:50%; left:50%; margin-left:-45px; margin-top:-45px; width:90px; height:90px; background:url(../images/icon-play.png) no-repeat; z-index:2}
.index-page01 .picture .list{ width:100%;max-width:700px; border:1px #e3e3e3 solid;justify-content:space-between; align-items:flex-start; background:rgba(255,255,255,.5)}
.index-page01 .picture .item {
	width:25%;
	padding:6% 0;
	font-size:14px;
	border-right:1px #e3e3e3 solid;
	text-align:center
}
.index-page01 .picture .item:last-child{ border-right:0}
.index-page01 .picture .t1 {
	justify-content:center;
	margin-bottom:16px
}
.index-page01 .picture .t2 {
	align-items:flex-start
}
.index-page01 .picture .t2.end {
	align-items:flex-end
}
.index-page01 .picture .iconfont {
	color:#103670
}
.index-page01 .picture .num {
	font-size:40px;
	line-height:1;
	color:#103670;
	font-weight:700
}
.index-page01 .picture .list .txt {
	margin-left:5px
}

.index-page01 .main {
	width:100%;
	padding:0
}
.index-page01 .index-title-text {
	line-height:2;
	font-size:16px;
	margin-bottom:20px;
	overflow:hidden
}
.index-page01 .index-title-text p{ text-indent:30px; margin-bottom:5px;}
.index-page01 .img {
	width:100%
}
.index-title-tit {
	font-size:48px;
	line-height:1.3;
	font-weight:500;
	color:#000;
	margin-bottom:20px
}
.index-title-text {
	font-size:16px;
	line-height:1.8;
	color:#555
}
.page-title-40{
	display:block;
	font-size:40px;
	line-height:1.3;
	font-weight:500;
	color:#3e3a39;
	margin-top:50px;
	text-align:center
}

.c-btnb {
	color:#103670!important;
	width:180px;
	height:46px;
	line-height:46px;
	background:url(../images/btn-hover2.png) #103670 right top no-repeat;
	display:block;
	position:relative;
	font-size:16px;
	 text-align:center
}

.index-page02{ background:#f1f1f1; overflow:hidden}
.index-page02 .header {
	position:relative;
	margin-bottom:80px
}
.index-page02 .index-title {
	width:66%;
	max-width:440px;
}
.index-page02 .index-title .index-title-tit{ margin:0; font-size:40px; line-height:1}
.index-page02 .header .nclass{ position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;}
.index-page02 .header .nclass .item{ position:relative; margin-right:20px; }	
.index-page02 .header .nclass .item:last-of-type{ margin:0}

.choose {
	margin:80px auto 0 auto;
	width:10%;
	text-align:center
}
.c-btnc-next,.c-btnc-prev {
	margin:0 auto;
	width:45px;
	height:45px;
	border-radius:50%;
	outline:none;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	background-color:#d3d4d4;
	transition:background-color .3s,border-color .3s,opacity .3s
}
.c-btnc-next.disable,.c-btnc-prev.disable {
	opacity:.3;
	pointer-events:none
}
.c-btnc-next.type-line,.c-btnc-prev.type-line {
	background-color:transparent;
	border:1px solid #d4d4d4;
	color:#d4d4d4
}
.c-btnc-next.type-line .c-btnc-arrow,.c-btnc-prev.type-line .c-btnc-arrow {
	background-image:url(../images/icon-arrow-grey.png)
}
.c-btnc-next .c-btnc-arrow {
	transform:rotate(180deg)
}
.c-btnc-arrow {
	height:14px;
	background:url(../images/icon-arrow-w.png) no-repeat 0/8px 14px;
	position:relative;
	padding-left:1px;
	transition:background-image .3s
}
.c-btnc-arrow:after {
	content:"";
	display:block;
	position:relative;
	left:0;
	top:7px;
	width:8px;
	height:1px;
	background-color:#fff;
	opacity:0;
	transition:opacity .3s,width .3s
}
.news-list {
	padding:0px 0
}
.news-list .swiper-pagination {
	display:none
}
.news-list.swiper-wrapper {
	align-items:center
}
.news-list .swiper-slide {

}
/*
.index-project .swiper-slide.swiper-slide-active {
	transform:scale(1)
}
.index-project .picture {
	overflow:hidden;
	box-shadow:0 0 4px 0 rgba(0,0,0,.4)
}
.index-project .img {
	background:no-repeat 50%/cover;
	transition:transform .3s
}
.index-project .title {
	font-size:20px;
	color:#000;
	padding:12px 0 0;
	text-align:center
}
.index-project .bg {
	width:100%
}*/
.news-list .link {
  overflow: hidden;
  position: relative;
}

.news-list .img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.news-list .bg {
  width: 100%;
  display: block;
}

.news-list .title {
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  font-weight:600
}

.news-list .content {
  line-height: 20px;
  height: 80px;
  overflow: hidden;
  color: #555;
  margin: 20px 0 20px;
  font-size: 14px;
}

.news-list .main {
  padding: 24px 20px;
  background: #fff;
}

.news-list .time {
	padding-top:24px;
  color: #333;
  font-family: bebas;
  border-top:1px #e5e5e5 solid;
  background:url(../images/icon-arraw02.png) right bottom no-repeat;
  line-height: 1;
}

.news-recommendation .news-list .item {
  margin-bottom: 0;
}
@media only screen and (min-width: 1441px) {
  .news-list .item {
    width: 25%;
  }

  /*.news-list .item:nth-of-type(4n) {
    margin-right: 0;
  }*/
}

@media only screen and (min-width: 961px) and (max-width: 1440px) {
  .news-list .item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }

  /*.news-list .item:nth-of-type(3n) {
    margin-right: 0;
  }*/

  .news-recommendation .news-list .item:nth-of-type(4) {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
  .news-list .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }

  .news-list .item:nth-of-type(2n) {
    margin-right: 0;
  }

  .news-recommendation .news-list .item:nth-of-type(3),
  .news-recommendation .news-list .item:nth-of-type(4) {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .news-list .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .news-recommendation {
    display: none;
  }
  .news-list .main{ padding:15px;}
  .news-list .time{ padding-top:15px;display:none;}
  .news-list .title{ font-size:14px; font-weight:300; line-height:1.6;}
  .news-list .title.text-truncate{white-space:normal;}
  .news-list .content{ display:none; font-size:12px;margin:10px 0; height:60px;}
}

/**/
.index-page03 {
	background:url(../images/bg-cy.jpg) top  center no-repeat;
	background-size:cover;
	overflow:hidden;
}
.index-page03 .media {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1260px;
}
.index-page03 .index-title {
	display:block;
	padding-bottom:90px;
	text-align:center;
	color:#fff;
}
.index-page03 .index-title .index-title-tit, .index-page03 .index-title .index-title-text{ color:#fff;}

.index-media .bg {
	height:120px;
	background-image:linear-gradient(rgba(124,142,154,.3),transparent)
}
.index-media .bg,.index-media .img-box {
	position:relative
}
.index-media .img {
	width:100%;
	opacity:.8;
	transition:opacity .3s
}
.index-media .swiper-slide {
	width:54%;
	transform-origin:center bottom;
	background-color:#fff;
	overflow:visible;
	z-index:0
}
.index-media .swiper-slide-next,.index-media .swiper-slide-prev {
	z-index:1
}
.index-media .swiper-slide-active {
	z-index:2
}
.index-media .swiper-slide-active .box,.index-media .swiper-slide-active .img,.index-media .swiper-slide-active .play {
	opacity:1;
	visibility:visible
}
.index-media .box {
	color:#fff;
	background-image:linear-gradient(rgba(124,142,154,.6),transparent);
	padding:30px 12% 10px;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	z-index:0;
	width:100%;
	transform:translateY(100%);
	opacity:0;
	transition:opacity .3s
}
.index-media .tit {
	font-size:20px;
	line-height:30px;
	margin-bottom:6px
}
.index-media .text {
	font-size:16px;
	line-height:24px;
	height:48px;
	color:#eee;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}

.index-page03 .btn-prev, .index-page03 .btn-next{
	width:45px;
	height:45px;
	background:url(../images/icon-prev.png) no-repeat;
	position:absolute;
	left:-150px;
	bottom:200px;
	opacity:.4;
	z-index:1;
	cursor:pointer
}
.index-page03 .btn-next {transform:rotate(180deg);right:-150px; left:auto}
.index-page03 .btn-prev:hover, .index-page03 .btn-next:hover{opacity:.8;transition:opacity .3s}
.index-cy{ display:none;}

@-webkit-keyframes index-banner-bottom {
	0% {
	transform:scaleY(0) translateY(0)
}
20% {
	transform:scaleY(0) translateY(0)
}
50% {
	transform:scaleY(1) translateY(0)
}
80% {
	transform:scaleY(1) translateY(100%)
}
to {
	transform:scaleY(1) translateY(100%)
}
}@keyframes index-banner-bottom {
	0% {
	transform:scaleY(0) translateY(0)
}
20% {
	transform:scaleY(0) translateY(0)
}
50% {
	transform:scaleY(1) translateY(0)
}
80% {
	transform:scaleY(1) translateY(100%)
}
to {
	transform:scaleY(1) translateY(100%)
}
}
@media only screen and (min-width:961px) {
.index-project .swiper-slide:hover .img {
	transform:scale(1.1)
}
.c-btna-next:hover .c-btna-arrow:after,.c-btna-prev:hover .c-btna-arrow:after {
	width:18px;
	opacity:1
}
.c-btnc-next:hover,.c-btnc-prev:hover {
	background-color:#103670
}
.c-btnc-next:hover.type-line,.c-btnc-prev:hover.type-line {
	border-color:#cf000d
}
.c-btnc-next:hover.type-line .c-btnc-arrow,.c-btnc-prev:hover.type-line .c-btnc-arrow {
	background-image:url(../images/icon-arrow-w.png)
}
.c-btnc-next:hover .c-btnc-arrow:after,.c-btnc-prev:hover .c-btnc-arrow:after {
	width:26px;
	opacity:.8
}
}
@media only screen and (max-width:1700px){
.index-page01 .main {padding:0 3%}
.index-page01 .picture{ width:48%; margin-right:2%}
}
@media only screen and (max-width:1440px) {
.index-banner .tit {
	font-size:100px;
}
.index-banner .text {
	font-size:100px;
}
.index-banner-bottom {
	bottom:40px
}
.index-banner-bottom:after {
	height:32px;
	bottom:-40px
}

.index-page01 .index-title-text {
	font-size:14px;
	margin-bottom:20px;
}
.index-title-tit {
	font-size:40px;
	margin-bottom:16px
}
.index-title-text {
	font-size:14px
}
.index-project .swiper-slide {
	width:250px
}
.index-project .title {
	font-size:18px;
	padding:10px 0 0
}
.index-page03 .main {
	padding-left:6%
}
.index-page03 .main .title {
	font-size:18px;
	margin-bottom:8px
}
.index-page03 .main .content {
	font-size:14px
}
.index-media .play {
	width:70px;
	height:70px;
	margin:-35px 0 0 -35px
}
.index-media .box {
	padding:34px 10% 70px
}
.index-media .tit {
	font-size:18px;
	line-height:26px
}
.index-media .text {
	font-size:14px;
	line-height:22px;
	height:44px
}
.index-media .bg {
	height:180px
}
.index-media .btn-next {
	width:50px;
	height:50px;
	background-size:16px;
	bottom:155px;
	right:26%
}
}
@media only screen and (max-width:1200px) {
.index-banner .tit, .index-banner .text {
	font-size:80px;
}
.index-page01 .index-title-text {
	line-height:1.8;
	font-size:14px;
	margin-bottom:0px
}
.index-title-tit {
	font-size:32px;
	margin-bottom:10px
}
.index-title-text {
	font-size:16px
}
.c-btnb {
	font-size:14px;
	width:80px;
	background:url(../images/icon-arraw02.png) right center no-repeat;
	text-align:left;
}
.c-btnb:after {
	width:24px;
	height:24px;
	right:6px;
	margin-top:-12px;
	background-size:10px
}
}
@media only screen and (max-width:960px) {
.index-banner {
	height:auto
}
.index-banner .swiper-slide {
	background:none
}
.index-banner .swiper-pagination {
	display:block
}
.index-banner .swiper-pagination.typea {
	bottom:5%
}
.index-banner .img-m {
	display:block
}
.index-banner .c-btna-next,.index-banner .c-btna-prev {
	display:none
}
.index-banner .tit {
	font-size:36px;
	line-height:46px;
	opacity:1;
	transform:translateX(0)
}
.index-banner .text {
	font-size:36px;
	line-height:46px;
	opacity:1;
	transform:translateX(0)
}
.index-banner-bottom {
	display:none
}
.index-page01 .picture,.index-page01 .wrap {
	margin-top:30px;
	width:100%;
}
.index-page01 .index-title-tit{ margin-bottom:0}
.index-page01 .item .picture {
	order:0; margin-right:0;
}
.index-page01 .wrap a.btn-b{ display:none;}
.index-page01 .picture .v-box, .index-page01 .picture .list{ max-width:100%}
.index-title-tit {
	font-size:28px;
	margin-bottom:8px
}
.index-title-text {
	font-size:13px
}
.page-title-40{ font-size:28px; margin-top:30px;}
.index-page02 .index-title{
	width:100%; 
}
.index-page02 .index-title .index-title-tit{  font-size:30px; line-height:1.5}
.index-page02 .choose { margin-bottom:0 !important}
.index-page02 .header {
	margin-bottom:30px;
}
.index-page02 .header .index-title{ display:block; width:100%; margin:0 auto; text-align:center;}
.index-page02 .header .nclass{ position:relative; margin-top:30px; display:block; width:100%; text-align:center;}

.index-page03 .index-title{ padding-bottom:15px}
.index-page03 .main {
	width:100%;
	padding-left:0
}
.index-page03 .main .title {
	font-size:16px;
	margin-bottom:6px
}
.index-page03 .main .content {
	font-size:13px;
	margin-bottom:36px
}
.index-page03 .index-title {
	margin-bottom:28px
}
.index-page03 .media {
	width:100%;
	margin-bottom:32px
}
.index-media .bg,.index-media .box,.index-media .btn-next, .index-media {
	display:none
}
.c-btnc-next,.c-btnc-prev {
	width:48px;
	height:48px
}
.c-btnc-arrow {
	background-size:auto 12px
}

.index-cy {
	display:block;
	overflow:hidden
}
.index-cy .item {
	margin-bottom:20px;
	align-items:stretch;
	color:#fff;
	background:rgba(255,255,255,.2);
}
.index-cy .item:last-child{ margin-bottom:0}
.index-cy .item:nth-of-type(2n-1) .wrap {
	order:1
}
.index-cy .picture {
	width:55%;
	overflow:hidden
}
.index-cy .wrap {
	width:45%
}
/*.index-cy .picture,.index-cy .wrap {
	background:no-repeat 50%/cover;
}*/
.index-cy .main {
	width:100%;
	padding:6% 8%;
	text-align:center;
}
.index-cy .index-title-tit {
	font-size:20px;
	color:#fff;
	line-height:2;
}
.index-cy .index-title-text {
	line-height:1.8;
	font-size:16px;
	color:#fff;
	overflow:hidden
}
.index-cy .picture .img { max-width:100%; width:100%}
.index-page02 .header .nclass .item{ width:45%; margin-right:0;}


}
@media only screen and (max-width:640px) {
.index-banner .tit {
	font-size:36px;
	line-height:1;
}
.index-banner .text {
	font-size:36px;
	line-height:30px;
	margin-top:10px
}
.index-page01 .main {
	padding:0px 3%
}
.index-page01 .index-title-tit{ margin-bottom:0;}
.index-page01 .index-title-text {
	line-height:1.8;
	font-size:14px;
}
.index-title-tit {
	font-size:24px;
	margin-bottom:6px
}
.page-title-40{ font-size:22px;}
.index-project .swiper-slide {
	width:200px;
	transform:scale(1)
}
.index-project .title {
	font-size:16px;
	padding:8px 0 0
}
.index-page03 .media {
	margin-bottom:24px
}
.index-media .play {
	width:48px;
	height:48px;
	margin:-24px 0 0 -24px
}
.c-btnc-next,.c-btnc-prev {
	width:40px;
	height:40px
}
.c-btnc-arrow {
	background-size:auto 10px
}
.nclass{ display:none}

.index-cy .index-title-tit {
	font-size:18px;
	color:#fff;
	margin-bottom:0;
	line-height:1.8;
}
.index-cy .index-title-text {
	line-height:1.6;
	font-size:14px;
	color:#fff;
	overflow:hidden
}

.index-page02 .header .nclass{ margin-top:20px;}
.index-page02 .header .nclass .item{ width:30%; height:30px; line-height:30px; font-size:14px;}

}
@media only screen and (max-width:480px) {
	.index-page01 .picture .num{ font-size:22px;}
	.index-cy .index-title-tit {
	font-size:14px;
	color:#fff;
	line-height:1.8;
}
.index-cy .index-title-text {
	line-height:1.6;
	font-size:12px;
	color:#fff;
	overflow:hidden
}
}

/*chanye*/
.cy-page01 {
	overflow:hidden
}
.cy-page01 .item {
	align-items:stretch
}
.cy-page01 .item:nth-of-type(2n-1) .wrap {
	order:1
}
.cy-page01 .picture {
	width:50%;
	overflow:hidden
}
.cy-page01 .wrap {
	width:50%
}
.cy-page01 .picture,.cy-page01 .wrap {
	/*background:no-repeat 50%/cover;*/
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:background-size .3s linear;
}
.cy-page01 .picture:hover{background-size:105% 105%;}
.cy-page01 .main {
	width:100%;
	padding:8% 16%
}
.cy-page01 .index-title-tit {
	font-size:30px;
	color:#103670
}
.cy-page01 .index-title-text {
	line-height:28px;
	font-size:18px;
	max-height:84px;
	margin-bottom:50px;
	color:#666;
	overflow:hidden
}
.cy-page01 .img {
	width:100%
}

@media only screen and (max-width:1440px) {
.cy-page01 .main {
	padding:8%
}
.cy-page01 .index-title-text {
	line-height:24px;
	font-size:16px;
	margin-bottom:40px;
	max-height:72px
}
}
@media only screen and (max-width:1200px) {
.cy-page01 .index-title-tit {
	font-size:24px;
}
.cy-page01 .index-title-text {
	line-height:22px;
	font-size:14px;
	margin-bottom:40px
}

}
@media only screen and (max-width:960px) {
	.cy-page01 .picture,.cy-page01 .wrap {
		width:100%
	}
	.cy-page01 .item:nth-of-type(2n-1) .picture {
		order:1
	}
	.cy-page01 .main {
		padding:60px 3%
	}
	.cy-page01 .index-title-tit { line-height:2;}
	.cy-page01 .index-title-text {max-height:100%; margin-bottom:10px;}
	.cy-page01 .main .btn-b{ display:none;}
}
/*newslist*/
.news-page01 {
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0
}
.news-page01>a{ display:block; width:100%;}
.news-page01 .item-l {
	display:inline-block; float:left;
	width:29.5%;
	overflow:hidden
}
.news-page01 .item-r {
	display:inline-block; float:left;
	width:70.5%;
	padding-left:3%;
	padding-right:2%;
}
.news-page01 .title {
	font-size:18px;
	line-height:3;
	color:#333;
	font-weight:700;
	transition:color .3s;
	-webkit-line-clamp:2
}
.news-page01 .content,.news-page01 .title {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.news-page01 .content {
	font-size:16px;
	line-height:26px;
	height:100px;
	text-align:justify;
	color:#555;
	-webkit-line-clamp:5
}
.news-page01 .footer {
	margin-top:40px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
}
.news-page01 .img {
	width:100%;
	transition:transform .3s linear
}
.news-page01 hr{ display:block; margin:40px 0; height:1px; width:100%; color:#e5e5e5;}
.news-page01 .choose {
	width:12%;
	margin:30px auto 60px auto;
}

@media only screen and (min-width:961px) {
	.news-page01 .wrap:hover .title {
		color:#103670
	}
	.news-page01 .wrap:hover .img {
		transform:scale(1.1)
	}
	.news-detail01 .content video{ max-width:800px;}
}

@media only screen and (max-width:1440px) {
	.choose{ width:15%;}
	.news-page01 .title {
		font-size:16px;
	}
	.news-page01 .content {
		font-size:14px;
		line-height:22px;
		height:70px
	}
	.news-page01 .footer {
		margin-top:20px;
		font-size:16px
	}
}
@media only screen and (max-width:1200px) {
	.choose{ width:20%!important; margin:30px auto 40px auto !important;}
	.news-page01 {
		padding-left:0;
		padding-right:0
	}
	.news-page01 .footer {
		font-size:14px;
		margin-top:10px
	}
}
@media only screen and (max-width:960px) {
	.inside-nav{ display:none;}
	.news-page01 .title {
		font-size:14px;
		-webkit-line-clamp:1
	}
	.news-page01 .content {
		font-size:13px;
		line-height:20px;
		height:40px;
		-webkit-line-clamp:3
	}
	
}
@media only screen and (max-width:640px) {
	.choose{ width:40% !important;}
	.news-page01 .title {
	font-size:14px;
	line-height:1.4;
	margin-bottom:0;
	-webkit-line-clamp:2
	}
	.news-page01 .content {
		display:none
	}
	.news-page01 .footer {
		margin-top:5px;
		font-size:12px;
	}
	.news-page01 .more {
		display:none
	}
	.news-page01 hr{margin:20px 0;}
}
.news-detail01 {
	width:94%;
	max-width:1420px;
	margin:0 auto;
	padding-top:60px
}
.news-detail01 .header {
	padding-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:50px
}
.news-detail01 .header .title {
	width:100%;
	line-height:1.3;
	color:#222;
	font-weight:700;
	margin-bottom:20px
}
.news-detail01.cy-detail .header .title.h2 {
	width:100%;
	line-height:1.3;
	color:#103670;
	font-weight:500;
	margin-bottom:20px
}

.news-detail01 .share {
	font-size:22px;
	margin-left:auto
}
.news-detail01 .share .item {
	color:#999;
	margin-right:12px
}
.news-detail01 .share .item:last-of-type {
	margin-right:0
}
.news-detail01 .share .item:hover {
	color:#cf000d
}
.news-detail01 .content {
	padding-bottom:20px
}
@media only screen and (max-width:1440px) {
	.news-detail01 {
	padding-top:50px
}
}
@media only screen and (max-width:960px) {
	.news-detail01 {
	padding-top:40px
}
.news-detail01 .header {
	padding-bottom:16px;
	margin-bottom:30px
}
.news-detail01 .header .title {
	margin-bottom:12px
}
.news-detail01 .share {
	display:none
}
}
@media only screen and (max-width:640px) {
	.news-detail01 {
	padding-top:30px
}
.news-detail01 .header {
	padding-bottom:12px;
	margin-bottom:20px
}
.news-detail01 .header .time {
	font-size:12px
}
}
.join-page01{
	width: 94%;
    max-width: 1360px;
    margin: 50px auto 60px auto;
    position: relative;
	align-items:flex-start
}
.join-page01 .picture{ width:50%;}
.join-page01 .picture .img{ width:100%; max-width:640px; margin:0 auto;}
.join-page01 .text{ width:50%; padding-left:5%; font-size:16px; color:#555; line-height:2;}
.join-page01 .text .t2{ margin-top:20px; font-weight:600; color:#103670;}
.join-page01 .jtable{ display:block; width:100%;}
.join-page01 .jtable tr{ border-bottom:1px #f1f1f1 solid}
.join-page01 .jtable td{text-align:center; font-size:16px; height:60px; line-height:60px;}
.join-page01 .jtable .th td{ background:#103670; font-size:16px; font-weight:700; color:#fff; }
.join-page01 .jtable td .content{ text-align:left !important; padding:20px; line-height:1.8;}
.join-page01 .jtable .view{ display:none;}

@media only screen and (max-width:1200px) {
	.join-page01 .text{ font-size:14px; line-height:1.6}
}
@media only screen and (max-width:960px) {
	.join-page01{margin: 30px auto 40px auto;}
	.join-page01 .picture{order:1 !important; margin-top:50px;}
	.join-page01 .picture .img{ width:100%; max-width:none;}
	.join-page01 .picture, .join-page01 .text{ width:100% !important; padding-left:0 !important; padding-right:0 !important}
	.join-page01 .text{ margin-top:2%; font-size:14px; line-height:2; order:0;}
}
.wh-page01{}
.wh-page01 .picture{ width:48%;}
.wh-page01 .picture .img{ width:100%;}
.wh-page01 .text{ width:52%; padding-left:5%; font-size:18px; color:#333; line-height:2;}
.wh-page01 .text .green{ font-size:24px; color:#339c00;}
.wh-page01 .text .blue{ font-size:30px; color:#103670;}

@media only screen and (max-width:1400px) {
	.wh-page01 .text{ font-size:16px; line-height:2}
}
@media only screen and (max-width:1200px) {
	.wh-page01 .text{ font-size:14px; line-height:1.8}
	.wh-page01 .text .green{ font-size:18px;}
	.wh-page01 .text .blue{ font-size:24px;}
}
@media only screen and (max-width:960px) {
	.wh-page01 .picture, .wh-page01 .text{ width:100% !important; padding-left:0 !important; padding-right:0 !important;}
	.wh-page01 .picture{ margin-bottom:20px;}
}
.wh-page02 {
	position:relative;
	background:url(../images/wh/bg.jpg) no-repeat 50%/cover;
	color:#fff
}
.wh-page02 .wrap {
	width:94%;
	max-width:1560px;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center
}
.wh-page02 .page-title-40 {
	margin-top:0 !important;
	color:#fff;
}
.wh-page02 .icon {
	height:60px;
	display:block;
	margin:0 auto 20px
}
.wh-page02 .list {
	padding:10% 0 9% 0;
	align-items:flex-start
}
.wh-page02 .item {
	width:20%;
	padding:0 2%
}
.wh-page02 .tit {
	font-size:24px;
	line-height:2;
	font-weight:400;
	margin-bottom:12px
}
.wh-page02 .text {
	font-size:18px
}
.wh-page03 {
	width:94%;
	max-width:1560px;
	margin:0 auto;
	padding-bottom:40px;
	position:relative;
	overflow:hidden
}
.wh-page03 .list {
	margin-top:60px;
	align-items:stretch;
	
}
.wh-page03 .item {
	width:50%;
	background:#e9e9e9;
	position:relative;
	overflow:hidden
}
.wh-page03 .item:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:0;
	background-color:#000;
	opacity:0
}
.wh-page03 .img {
	display:block;
	width:100%;
	transition:transform .3s
}
.wh-page03 .box {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:100%;
	color:#fff;
	padding:15px 15px;
	background-color:#103670;
	opacity:0;
	transform:translateY(100%);
	transition:opacity .3s,transform .3s
}
.wh-page03 .title {
	font-size:16px;
	font-weight:400;
}
@media only screen and (max-width:1200px) {
	.wh-page03 .list{ margin-top:40px; margin-bottom:40px;}
}
@media only screen and (max-width:960px) {
	.wh-page02 .tit {
		font-size:20px;
	}
	.wh-page02 .text {
		font-size:16px;
	}
	.wh-page03{ padding-bottom:0;}
}
@media only screen and (max-width:480px) {
	.wh-page02 .icon {
		height:50px;
		display:block;
		margin:20px  auto;
	}
	.wh-page02 .item {
		width:50%;
		padding:2%
	}
	.wh-page02 .tit {
		font-size:20px;
		margin-bottom:0;
		line-height:2;
	}
	.wh-page03 .item .box{ padding:5px; opacity:1; transform:translateY(0)}
	.wh-page03 .title{ font-size:12px;}
}
@media only screen and (min-width:961px) {
.wh-page03 .item:hover .img {
	transform:scale(1.1)
}
.wh-page03 .item:hover .box {
	opacity:1;
	transform:translateY(0)
}
}
.about-page01{overflow:hidden; background:url(../images/about/bg.jpg) center top no-repeat;}
.about-page01 .header{text-align:center;}
.about-page01 .header .page-title-40, .about-page01 .header .index-title-text{ color:#fff;}
.about-page01 .header .index-title-text{ font-size:24px; margin-top:5px;}
.about-page01 .header .index-title-text i{ font-size:36px; font-family:Arial, Helvetica, sans-serif;}
.about-page01 .wrap{ width:94%; max-width:1680px; margin:0 auto;}

.about-page02{ overflow:hidden; background:url(../images/about/bg2.jpg) center no-repeat;background-size:cover;}
.about-page02 .picture{ width:94%; max-width:1760px; margin:0 auto; text-align:center}
.about-page02 .picture .img{ width:100%}
.about-page02-wap{display:none}

.about-page03{ overflow:hidden; width:94%; max-width:1560px; margin:0 auto;}
.about-page03 .header{ display:block; width:100%; text-align:center}
.about-page03 .header .index-title-text{ margin:30px auto 50px auto;}
.about-page03 .list {align-items: stretch; width:100%; justify-content:center;}
.about-page03 .item{ width:auto; margin:0 20px;}
.about-page03 .item .img{ width:100%}
.about-page03 .choose{ margin:40px auto 0px auto;}
.about-page04{ overflow:hidden; width:94%; max-width:1200px; margin:0 auto;align-items:flex-start;}
.about-page04 .picture{ width:45%}
.about-page04 .picture img{ width:100%}
.about-page04 .text{padding-left:6%; width:55%; font-size:16px;}
.about-page04 .text h3{ margin-top:30px;font-size:16px; color:#222; font-weight:600;}
.about-page04 .text h3 img{ margin-right:20px;}
.about-page04 .text ul{ list-style:none; margin:30px 0 0px 18px; padding:0;}
.about-page04 .text ul li{ padding-left:30px; color:#555; background:url(../images/about/icon-3.png) left 15px no-repeat; line-height:3;}
.about-page04 .text ul li.tel{background:url(../images/about/icon-4.png) left 15px no-repeat;}
.about-page04 .text ul li.fax{background:url(../images/about/icon-6.png) left 15px no-repeat;}
.about-page04 .text ul li.email{background:url(../images/about/icon-5.png) left 15px no-repeat;}


@media only screen and (max-width:960px) {
	.about-page02{ background:none}
	.about-page02 .picture{ display:none}
	.about-page02-wap{ display:block; margin:0 auto;background:#f1f1f1; }
	.about-page02-wap .page-title-40{ margin-top:0}
	.about-page02-wap .team-list{ display:block; margin-top:30px; width:100%}
	.about-page02-wap .team-list ul{ list-style:none; margin:0; padding:0;}
	.about-page02-wap .team-list ul li{ margin-bottom:5px;}
	.about-page02-wap .team-list .tit{ position:relative; display:block; width:100%; padding:15px 25px; background:#dfe7eb; color:#103670; font-size:16px; font-weight:700;}
	.about-page02-wap .team-list .tit a{color:#103670;}
	.about-page02-wap .team-list .tit i{ float:right;}
	.about-page02-wap .team-list ul li ul{ display:none;}
	.about-page02-wap .team-list ul li ul li{ margin-bottom:1px;}
	.about-page02-wap .team-list ul li ul li>.tit{ margin-bottom:0; border-bottom:1px #f1f1f1 solid; font-weight:400; background:#fff; color:#666666;}
	.about-page02-wap .team-list ul li ul li>.tit a{color:#666666;}
	.about-page02-wap .team-list ul li ul li .p{ display:none;}
	.about-page02-wap .team-list ul li ul li .p .tit{ background:#858585; color:#fff;border-bottom:1px #fff solid;}
	
	
	
	.about-page04 .text h3{ margin-top:10px;}
	.about-page04 .text ul{margin:10px 0px 0px 18px;}
	.about-page04 .text ul li{ line-height:2.5;}
}
@media only screen and (max-width:640px) {
	.about-page04 .picture{ display:none;}
	.about-page04 .text{ width:100%;  font-size:14px;}
	.about-page04 .text h3{font-size:14px;}
	.about-page02-wap .team-list .tit{ font-size:14px;padding: 10px 20px;}
}
@media only screen and (max-width:480px) {
	.index-page01 .picture .item{ font-size:12px;}
	.about-page03 .choose{ margin:30px auto 10px auto !important;}
	.about-page04 .page-pd-m{ padding-top:10px;}
}
}


/**********发展历程**********/
.course-wrap{
	padding-top:50px;
	padding-bottom:80px;
	transition: normal;
}
.course-wrap.m-wrap{
	padding-top: 15px;
	position: relative;
}
.course-wrap p.f48{
	font-size: 42px;
	line-height: 50px;
	color: #035cac;
}
.course-wrap.m-wrap p.f48{
	font-size: 20px;
	line-height: 34px;
}
.course-wrap span.f14{
	display: block;
	width: 100%;
	line-height: 26px;
}
.course-wrap.m-wrap span.f14{
	line-height: 22px;
}
.course-wrap .course-list{
	margin-top: 30px;
	width: 100%;
	position: relative;
}
.course-wrap.m-wrap .course-list{
	margin-top: 20px;
}
.course-wrap .course-list .ovh{
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(../images/about/bg_12.png) repeat-x left center;
}
.course-wrap.m-wrap .course-list .ovh{
	background: none;
	width: 100%;
}
.course-wrap .course-list li{
	width: 380px;
	position: relative;
	margin-right: -50px;
}
.course-wrap.m-wrap .course-list li{
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
}
.course-wrap .course-list .main{
	padding: 17px 20px 27px;
	background-color: #fff;
	width: 260px;
	color: #777;
}
.course-wrap .course-list .main p{
	padding-left: 18px;
	background: url(../images/about/ico_125.jpg) no-repeat left 9px;
}
.course-wrap.m-wrap .course-list .main{
	width: 94%;
	padding: 17px 3% 27px;
}
.course-wrap .course-list li .top{
	background: url(../images/about/bg_10.png) no-repeat left top;
	padding-top: 45px;
	height: 42px;
	line-height: 42px;
	font-family: "Arial";
	font-size: 18px;
	text-align: center;
}
.course-wrap.m-wrap .course-list li .top{
	padding-top: 0;
	padding-left: 3%;
	width: 97%;
	text-align: left;
	background: #e8e8e8;
}
.course-wrap .course-list li.odd{
	margin-top: 0;
}
.course-wrap.m-wrap .course-list li.odd{
	position: relative;
}
.course-wrap .course-list li.odd .top{
	background: url(../images/about/bg_11.png) no-repeat left bottom;
	padding-bottom: 45px;
	padding-top: 0;
}
.course-wrap.m-wrap .course-list li.odd .top{
	padding-bottom: 0;
	background: #e8e8e8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.course-wrap.m-wrap .course-list li.odd .main{
	margin-top: 42px;
}
.course-wrap .course-list .butn{
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	margin-top: -24px;
	cursor: pointer;
}
.course-wrap.m-wrap .course-list .butn{
	display: none;
}
.course-wrap .course-list .prev{
	background: url(../images/icon-prev.png) no-repeat center top;
	left: 0;
	opacity:.8;
}
.course-wrap .course-list .next{
	background: url(../images/icon-prev.png) no-repeat center top;
	right: 0;
	opacity:.8;
	-webkit-transform:rotate(-180deg);
}
.course-wrap .course-list .butn:hover{opacity:1;}
.course-wrap .course-list .butn:hover{
	background-position: center bottom;
}
.course-wrap .course-list li:hover .top{
	background: url(../images/about/bg_10.png) no-repeat right top;
	color: #fff;
}
.course-wrap.m-wrap .course-list li:hover .top,.course-wrap.m-wrap .course-list li.odd:hover .top{
	background: #e8e8e8;
	color: #666;
}
.course-wrap .course-list li.odd:hover .top{
	background: url(../images/about/bg_11.png) no-repeat right top;
	color: #fff;
}

.about-history{ padding:0px 0 110px 0;}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; width:100%; height:2px; background-image:-webkit-linear-gradient(  
    to right,   
    rgba(255,255,255,0) 0%,   
    rgba(255,255,255,0.4) 5%,   
    rgba(255,255,255,0.6) 10%,   
    rgba(255,255,255,0.6) 90%,   
    rgba(255,255,255,0.4) 95%,   
    rgba(255,255,255,0) 100%);  
background-image: linear-gradient(  
    to right,   
    rgba(255,255,255,0) 0%,   
    rgba(255,255,255,0.4) 5%,   
    rgba(255,255,255,0.6) 10%,   
    rgba(255,255,255,0.6) 90%,   
    rgba(255,255,255,0.4) 95%,   
    rgba(255,255,255,0) 100%);   content:'';}
.about-history-list .slides li{ position:relative; display:inline-block; float:left; width:350px; height:470px; margin-right:0px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; display:block; min-height:189px; padding:44px 0 0 0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:2%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(255,255,255,.6); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:2%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#fff; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:14px; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item h3{ position:absolute; top:-20px; right:0; left:0; margin:0; font-size: 36px;
     font-weight:700; color:#fff; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
/*.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
*/.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:-20px;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}

.about-history-list .slides li .item .desc{ position:relative; padding:20px 10px; font-size:14px; background:#0f3378; color:#fff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .slides li:nth-child(even) .item .desc{ position:absolute; bottom:40px; left:0; width:100%;}
.about-history-list .slides li .item .desc:after{ position: absolute;
    content: '';
    top: -5px;
    left: 20px;
    width: 15px;
    height: 15px;
    background: #0f3378;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
	
.about-history-list .slides li:nth-child(even) .item .desc:after{ top:auto; bottom:-5px;}
	


.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:45px; height:45px; overflow:hidden; margin-top:-23px;
	    background: url(../images/icon-prev.png) no-repeat center;
    opacity: .5;
}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;-webkit-transform: rotate(-180deg);}
.about-history-list .flex-direction-nav a:hover{opacity:1;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}

.cy-1{
	width:100%;
    position: relative;
	align-items:flex-start;
	font-size:18px;
	line-height:2;
}
.cy-1 .text{ width:100%; font-size:16px; padding-left:0px;}
.cy-title{ display:block; font-size:16px; font-weight:bold; color:#000;}
.cy-box{ margin-top:40px;align-items: flex-start; justify-content:space-between;}
.cy-box .items{ width:100%; margin-bottom:20px; font-size:16px;}
.cy-box .item-box{ margin-bottom:20px;}
.cy-box .item-box .title{ display:block; padding:10px 20px; background:#103670; color:#fff; font-weight:600;}
.cy-box .item-box dl, .cy-box .item-box .text{ display:block; margin:20px;}

.cy-box .item-box dl dt{ display:block; margin-bottom:10px; color:#333;font-weight:600;}
.cy-box .item-box dl dd{ display:block; color:#666666; margin:0; line-height:1.8;}
.cy-footer{ display:block; margin:40px 0; padding:25px 15px; border-top: 1px solid #e6e6e6;justify-content:center; align-items:baseline}
.cy-footer .items{ display:block; float:left; font-size:16px;}
.cy-footer .items.text{ padding-top:10px; margin-left:20px;}

.cy-4-box{}
.cy-4-box .title{ display:block; background:#103670; font-size:24px; color:#fff; text-align:center; line-height:2;}
.cy-4-box .cont{ justify-content:space-between; padding:50px 0;font-size:18px; color:#666666; line-height:2;}
.cy-4-box .cont .img{ display:inline-block; float:left; width:45%}
.cy-4-box .cont .text{ display:inline-block; float:right;width:55%; }
.cy-4-box .cont .img img{ max-width:100%}

.cy-41{ display:block; position:relative; padding-top:120px; text-align:center}
.cy-41 img{ max-width:100%;}
.cy-41 .text{ position:absolute; top:0; width:100%; text-align:center;}
.cy-41 .text .h2{ margin-bottom:50px;}
.service, .news-page01, .proview{ margin:0 auto; width:94%; max-width:1320px;}
.service .header{ text-align:center; display:block; margin-bottom:50px;}
.service .title-40{ font-weight:700; padding-top:10px;}
.service .title-18{ font-weight:normal; color:#666;}
.service .search{ width:90%; max-width:680px; margin:0 auto; height:50px; border:1px #dcdcdc solid; line-height:50px; justify-content:space-between;}
.service .search input{ font-size:16px; color:#888; padding:0 30px; width:90%; height:50px; line-height:50px; border:0; background-color: transparent;outline: none;}
.service .search i{ margin-right:3%; font-size:26px; color:#666;}
.service .text-box{ font-size:16px; color:#666; line-height:2;}
@media only screen and (min-width:961px) {
	.cy-1 .text{ width:50%; padding-left:20px;font-size:18px;}
	.cy-title{ font-size:24px;}
	.cy-box .items{ width:31%;}
	.cy-box .items{ font-size:18px;}
	.cy-box .item-box .text{ min-height:100px;}
}

@media only screen and (max-width:960px) {
	.cy-4-box .cont{padding:30px 0;font-size:16px;}
	.cy-4-box .cont .img{ display:inline-block; float:none; width:100% !important; order:1; margin-bottom:20px;text-align:center !important}
	.cy-4-box .cont .text{ display:inline-block; float:none;width:100% !important;order:2;}
	.cy-4-box .cont .img img{ }
	
}

.ser03 .care{ margin:0 auto; width:100%; max-width:850px;align-items:stretch;}
.ser03 .care .img{ width:30%}
.ser03 .care .text{ width:70%;align-items:stretch;}
.ser03 .care .text .text1:nth-child(1){ margin-right:10%}
.ser03 .care .text .text1 .title-18{ color:#333; padding-top:0}
.ser03 ul{ padding:0 0 0 20px;}
.ser03 ul li{ font-size:16px; color:#333; line-height:2;}

.ser04{}
.ser04 .header{ text-align:center;}
.ser04 .header .title-40{ font-size:30px;}
.ser04 .header .title-18{ font-weight: normal;color: #666;}
.ser04 .main{align-items:stretch; margin-top:40px;}
.ser04 .main .img{ position:relative; width:50%;background:#0f366f; overflow:hidden}
.ser04 .main .img img{ height:100%; transition: transform .4s linear;}
.ser04 .main .text{ background:#0f366f; padding:0 3%; width:50%; font-size:18px; color:#fff; line-height:2;}
.ser04 .main ul, .ser04 .main ul li{ position:relative; margin:0; padding:0; list-style:none;}
.ser04 .main ul li{ padding-left:30px; margin-bottom:5px;}
.ser04 .main ul li:after{ position:absolute; top:18px; left:0; content:''; width:7px; height:3px; background:#fff}
.ser04 .main .tlist{ margin:0; padding:0}
.ser04 .main .tlist ul li{ margin-left:40px; padding-left:20px; font-size:16px; position:relative; line-height:1.5;}
.ser04 .main .tlist ul li:after{ position:absolute; top:14px; left:0; content:''; width:5px; height:5px; border-radius:5px; background:#fff}
.ser05{ padding-bottom:100px;}
.ser05 .list{justify-content:space-between;align-items:stretch;}
.ser05 .list .item{ width:23.5%; padding:5% 0; background:#fff; text-align:center}
.ser05 .list .item .text{ font-size:18px; color:#222222; margin-top:20px;}
.ser05 .list .item .a2{ display:none;}

@media only screen and (min-width:961px) {
	.down-page01 .list .item:hover::after {
		transform:scaleX(1)
	}
/*	.ser05 .list .item:hover{ background:#0f366f;}
	.ser05 .list .item:hover .text{color:#fff;}
	.ser05 .list .item:hover .a1{ display:none}
	.ser05 .list .item:hover .a2{ display:block; margin:0 auto;}*/
}
@media only screen and (max-width:960px) {
	.down-page01 .list .item{ font-size:14px;}
	.down-page01 .list .item .main span{ font-size:12px;}
	.ser02 .list .item{ width:100%; margin-bottom:20px;}
	.ser04 .main .img, .ser04 .main .text{ width:100%;}
	.ser04 .main ul{ margin-left:20px;}
	.ser04 .main  ul li{ font-size:16px;}
	.ser04 .main .tlist ul li{ font-size:14px;}
	.ser04 .main .text{ padding:5% 0;}
	.ser04 .main .img img{ height:auto; width:100%}
	
	.investment-page02 .tablelist table td{ padding:15px 0; font-size:14px;}
	.investment-page02 .tablelist table tr td:nth-child(1){ width:40%; padding-left:10px}
}
@media only screen and (max-width:640px) {
	.down-page01 .list .item{ width:100%;}
	.ser02 .list .item .title{font-size:20px;}
	.ser02 .list .item{ width:100%; margin-bottom:20px; font-size:14px;}
	.ser03 .care .img{ display:none;}
	.ser03 ul li{ font-size:14px; color:#333; line-height:2;}
	.ser05 .list .item{ width:48%; margin-bottom:4%}
	.ser05 .list .item .text{ margin-top:10px;}
	.service .header{ margin-bottom:20px;}
	.investment-page03 .main .item-l{ width:100%;position:relative;}
	.investment-page03 .main .item-r{ width:100%; padding:5% 5% 0 5%;line-height:2.4;}
}